Ícone Bro

file-icons:bro

O ícone Bro (file-icons:bro) é um ícone SVG gratuito da coleção File Icons de John Gardner. Ele é desenhado em uma grade de 512 × 512. File Icons são publicados sob a licença ISC, 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: File Icons
Autor: John Gardner
Licença: ISC
Tamanho: 512 × 512

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M486.86 219.843c-13.819-5.004-34.053-26.813-73.476-40.252c-33.036-11.262-80.49-18.214-130.98-20.445C51.115 148.923 0 261.374 0 261.374s63.892 61.336 185.288 76.032c22.823 2.762 92.465 17.662 118.84 15.972c45.142-2.89 47.28-.638 94.561-33.224c43.554-30.017 68.28-5.944 100.311-26.834c29.39-19.168 1.68-68.473-12.14-73.477m-259.74 18.415c-12.082 0-21.877-9.474-21.877-21.16s9.795-21.159 21.877-21.159s21.876 9.474 21.876 21.16s-9.794 21.159-21.876 21.159m58.848 45.718c-6.91 0-12.512-5.418-12.512-12.102s5.602-12.102 12.512-12.102s12.512 5.419 12.512 12.102s-5.602 12.102-12.512 12.102m-68.963-96.603c-23.945 13.584-37.97 38.768-37.97 67.553c0 31.693 19.525 58.92 47.545 71.215c-18.825 1.335-37.494 1.593-55.597.292c-99.979-7.187-163.955-67.615-163.955-67.615s66.939-77.626 209.977-71.445m266.022 104.03c-2.785.446-41.105-7.625-88.814 3.955c-24.897 6.043-52.468 12.761-81.16 18.476c16.993-14.341 27.781-35.385 27.781-58.908c0-19.983-7.813-38.158-20.563-51.985c6.147 1.81 12.482 3.761 19.403 5.853c60.99 18.431 105.273 39.07 122.554 35.614c6.515-1.304 8.746-5.884 12.378-5.864c10.798.059 14.828 11.884 20.565 20.49c7.667 11.5-.723 30.54-12.144 32.369"/></svg>

Como usar o ícone Bro

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:bro" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:bro" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:bro" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--bro]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:bro"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:bro"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/file-icons/bro.svg" alt="Ícone Bro" width="24" height="24">

Ícones relacionados em File Icons

Perguntas frequentes sobre Ícone Bro

O ícone Bro é grátis para uso comercial?

Sim. File Icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Bro no React?

Instale @iconify/react e renderize <Icon icon="file-icons:bro" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Bro a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/file-icons/bro.svg" alt="Ícone Bro">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os File Icons →