Иконка Brand Family
material-symbols-light:brand-family
Иконка Brand Family (material-symbols-light:brand-family) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Текст
- Теги
- brandfamily, brand family outline rounded, brand family outline sharp, brand family rounded, brand family outline, brand family sharp
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.746 20.462q-1.138 0-1.692-.464q-.554-.463-.554-1.39q0-1.23 1.036-1.57t2.451-.339h.452v-1.187q0-.721-.025-1.177t-.134-.751t-.249-.41t-.358-.116q-.206 0-.357.062q-.151.063-.252.168q-.081.104-.106.22t.025.24q.124.233.289.456t.165.52q0 .53-.37.9t-.9.37t-.899-.368t-.37-.893q0-.568.254-.932t.688-.579t1.004-.295t1.227-.08q1.798 0 2.498.637t.7 2.27v3.116q0 .403.103.6q.103.195.328.195q.245 0 .399-.392q.153-.392.197-1.189h.243q-.065 1.316-.501 1.847t-1.459.53q-.916 0-1.432-.28q-.516-.279-.653-.858q-.21.611-.621.875q-.411.263-1.128.263m7.883 0q-.442 0-.687-.354q-.245-.355-.077-.757l2.14-5.683q.137-.367.463-.594q.327-.227.725-.227q.399 0 .725.227q.327.227.464.594l2.14 5.683q.168.402-.078.757t-.685.354q-.264 0-.475-.147q-.211-.148-.316-.401l-.423-1.225h-2.702l-.421 1.225q-.084.232-.295.39t-.498.158m-6.84-.609q.278 0 .464-.435q.187-.435.187-1.05v-1.42q-.55 0-.804.329t-.254 1.073v.234q0 .765.085 1.017t.321.252m8.61-2.644h1.616l-.82-2.408zm-.785-6.03q-1.014 0-1.62-.712t-.608-1.913q0-2.19 1.391-3.602t3.583-1.413q.894 0 1.438.201t.544.519q0 .126-.04.248t-.146.246q-.125.136-.275.202q-.15.065-.31.015q-.296-.085-.678-.148q-.38-.063-.699-.063q-1.504 0-2.415 1.015q-.912 1.015-.912 2.686q0 .454.162.968t.765.513q.217 0 .442-.096q.224-.096.404-.302q.363-.38.673-1.265t.566-2.15q.042-.284.22-.403t.491-.12q.377 0 .576.208t.114.507q-.257.915-.366 1.586q-.108.67-.108 1.214q0 .43.113.622t.34.193q.236 0 .46-.18q.225-.181.623-.635q.05-.075.316-.136q.163 0 .254.127q.09.127.09.361q0 .594-.677 1.138q-.677.545-1.417.545q-.55 0-.946-.302t-.531-.837q-.317.55-.782.857t-1.035.307m-10.266-.025V6.49q0-1.23.862-2.091t2.1-.861t2.1.861t.861 2.09v4.664H8.577V9.458H6.039v1.696zm1.692-3.385h2.539V6.5q0-.529-.37-.899t-.9-.37t-.898.37t-.37.899z"/></svg>Как использовать иконку Brand Family
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:brand-family" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:brand-family" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:brand-family" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--brand-family]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:brand-family"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:brand-family"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/brand-family.svg" alt="Иконка Brand Family" width="24" height="24">Похожие иконки в наборе Material Symbols Light
Иконка Brand Family в других наборах
Вопросы и ответы: Иконка Brand Family
Можно ли бесплатно использовать иконку Brand Family в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Brand Family в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:brand-family" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Brand Family на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/brand-family.svg" alt="Иконка Brand Family">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.