Иконка Brand Family
material-symbols:brand-family
Иконка Brand Family (material-symbols:brand-family) — бесплатная SVG-иконка из набора Material Symbols от Google. Она нарисована на сетке 24 × 24. Material Symbols icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols
- Автор
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Текст
- Теги
- brandfamily, brand family outline sharp, brand family rounded, brand family outline, brand family outline rounded, 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="M4.65 22q-1.35 0-2-.55T2 19.8q0-1.45 1.225-1.85t2.9-.4h.525v-1.4q0-.85-.025-1.387t-.15-.888t-.287-.487t-.438-.138q-.225 0-.413.075t-.312.2q-.1.125-.125.262t.025.288q.15.275.35.537t.2.613q0 .625-.437 1.062t-1.063.438t-1.062-.437t-.438-1.063q0-.675.3-1.1t.813-.675t1.187-.35t1.45-.1q2.125 0 2.95.763T10 16.45v3.675q0 .475.113.7t.387.225q.3 0 .488-.45t.237-1.4h.275q-.075 1.55-.587 2.175T9.2 22q-1.075 0-1.687-.337t-.788-1.013q-.25.725-.737 1.038T4.65 22m9.325 0q-.5 0-.812-.413t-.113-.887l2.55-6.725q.175-.425.55-.7T17 13t.85.275t.55.7l2.55 6.725q.2.475-.112.888t-.813.412q-.3 0-.55-.175t-.375-.475l-.5-1.45h-3.2l-.5 1.45q-.1.275-.35.463t-.575.187m-8.1-.725q.325 0 .55-.513t.225-1.237V17.85q-.65 0-.95.387T5.4 19.5v.275q0 .9.1 1.2t.375.3M16.05 18.15h1.925L17 15.3zm-.925-7.125q-1.2 0-1.912-.838T12.5 7.925q0-2.6 1.65-4.262T18.375 2q1.05 0 1.7.238t.65.612q0 .15-.05.3t-.175.275q-.125.175-.313.25T19.8 3.7q-.35-.1-.8-.175t-.825-.075q-1.775 0-2.85 1.2T14.25 7.825q0 .55.2 1.15t.9.6q.275 0 .537-.125t.463-.35q.425-.45.787-1.5t.663-2.55q.05-.325.263-.462t.587-.138q.45 0 .688.238t.137.587q-.3 1.075-.437 1.875T18.9 8.6q0 .5.138.725t.412.225t.538-.2t.737-.75q.05-.075.375-.175q.2 0 .3.15t.1.425q0 .7-.8 1.35t-1.675.65q-.65 0-1.112-.35t-.638-1q-.375.65-.925 1.013t-1.225.362M3 11V5.5q0-1.45 1.025-2.475T6.5 2t2.475 1.025T10 5.5V11H8V9H5v2zm2-4h3V5.5q0-.625-.437-1.062T6.5 4t-1.062.438T5 5.5z"/></svg>Как использовать иконку Brand Family
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:brand-family" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:brand-family" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:brand-family" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--brand-family]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:brand-family"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:brand-family"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/brand-family.svg" alt="Иконка Brand Family" width="24" height="24">Похожие иконки в наборе Material Symbols
Иконка Brand Family в других наборах
Вопросы и ответы: Иконка Brand Family
Можно ли бесплатно использовать иконку Brand Family в коммерческих проектах?
Да. Material Symbols icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Brand Family в React?
Установите @iconify/react и выведите <Icon icon="material-symbols:brand-family" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Brand Family на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols/brand-family.svg" alt="Иконка Brand Family">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.