Ícone Brush
flat-ui:brush
O ícone Brush (flat-ui:brush) é um ícone SVG gratuito da coleção Flat UI Icons de Designmodo, Inc.. Ele é desenhado em uma grade de 100 × 100. Flat UI Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Flat UI Icons
- Autor
- Designmodo, Inc.
- Licença
- MIT
- Tamanho
- 100 × 100
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#ECF0F1" d="M50 0c27.613 0 50 22.386 50 50s-22.387 50-50 50C22.386 100 0 77.614 0 50S22.386 0 50 0"/><path fill="#DF9274" d="M21.99 66.896A5 5 0 0 1 18 62c0-.717.004-1.373.01-2H18V41a3 3 0 0 0-3-3h-4a3 3 0 0 0-3 3v19h-.01c.006.627.01 1.283.01 2a5 5 0 0 1-3.99 4.896C1.658 67.35 0 69.539 0 72v2a5 5 0 0 0 5 5h16a5 5 0 0 0 5-5v-2c0-2.461-1.658-4.65-4.01-5.104M13 45a2 2 0 1 1 .001-4.001A2 2 0 0 1 13 45"/><path fill="#C88368" d="M4 66.9c-2.297.447-3.919 2.553-3.987 4.947c.068 3.49 1.751 6.378 3.987 7.051z"/><path fill="#2C3E50" d="M0 83h26v17H0z"/><path fill="#283848" d="M2 100h2V83H2zm4 0h2V83H6zm4 0h2V83h-2zm4 0h2V83h-2zm4 0h2V83h-2zm4-17v17h2V83z"/><path fill="#95A5A6" d="M0 71h26v11H0z"/><path fill="#BDC3C7" d="M0 81h26v2H0zm0-10h26v2H0z"/><path fill="#C0392C" d="M8 41v7h10v-7a3 3 0 0 0-3-3h-4a3 3 0 0 0-3 3m5 0a2 2 0 1 1-.001 4.001A2 2 0 0 1 13 41"/><path fill="#869495" d="M0 71h4v11H0z"/><path fill="#AAAFB3" d="M0 71h4v2H0zm0 10h4v2H0z"/><defs><circle id="SVGifCBlePx" cx="50" cy="50" r="50"/></defs><clipPath id="SVGtcVZrdEc"><use href="#SVGifCBlePx"/></clipPath><g clip-path="url(#SVGtcVZrdEc)"><path fill="#7F8C8D" d="M120 44h-3.447c0-19.578-15.725-36.007-35.053-36.007S45.948 24.422 45.948 44H43C43 22.495 60.271 5 81.5 5S120 22.495 120 44"/><path fill="#2C3E50" d="M39 44h79v82H39z"/><path fill="#F1C40E" d="M39 68h79v20H39z"/><path fill="#253544" d="M77 44H57v14.5a5.5 5.5 0 0 0 11 0v-4c0-2.484 2.016-4.5 4.5-4.5s4.5 2.016 4.5 4.5V54a4 4 0 0 0 8 0V44z"/><path fill="#F1C40E" d="M79 44H59v12.5a5.5 5.5 0 0 0 11 0v-4a4.501 4.501 0 0 1 9 0V52a4 4 0 0 0 8 0v-8z"/><path fill="#283848" d="M39 44h10v68H39z"/><path fill="#D8B00C" d="M39 68h10v20H39z"/></g></svg>
Como usar o ícone Brush
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:brush" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:brush" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:brush" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--brush]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:brush"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:brush"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/brush.svg" alt="Ícone Brush" width="24" height="24">
O ícone Brush em outras coleções
Perguntas frequentes sobre Ícone Brush
O ícone Brush é grátis para uso comercial?
Sim. Flat UI Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Brush no React?
Instale @iconify/react e renderize <Icon icon="flat-ui:brush" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Brush a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/flat-ui/brush.svg" alt="Ícone Brush">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Flat UI Icons →
ICONYZ
