Иконка Bro

file-icons:bro

Иконка Bro (file-icons:bro) — бесплатная SVG-иконка из набора File Icons от John Gardner. Она нарисована на сетке 512 × 512. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: File Icons
Автор: John Gardner
Лицензия: ISC
Размер: 512 × 512

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/file-icons/bro.svg" alt="Иконка Bro" width="24" height="24">

Вопросы и ответы: Иконка Bro

Можно ли бесплатно использовать иконку Bro в коммерческих проектах?

Да. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Bro в React?

Установите @iconify/react и выведите <Icon icon="file-icons:bro" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Bro на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/file-icons/bro.svg" alt="Иконка Bro">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все File Icons →