Иконка Brandfolder Icon

logos:brandfolder-icon

Иконка Brandfolder Icon (logos:brandfolder-icon) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 241. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 256 × 241
Теги: brandfoldericon

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="241" viewBox="0 0 256 241"><path fill="#40d1f5" fill-rule="evenodd" d="M0 240.878h209.074v-31.804H31.804V31.804h177.352v116.372h-15.204l30.983 31.065L256 148.176h-15.122V0H0zM80.622 51.364c4.109-.657 8.793-1.15 14.217-1.561s12.081-.575 20.135-.575c6.986 0 13.642.575 19.888 1.725s11.752 3.123 16.355 5.835c4.684 2.795 8.3 6.41 11.012 11.013s4.027 10.355 4.027 17.258c0 4.11-.575 7.89-1.808 11.424s-2.876 6.574-4.849 9.204c-2.054 2.63-4.355 4.767-6.903 6.493s-5.178 2.794-7.807 3.123c2.958.41 6.163 1.315 9.78 2.712a32.1 32.1 0 0 1 9.944 6.246c3.04 2.712 5.67 6.328 7.643 10.601c2.054 4.356 3.04 9.534 3.04 15.697c0 8.3-1.561 15.122-4.684 20.382c-3.123 5.342-7.314 9.45-12.656 12.574c-5.26 3.04-11.424 5.177-18.41 6.328q-10.478 1.726-21.942 1.726c-5.917 0-11.67-.165-17.423-.494s-12.245-.904-19.56-1.808zm27.777 116.865v-39.86h11.506q5.917 0 10.848.987c3.287.657 6.082 1.726 8.465 3.37c2.383 1.561 4.191 3.698 5.424 6.328s1.89 5.917 1.89 9.862c0 4.19-.822 7.643-2.465 10.272c-1.644 2.63-3.78 4.685-6.328 6.164a24.7 24.7 0 0 1-8.219 2.959c-2.958.493-5.752.74-8.464.74c-1.89 0-4.027-.083-6.41-.165a92 92 0 0 1-6.247-.657m8.465-60.898H108.4V70.513c2.466-.41 5.424-.575 9.04-.575c2.548 0 5.178.246 7.726.657c2.63.493 5.013 1.315 7.067 2.712c2.137 1.315 3.863 3.205 5.178 5.589q1.972 3.575 1.972 9.122c0 3.863-.575 6.986-1.725 9.533c-1.151 2.466-2.713 4.438-4.767 5.917s-4.438 2.466-7.232 3.041a48 48 0 0 1-8.794.822"/></svg>

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

React

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

<Icon icon="logos:brandfolder-icon" width="24" />

Vue

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

<template>
  <Icon icon="logos:brandfolder-icon" width="24" />
</template>

Svelte

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

<Icon icon="logos:brandfolder-icon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--brandfolder-icon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:brandfolder-icon"></div>

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

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

<iconify-icon icon="logos:brandfolder-icon"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/logos/brandfolder-icon.svg" alt="Иконка Brandfolder Icon" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки SVG Logos →