brandfolder icon logo

brandfolder-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
brandfolder-icon
Set
SVG Logos
Style
Color
Viewbox
256×241
License
CC0

Use the brandfolder icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 241"><path fill="#40d1f5" fill-rule="evenodd" d="M0 240.878h209.074v-31.804H31.804V31.804h177.352v116.372h-15.204l30.983 31.065L256 148.176h-15.122V0H0zM80.622 51.364c4.109-.657 8.793-1.15 14.217-1.561s12.081-.575 20.135-.575c6.986 0 13.642.575 19.888 1.725s11.752 3.123 16.355 5.835c4.684 2.795 8.3 6.41 11.012 11.013s4.027 10.355 4.027 17.258c0 4.11-.575 7.89-1.808 11.424s-2.876 6.574-4.849 9.204c-2.054 2.63-4.355 4.767-6.903 6.493s-5.178 2.794-7.807 3.123c2.958.41 6.163 1.315 9.78 2.712a32.1 32.1 0 0 1 9.944 6.246c3.04 2.712 5.67 6.328 7.643 10.601c2.054 4.356 3.04 9.534 3.04 15.697c0 8.3-1.561 15.122-4.684 20.382c-3.123 5.342-7.314 9.45-12.656 12.574c-5.26 3.04-11.424 5.177-18.41 6.328q-10.478 1.726-21.942 1.726c-5.917 0-11.67-.165-17.423-.494s-12.245-.904-19.56-1.808zm27.777 116.865v-39.86h11.506q5.917 0 10.848.987c3.287.657 6.082 1.726 8.465 3.37c2.383 1.561 4.191 3.698 5.424 6.328s1.89 5.917 1.89 9.862c0 4.19-.822 7.643-2.465 10.272c-1.644 2.63-3.78 4.685-6.328 6.164a24.7 24.7 0 0 1-8.219 2.959c-2.958.493-5.752.74-8.464.74c-1.89 0-4.027-.083-6.41-.165a92 92 0 0 1-6.247-.657m8.465-60.898H108.4V70.513c2.466-.41 5.424-.575 9.04-.575c2.548 0 5.178.246 7.726.657c2.63.493 5.013 1.315 7.067 2.712c2.137 1.315 3.863 3.205 5.178 5.589q1.972 3.575 1.972 9.122c0 3.863-.575 6.986-1.725 9.533c-1.151 2.466-2.713 4.438-4.767 5.917s-4.438 2.466-7.232 3.041a48 48 0 0 1-8.794.822"/></svg>

React

import type { SVGProps } from "react";

