brandfolder logo
brandfolder from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- brandfolder
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the brandfolder logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 23.291h19.601v-2.978H2.98V3.689h16.626V14.6h-1.422l2.908 2.909L24 14.599h-1.417V.709H0zm16.148-9.935a3.03 3.03 0 0 0-1.653-1.58a4 4 0 0 0-.916-.254a1.7 1.7 0 0 0 .735-.296q.36-.242.647-.609q.288-.37.458-.863q.172-.495.171-1.069q0-.971-.377-1.617a2.86 2.86 0 0 0-1.033-1.033a4.6 4.6 0 0 0-1.536-.547a10.3 10.3 0 0 0-1.868-.162q-1.13 0-1.887.054q-.753.054-1.329.145v12.933q1.024.125 1.834.171q.807.044 1.634.044a12.6 12.6 0 0 0 2.057-.162a5 5 0 0 0 1.723-.592q.747-.432 1.187-1.177t.441-1.914q0-.862-.288-1.472m-5.983-6.035c.91-.111 1.873-.054 2.301.304c.38.317.607.599.607 1.42c0 .751-.357 1.195-.608 1.356s-.59.368-1.403.368h-.897zm3.029 8.68c-.449.39-1.114.552-1.816.552c-.79 0-1.213-.072-1.213-.072v-3.737h1.132c.711 0 1.438.126 1.832.464c.509.437.611.895.611 1.505c.001.609-.212.998-.546 1.288"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsBrandfolder(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="M0 23.291h19.601v-2.978H2.98V3.689h16.626V14.6h-1.422l2.908 2.909L24 14.599h-1.417V.709H0zm16.148-9.935a3.03 3.03 0 0 0-1.653-1.58a4 4 0 0 0-.916-.254a1.7 1.7 0 0 0 .735-.296q.36-.242.647-.609q.288-.37.458-.863q.172-.495.171-1.069q0-.971-.377-1.617a2.86 2.86 0 0 0-1.033-1.033a4.6 4.6 0 0 0-1.536-.547a10.3 10.3 0 0 0-1.868-.162q-1.13 0-1.887.054q-.753.054-1.329.145v12.933q1.024.125 1.834.171q.807.044 1.634.044a12.6 12.6 0 0 0 2.057-.162a5 5 0 0 0 1.723-.592q.747-.432 1.187-1.177t.441-1.914q0-.862-.288-1.472m-5.983-6.035c.91-.111 1.873-.054 2.301.304c.38.317.607.599.607 1.42c0 .751-.357 1.195-.608 1.356s-.59.368-1.403.368h-.897zm3.029 8.68c-.449.39-1.114.552-1.816.552c-.79 0-1.213-.072-1.213-.072v-3.737h1.132c.711 0 1.438.126 1.832.464c.509.437.611.895.611 1.505c.001.609-.212.998-.546 1.288"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 23.291h19.601v-2.978H2.98V3.689h16.626V14.6h-1.422l2.908 2.909L24 14.599h-1.417V.709H0zm16.148-9.935a3.03 3.03 0 0 0-1.653-1.58a4 4 0 0 0-.916-.254a1.7 1.7 0 0 0 .735-.296q.36-.242.647-.609q.288-.37.458-.863q.172-.495.171-1.069q0-.971-.377-1.617a2.86 2.86 0 0 0-1.033-1.033a4.6 4.6 0 0 0-1.536-.547a10.3 10.3 0 0 0-1.868-.162q-1.13 0-1.887.054q-.753.054-1.329.145v12.933q1.024.125 1.834.171q.807.044 1.634.044a12.6 12.6 0 0 0 2.057-.162a5 5 0 0 0 1.723-.592q.747-.432 1.187-1.177t.441-1.914q0-.862-.288-1.472m-5.983-6.035c.91-.111 1.873-.054 2.301.304c.38.317.607.599.607 1.42c0 .751-.357 1.195-.608 1.356s-.59.368-1.403.368h-.897zm3.029 8.68c-.449.39-1.114.552-1.816.552c-.79 0-1.213-.072-1.213-.072v-3.737h1.132c.711 0 1.438.126 1.832.464c.509.437.611.895.611 1.505c.001.609-.212.998-.546 1.288"/></svg> </template>
CSS
.icon-brandfolder {
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%22M0%2023.291h19.601v-2.978H2.98V3.689h16.626V14.6h-1.422l2.908%202.909L24%2014.599h-1.417V.709H0zm16.148-9.935a3.03%203.03%200%200%200-1.653-1.58a4%204%200%200%200-.916-.254a1.7%201.7%200%200%200%20.735-.296q.36-.242.647-.609q.288-.37.458-.863q.172-.495.171-1.069q0-.971-.377-1.617a2.86%202.86%200%200%200-1.033-1.033a4.6%204.6%200%200%200-1.536-.547a10.3%2010.3%200%200%200-1.868-.162q-1.13%200-1.887.054q-.753.054-1.329.145v12.933q1.024.125%201.834.171q.807.044%201.634.044a12.6%2012.6%200%200%200%202.057-.162a5%205%200%200%200%201.723-.592q.747-.432%201.187-1.177t.441-1.914q0-.862-.288-1.472m-5.983-6.035c.91-.111%201.873-.054%202.301.304c.38.317.607.599.607%201.42c0%20.751-.357%201.195-.608%201.356s-.59.368-1.403.368h-.897zm3.029%208.68c-.449.39-1.114.552-1.816.552c-.79%200-1.213-.072-1.213-.072v-3.737h1.132c.711%200%201.438.126%201.832.464c.509.437.611.895.611%201.505c.001.609-.212.998-.546%201.288%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%22M0%2023.291h19.601v-2.978H2.98V3.689h16.626V14.6h-1.422l2.908%202.909L24%2014.599h-1.417V.709H0zm16.148-9.935a3.03%203.03%200%200%200-1.653-1.58a4%204%200%200%200-.916-.254a1.7%201.7%200%200%200%20.735-.296q.36-.242.647-.609q.288-.37.458-.863q.172-.495.171-1.069q0-.971-.377-1.617a2.86%202.86%200%200%200-1.033-1.033a4.6%204.6%200%200%200-1.536-.547a10.3%2010.3%200%200%200-1.868-.162q-1.13%200-1.887.054q-.753.054-1.329.145v12.933q1.024.125%201.834.171q.807.044%201.634.044a12.6%2012.6%200%200%200%202.057-.162a5%205%200%200%200%201.723-.592q.747-.432%201.187-1.177t.441-1.914q0-.862-.288-1.472m-5.983-6.035c.91-.111%201.873-.054%202.301.304c.38.317.607.599.607%201.42c0%20.751-.357%201.195-.608%201.356s-.59.368-1.403.368h-.897zm3.029%208.68c-.449.39-1.114.552-1.816.552c-.79%200-1.213-.072-1.213-.072v-3.737h1.132c.711%200%201.438.126%201.832.464c.509.437.611.895.611%201.505c.001.609-.212.998-.546%201.288%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/brandfolder.svg?color=%231a73e8&size=48
