brand family icon
brand-family from Material Symbols by Google · Regular · Text · Apache-2.0 Free for personal and commercial use.
- Name
- brand-family
- Set
- Material Symbols
- Style
- Regular
- Category
- Text
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- brand-family-outline, brand-family-outline-rounded, brand-family-outline-sharp, brand-family-rounded, brand-family-sharp
The same icon in other sets
More text icons from Material Symbols
add-column-leftadd-column-rightadd-linkadd-notesadd-row-aboveadd-row-belowadd-to-drivealign-centeralign-endalign-flex-centeralign-flex-endalign-flex-startalign-horizontal-centeralign-horizontal-leftalign-horizontal-rightalign-items-stretchalign-justify-centeralign-justify-flex-endalign-justify-flex-startalign-justify-space-aroundalign-justify-space-betweenalign-justify-space-evenalign-justify-stretchalign-self-stretch
Use the brand family icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function MaterialSymbolsBrandFamily(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-brand-family {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.65%2022q-1.35%200-2-.55T2%2019.8q0-1.45%201.225-1.85t2.9-.4h.525v-1.4q0-.85-.025-1.387t-.15-.888t-.287-.487t-.438-.138q-.225%200-.413.075t-.312.2q-.1.125-.125.262t.025.288q.15.275.35.537t.2.613q0%20.625-.437%201.062t-1.063.438t-1.062-.437t-.438-1.063q0-.675.3-1.1t.813-.675t1.187-.35t1.45-.1q2.125%200%202.95.763T10%2016.45v3.675q0%20.475.113.7t.387.225q.3%200%20.488-.45t.237-1.4h.275q-.075%201.55-.587%202.175T9.2%2022q-1.075%200-1.687-.337t-.788-1.013q-.25.725-.737%201.038T4.65%2022m9.325%200q-.5%200-.812-.413t-.113-.887l2.55-6.725q.175-.425.55-.7T17%2013t.85.275t.55.7l2.55%206.725q.2.475-.112.888t-.813.412q-.3%200-.55-.175t-.375-.475l-.5-1.45h-3.2l-.5%201.45q-.1.275-.35.463t-.575.187m-8.1-.725q.325%200%20.55-.513t.225-1.237V17.85q-.65%200-.95.387T5.4%2019.5v.275q0%20.9.1%201.2t.375.3M16.05%2018.15h1.925L17%2015.3zm-.925-7.125q-1.2%200-1.912-.838T12.5%207.925q0-2.6%201.65-4.262T18.375%202q1.05%200%201.7.238t.65.612q0%20.15-.05.3t-.175.275q-.125.175-.313.25T19.8%203.7q-.35-.1-.8-.175t-.825-.075q-1.775%200-2.85%201.2T14.25%207.825q0%20.55.2%201.15t.9.6q.275%200%20.537-.125t.463-.35q.425-.45.787-1.5t.663-2.55q.05-.325.263-.462t.587-.138q.45%200%20.688.238t.137.587q-.3%201.075-.437%201.875T18.9%208.6q0%20.5.138.725t.412.225t.538-.2t.737-.75q.05-.075.375-.175q.2%200%20.3.15t.1.425q0%20.7-.8%201.35t-1.675.65q-.65%200-1.112-.35t-.638-1q-.375.65-.925%201.013t-1.225.362M3%2011V5.5q0-1.45%201.025-2.475T6.5%202t2.475%201.025T10%205.5V11H8V9H5v2zm2-4h3V5.5q0-.625-.437-1.062T6.5%204t-1.062.438T5%205.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.65%2022q-1.35%200-2-.55T2%2019.8q0-1.45%201.225-1.85t2.9-.4h.525v-1.4q0-.85-.025-1.387t-.15-.888t-.287-.487t-.438-.138q-.225%200-.413.075t-.312.2q-.1.125-.125.262t.025.288q.15.275.35.537t.2.613q0%20.625-.437%201.062t-1.063.438t-1.062-.437t-.438-1.063q0-.675.3-1.1t.813-.675t1.187-.35t1.45-.1q2.125%200%202.95.763T10%2016.45v3.675q0%20.475.113.7t.387.225q.3%200%20.488-.45t.237-1.4h.275q-.075%201.55-.587%202.175T9.2%2022q-1.075%200-1.687-.337t-.788-1.013q-.25.725-.737%201.038T4.65%2022m9.325%200q-.5%200-.812-.413t-.113-.887l2.55-6.725q.175-.425.55-.7T17%2013t.85.275t.55.7l2.55%206.725q.2.475-.112.888t-.813.412q-.3%200-.55-.175t-.375-.475l-.5-1.45h-3.2l-.5%201.45q-.1.275-.35.463t-.575.187m-8.1-.725q.325%200%20.55-.513t.225-1.237V17.85q-.65%200-.95.387T5.4%2019.5v.275q0%20.9.1%201.2t.375.3M16.05%2018.15h1.925L17%2015.3zm-.925-7.125q-1.2%200-1.912-.838T12.5%207.925q0-2.6%201.65-4.262T18.375%202q1.05%200%201.7.238t.65.612q0%20.15-.05.3t-.175.275q-.125.175-.313.25T19.8%203.7q-.35-.1-.8-.175t-.825-.075q-1.775%200-2.85%201.2T14.25%207.825q0%20.55.2%201.15t.9.6q.275%200%20.537-.125t.463-.35q.425-.45.787-1.5t.663-2.55q.05-.325.263-.462t.587-.138q.45%200%20.688.238t.137.587q-.3%201.075-.437%201.875T18.9%208.6q0%20.5.138.725t.412.225t.538-.2t.737-.75q.05-.075.375-.175q.2%200%20.3.15t.1.425q0%20.7-.8%201.35t-1.675.65q-.65%200-1.112-.35t-.638-1q-.375.65-.925%201.013t-1.225.362M3%2011V5.5q0-1.45%201.025-2.475T6.5%202t2.475%201.025T10%205.5V11H8V9H5v2zm2-4h3V5.5q0-.625-.437-1.062T6.5%204t-1.062.438T5%205.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/brand-family.svg?color=%231a73e8&size=48
