AI UI Designer Logo
AI UI Designer

Иконка Flutter

Разработка#02569B

Высококачественный прозрачный PNG Flutter для веба и печати.

Оптимизированный векторный SVG-код Flutter для разработчиков.

Готовый к использованию React-компонент иконки Flutter.

Как использовать иконку Flutter

Скопируйте иконку Flutter как встроенный SVG, код React, HTML-вставку или CSS-маску.

Встроенный SVG

Вставьте SVG Flutter напрямую в HTML или JSX.

React-компонент

Используйте Flutter как типизированный React-компонент иконки.

import React from 'react';

export const FlutterIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

HTML-вставка

Используйте URL-адрес иконки Flutter с указанием авторства.

CSS-маска

Используйте Flutter как CSS-маску, цвет которой можно менять.

.flutter-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #02569b;
  mask: url("https://www.aiuidesigner.com/icons/flutter.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/flutter.svg") center / contain no-repeat;
}

Детали иконки Flutter

Фирменный цвет

#02569B

Категория

Разработка

Форматы

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

SVG файл

221 Б · 1 путь

Лицензия

См. руководство по стилю бренда

Источник

flutter.dev

Руководство по стилю

flutter.dev

Об иконке Flutter

icons.aboutParagraph1

Прежде чем использовать логотип Flutter в коммерческих проектах, документации, UI-макетах или на маркетинговых страницах, пожалуйста, ознакомьтесь с правилами использования товарных знаков по ссылкам на источник и руководство по стилю на этой странице.

Теги:mobileuidart

Часто задаваемые вопросы об иконке Flutter

Попробовать AI генератор иконок

Нужна уникальная иконка? Используйте наш AI-генератор SVG для создания пользовательских профессиональных иконок за считанные секунды.

Попробовать AI генератор иконок

Flutter Похожие иконки