paintbrush-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.

Name
paintbrush-fill
Set
Keyline Icons
Style
Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

The same icon in other sets

Use the paintbrush icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1L16 1C17.6569 1 19 2.3431 19 4L19 11.0858C19.5993 11.2977 20 11.8643 20 12.5L20 13C20 15.2091 18.2091 17 16 17L15.6297 17C15.3536 17 15.1297 17.2239 15.1297 17.5C15.1297 17.5329 15.133 17.5658 15.1394 17.5981L15.4806 19.3039C15.4935 19.3685 15.5 19.4341 15.5 19.5C15.5 21.433 13.933 23 12 23C10.067 23 8.5 21.433 8.5 19.5C8.5 19.4341 8.5065 19.3685 8.5194 19.3039L8.8606 17.5981C8.867 17.5658 8.8703 17.5329 8.8703 17.5C8.8703 17.2239 8.6464 17 8.3703 17L8 17C5.7909 17 4 15.2091 4 13L4 12.5C4 11.8643 4.4007 11.2977 5 11.0858L5 4C5 2.3431 6.3431 1 8 1L12 1ZM12 13L6 13C6 14.1046 6.8954 15 8 15L8.3703 15C9.751 15 10.8703 16.1193 10.8703 17.5C10.8703 17.6646 10.854 17.8289 10.8217 17.9903L10.5198 19.5C10.5198 20.3175 11.1825 20.9802 12 20.9802C12.8175 20.9802 13.4802 20.3175 13.4802 19.5L13.1783 17.9903C13.146 17.8289 13.1297 17.6646 13.1297 17.5C13.1297 16.1193 14.249 15 15.6297 15L16 15C17.1046 15 18 14.1046 18 13L12 13ZM9 3L9 6C9 6.5523 9.4477 7 10 7C10.5523 7 11 6.5523 11 6L11 3L9 3ZM13 3L13 8C13 8.5523 13.4477 9 14 9C14.5523 9 15 8.5523 15 8L15 3L13 3Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsPaintbrushFill(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="M12 1L16 1C17.6569 1 19 2.3431 19 4L19 11.0858C19.5993 11.2977 20 11.8643 20 12.5L20 13C20 15.2091 18.2091 17 16 17L15.6297 17C15.3536 17 15.1297 17.2239 15.1297 17.5C15.1297 17.5329 15.133 17.5658 15.1394 17.5981L15.4806 19.3039C15.4935 19.3685 15.5 19.4341 15.5 19.5C15.5 21.433 13.933 23 12 23C10.067 23 8.5 21.433 8.5 19.5C8.5 19.4341 8.5065 19.3685 8.5194 19.3039L8.8606 17.5981C8.867 17.5658 8.8703 17.5329 8.8703 17.5C8.8703 17.2239 8.6464 17 8.3703 17L8 17C5.7909 17 4 15.2091 4 13L4 12.5C4 11.8643 4.4007 11.2977 5 11.0858L5 4C5 2.3431 6.3431 1 8 1L12 1ZM12 13L6 13C6 14.1046 6.8954 15 8 15L8.3703 15C9.751 15 10.8703 16.1193 10.8703 17.5C10.8703 17.6646 10.854 17.8289 10.8217 17.9903L10.5198 19.5C10.5198 20.3175 11.1825 20.9802 12 20.9802C12.8175 20.9802 13.4802 20.3175 13.4802 19.5L13.1783 17.9903C13.146 17.8289 13.1297 17.6646 13.1297 17.5C13.1297 16.1193 14.249 15 15.6297 15L16 15C17.1046 15 18 14.1046 18 13L12 13ZM9 3L9 6C9 6.5523 9.4477 7 10 7C10.5523 7 11 6.5523 11 6L11 3L9 3ZM13 3L13 8C13 8.5523 13.4477 9 14 9C14.5523 9 15 8.5523 15 8L15 3L13 3Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1L16 1C17.6569 1 19 2.3431 19 4L19 11.0858C19.5993 11.2977 20 11.8643 20 12.5L20 13C20 15.2091 18.2091 17 16 17L15.6297 17C15.3536 17 15.1297 17.2239 15.1297 17.5C15.1297 17.5329 15.133 17.5658 15.1394 17.5981L15.4806 19.3039C15.4935 19.3685 15.5 19.4341 15.5 19.5C15.5 21.433 13.933 23 12 23C10.067 23 8.5 21.433 8.5 19.5C8.5 19.4341 8.5065 19.3685 8.5194 19.3039L8.8606 17.5981C8.867 17.5658 8.8703 17.5329 8.8703 17.5C8.8703 17.2239 8.6464 17 8.3703 17L8 17C5.7909 17 4 15.2091 4 13L4 12.5C4 11.8643 4.4007 11.2977 5 11.0858L5 4C5 2.3431 6.3431 1 8 1L12 1ZM12 13L6 13C6 14.1046 6.8954 15 8 15L8.3703 15C9.751 15 10.8703 16.1193 10.8703 17.5C10.8703 17.6646 10.854 17.8289 10.8217 17.9903L10.5198 19.5C10.5198 20.3175 11.1825 20.9802 12 20.9802C12.8175 20.9802 13.4802 20.3175 13.4802 19.5L13.1783 17.9903C13.146 17.8289 13.1297 17.6646 13.1297 17.5C13.1297 16.1193 14.249 15 15.6297 15L16 15C17.1046 15 18 14.1046 18 13L12 13ZM9 3L9 6C9 6.5523 9.4477 7 10 7C10.5523 7 11 6.5523 11 6L11 3L9 3ZM13 3L13 8C13 8.5523 13.4477 9 14 9C14.5523 9 15 8.5523 15 8L15 3L13 3Z"/></svg>
</template>

CSS

.icon-paintbrush-fill {
  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%22M12%201L16%201C17.6569%201%2019%202.3431%2019%204L19%2011.0858C19.5993%2011.2977%2020%2011.8643%2020%2012.5L20%2013C20%2015.2091%2018.2091%2017%2016%2017L15.6297%2017C15.3536%2017%2015.1297%2017.2239%2015.1297%2017.5C15.1297%2017.5329%2015.133%2017.5658%2015.1394%2017.5981L15.4806%2019.3039C15.4935%2019.3685%2015.5%2019.4341%2015.5%2019.5C15.5%2021.433%2013.933%2023%2012%2023C10.067%2023%208.5%2021.433%208.5%2019.5C8.5%2019.4341%208.5065%2019.3685%208.5194%2019.3039L8.8606%2017.5981C8.867%2017.5658%208.8703%2017.5329%208.8703%2017.5C8.8703%2017.2239%208.6464%2017%208.3703%2017L8%2017C5.7909%2017%204%2015.2091%204%2013L4%2012.5C4%2011.8643%204.4007%2011.2977%205%2011.0858L5%204C5%202.3431%206.3431%201%208%201L12%201ZM12%2013L6%2013C6%2014.1046%206.8954%2015%208%2015L8.3703%2015C9.751%2015%2010.8703%2016.1193%2010.8703%2017.5C10.8703%2017.6646%2010.854%2017.8289%2010.8217%2017.9903L10.5198%2019.5C10.5198%2020.3175%2011.1825%2020.9802%2012%2020.9802C12.8175%2020.9802%2013.4802%2020.3175%2013.4802%2019.5L13.1783%2017.9903C13.146%2017.8289%2013.1297%2017.6646%2013.1297%2017.5C13.1297%2016.1193%2014.249%2015%2015.6297%2015L16%2015C17.1046%2015%2018%2014.1046%2018%2013L12%2013ZM9%203L9%206C9%206.5523%209.4477%207%2010%207C10.5523%207%2011%206.5523%2011%206L11%203L9%203ZM13%203L13%208C13%208.5523%2013.4477%209%2014%209C14.5523%209%2015%208.5523%2015%208L15%203L13%203Z%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%22M12%201L16%201C17.6569%201%2019%202.3431%2019%204L19%2011.0858C19.5993%2011.2977%2020%2011.8643%2020%2012.5L20%2013C20%2015.2091%2018.2091%2017%2016%2017L15.6297%2017C15.3536%2017%2015.1297%2017.2239%2015.1297%2017.5C15.1297%2017.5329%2015.133%2017.5658%2015.1394%2017.5981L15.4806%2019.3039C15.4935%2019.3685%2015.5%2019.4341%2015.5%2019.5C15.5%2021.433%2013.933%2023%2012%2023C10.067%2023%208.5%2021.433%208.5%2019.5C8.5%2019.4341%208.5065%2019.3685%208.5194%2019.3039L8.8606%2017.5981C8.867%2017.5658%208.8703%2017.5329%208.8703%2017.5C8.8703%2017.2239%208.6464%2017%208.3703%2017L8%2017C5.7909%2017%204%2015.2091%204%2013L4%2012.5C4%2011.8643%204.4007%2011.2977%205%2011.0858L5%204C5%202.3431%206.3431%201%208%201L12%201ZM12%2013L6%2013C6%2014.1046%206.8954%2015%208%2015L8.3703%2015C9.751%2015%2010.8703%2016.1193%2010.8703%2017.5C10.8703%2017.6646%2010.854%2017.8289%2010.8217%2017.9903L10.5198%2019.5C10.5198%2020.3175%2011.1825%2020.9802%2012%2020.9802C12.8175%2020.9802%2013.4802%2020.3175%2013.4802%2019.5L13.1783%2017.9903C13.146%2017.8289%2013.1297%2017.6646%2013.1297%2017.5C13.1297%2016.1193%2014.249%2015%2015.6297%2015L16%2015C17.1046%2015%2018%2014.1046%2018%2013L12%2013ZM9%203L9%206C9%206.5523%209.4477%207%2010%207C10.5523%207%2011%206.5523%2011%206L11%203L9%203ZM13%203L13%208C13%208.5523%2013.4477%209%2014%209C14.5523%209%2015%208.5523%2015%208L15%203L13%203Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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