ICONYZ
Português (Brasil)
Ícone Brand Family de Material Symbols Light

Ícone Brand Family

material-symbols-light:brand-family

O ícone Brand Family (material-symbols-light:brand-family) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, 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
Material Symbols Light
Autor
Google
Licença
Apache-2.0
Tamanho
24 × 24
Categoria
Texto
Tags
brandfamily, brand family outline rounded, brand family outline sharp, brand family rounded, brand family outline, brand family sharp
Baixar SVG

Código 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>

Como usar o ícone 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>

Web component

<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>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/brand-family.svg" alt="Ícone Brand Family" width="24" height="24">

Ícones relacionados em Material Symbols Light

O ícone Brand Family em outras coleções

Perguntas frequentes sobre Ícone Brand Family

O ícone Brand Family é grátis para uso comercial?

Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Brand Family no React?

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

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

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols-light/brand-family.svg" alt="Ícone Brand Family">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Material Symbols Light →