export function LogosBrandfolderIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 241"><path fill="#40d1f5" fillRule="evenodd" d="M0 240.878h209.074v-31.804H31.804V31.804h177.352v116.372h-15.204l30.983 31.065L256 148.176h-15.122V0H0zM80.622 51.364c4.109-.657 8.793-1.15 14.217-1.561s12.081-.575 20.135-.575c6.986 0 13.642.575 19.888 1.725s11.752 3.123 16.355 5.835c4.684 2.795 8.3 6.41 11.012 11.013s4.027 10.355 4.027 17.258c0 4.11-.575 7.89-1.808 11.424s-2.876 6.574-4.849 9.204c-2.054 2.63-4.355 4.767-6.903 6.493s-5.178 2.794-7.807 3.123c2.958.41 6.163 1.315 9.78 2.712a32.1 32.1 0 0 1 9.944 6.246c3.04 2.712 5.67 6.328 7.643 10.601c2.054 4.356 3.04 9.534 3.04 15.697c0 8.3-1.561 15.122-4.684 20.382c-3.123 5.342-7.314 9.45-12.656 12.574c-5.26 3.04-11.424 5.177-18.41 6.328q-10.478 1.726-21.942 1.726c-5.917 0-11.67-.165-17.423-.494s-12.245-.904-19.56-1.808zm27.777 116.865v-39.86h11.506q5.917 0 10.848.987c3.287.657 6.082 1.726 8.465 3.37c2.383 1.561 4.191 3.698 5.424 6.328s1.89 5.917 1.89 9.862c0 4.19-.822 7.643-2.465 10.272c-1.644 2.63-3.78 4.685-6.328 6.164a24.7 24.7 0 0 1-8.219 2.959c-2.958.493-5.752.74-8.464.74c-1.89 0-4.027-.083-6.41-.165a92 92 0 0 1-6.247-.657m8.465-60.898H108.4V70.513c2.466-.41 5.424-.575 9.04-.575c2.548 0 5.178.246 7.726.657c2.63.493 5.013 1.315 7.067 2.712c2.137 1.315 3.863 3.205 5.178 5.589q1.972 3.575 1.972 9.122c0 3.863-.575 6.986-1.725 9.533c-1.151 2.466-2.713 4.438-4.767 5.917s-4.438 2.466-7.232 3.041a48 48 0 0 1-8.794.822"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 241"><path fill="#40d1f5" fill-rule="evenodd" d="M0 240.878h209.074v-31.804H31.804V31.804h177.352v116.372h-15.204l30.983 31.065L256 148.176h-15.122V0H0zM80.622 51.364c4.109-.657 8.793-1.15 14.217-1.561s12.081-.575 20.135-.575c6.986 0 13.642.575 19.888 1.725s11.752 3.123 16.355 5.835c4.684 2.795 8.3 6.41 11.012 11.013s4.027 10.355 4.027 17.258c0 4.11-.575 7.89-1.808 11.424s-2.876 6.574-4.849 9.204c-2.054 2.63-4.355 4.767-6.903 6.493s-5.178 2.794-7.807 3.123c2.958.41 6.163 1.315 9.78 2.712a32.1 32.1 0 0 1 9.944 6.246c3.04 2.712 5.67 6.328 7.643 10.601c2.054 4.356 3.04 9.534 3.04 15.697c0 8.3-1.561 15.122-4.684 20.382c-3.123 5.342-7.314 9.45-12.656 12.574c-5.26 3.04-11.424 5.177-18.41 6.328q-10.478 1.726-21.942 1.726c-5.917 0-11.67-.165-17.423-.494s-12.245-.904-19.56-1.808zm27.777 116.865v-39.86h11.506q5.917 0 10.848.987c3.287.657 6.082 1.726 8.465 3.37c2.383 1.561 4.191 3.698 5.424 6.328s1.89 5.917 1.89 9.862c0 4.19-.822 7.643-2.465 10.272c-1.644 2.63-3.78 4.685-6.328 6.164a24.7 24.7 0 0 1-8.219 2.959c-2.958.493-5.752.74-8.464.74c-1.89 0-4.027-.083-6.41-.165a92 92 0 0 1-6.247-.657m8.465-60.898H108.4V70.513c2.466-.41 5.424-.575 9.04-.575c2.548 0 5.178.246 7.726.657c2.63.493 5.013 1.315 7.067 2.712c2.137 1.315 3.863 3.205 5.178 5.589q1.972 3.575 1.972 9.122c0 3.863-.575 6.986-1.725 9.533c-1.151 2.466-2.713 4.438-4.767 5.917s-4.438 2.466-7.232 3.041a48 48 0 0 1-8.794.822"/></svg>
</template>

CSS

.icon-brandfolder-icon {
  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%20256%20241%22%3E%3Cpath%20fill%3D%22%2340d1f5%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%20240.878h209.074v-31.804H31.804V31.804h177.352v116.372h-15.204l30.983%2031.065L256%20148.176h-15.122V0H0zM80.622%2051.364c4.109-.657%208.793-1.15%2014.217-1.561s12.081-.575%2020.135-.575c6.986%200%2013.642.575%2019.888%201.725s11.752%203.123%2016.355%205.835c4.684%202.795%208.3%206.41%2011.012%2011.013s4.027%2010.355%204.027%2017.258c0%204.11-.575%207.89-1.808%2011.424s-2.876%206.574-4.849%209.204c-2.054%202.63-4.355%204.767-6.903%206.493s-5.178%202.794-7.807%203.123c2.958.41%206.163%201.315%209.78%202.712a32.1%2032.1%200%200%201%209.944%206.246c3.04%202.712%205.67%206.328%207.643%2010.601c2.054%204.356%203.04%209.534%203.04%2015.697c0%208.3-1.561%2015.122-4.684%2020.382c-3.123%205.342-7.314%209.45-12.656%2012.574c-5.26%203.04-11.424%205.177-18.41%206.328q-10.478%201.726-21.942%201.726c-5.917%200-11.67-.165-17.423-.494s-12.245-.904-19.56-1.808zm27.777%20116.865v-39.86h11.506q5.917%200%2010.848.987c3.287.657%206.082%201.726%208.465%203.37c2.383%201.561%204.191%203.698%205.424%206.328s1.89%205.917%201.89%209.862c0%204.19-.822%207.643-2.465%2010.272c-1.644%202.63-3.78%204.685-6.328%206.164a24.7%2024.7%200%200%201-8.219%202.959c-2.958.493-5.752.74-8.464.74c-1.89%200-4.027-.083-6.41-.165a92%2092%200%200%201-6.247-.657m8.465-60.898H108.4V70.513c2.466-.41%205.424-.575%209.04-.575c2.548%200%205.178.246%207.726.657c2.63.493%205.013%201.315%207.067%202.712c2.137%201.315%203.863%203.205%205.178%205.589q1.972%203.575%201.972%209.122c0%203.863-.575%206.986-1.725%209.533c-1.151%202.466-2.713%204.438-4.767%205.917s-4.438%202.466-7.232%203.041a48%2048%200%200%201-8.794.822%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%20256%20241%22%3E%3Cpath%20fill%3D%22%2340d1f5%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%20240.878h209.074v-31.804H31.804V31.804h177.352v116.372h-15.204l30.983%2031.065L256%20148.176h-15.122V0H0zM80.622%2051.364c4.109-.657%208.793-1.15%2014.217-1.561s12.081-.575%2020.135-.575c6.986%200%2013.642.575%2019.888%201.725s11.752%203.123%2016.355%205.835c4.684%202.795%208.3%206.41%2011.012%2011.013s4.027%2010.355%204.027%2017.258c0%204.11-.575%207.89-1.808%2011.424s-2.876%206.574-4.849%209.204c-2.054%202.63-4.355%204.767-6.903%206.493s-5.178%202.794-7.807%203.123c2.958.41%206.163%201.315%209.78%202.712a32.1%2032.1%200%200%201%209.944%206.246c3.04%202.712%205.67%206.328%207.643%2010.601c2.054%204.356%203.04%209.534%203.04%2015.697c0%208.3-1.561%2015.122-4.684%2020.382c-3.123%205.342-7.314%209.45-12.656%2012.574c-5.26%203.04-11.424%205.177-18.41%206.328q-10.478%201.726-21.942%201.726c-5.917%200-11.67-.165-17.423-.494s-12.245-.904-19.56-1.808zm27.777%20116.865v-39.86h11.506q5.917%200%2010.848.987c3.287.657%206.082%201.726%208.465%203.37c2.383%201.561%204.191%203.698%205.424%206.328s1.89%205.917%201.89%209.862c0%204.19-.822%207.643-2.465%2010.272c-1.644%202.63-3.78%204.685-6.328%206.164a24.7%2024.7%200%200%201-8.219%202.959c-2.958.493-5.752.74-8.464.74c-1.89%200-4.027-.083-6.41-.165a92%2092%200%200%201-6.247-.657m8.465-60.898H108.4V70.513c2.466-.41%205.424-.575%209.04-.575c2.548%200%205.178.246%207.726.657c2.63.493%205.013%201.315%207.067%202.712c2.137%201.315%203.863%203.205%205.178%205.589q1.972%203.575%201.972%209.122c0%203.863-.575%206.986-1.725%209.533c-1.151%202.466-2.713%204.438-4.767%205.917s-4.438%202.466-7.232%203.041a48%2048%200%200%201-8.794.822%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/brandfolder-icon.svg?color=%231a73e8&size=48