paintbrush icon

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

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

7 other variants in Keyline Icons

paintbrushpaintbrush-duotonepaintbrush-fillpaintbrush-sharppaintbrush-sharp-duotonepaintbrush-sharp-two-tonepaintbrush-two-tone

The same icon in other sets

paintbrushEmoji One (Colored)paintbrushFramework7 IconspaintbrushFont Awesome 6 SolidpaintbrushFont Awesome SolidpaintbrushFluent EmojipaintbrushFluent Emoji FlatpaintbrushFluent Emoji High ContrastpaintbrushHuge IconspaintbrushIonIconspaintbrushLucidepaintbrushNoto Emojipaintbrush-16OcticonspaintbrushOpenMojipaintbrush-outlineTeenyiconspaintbrushTwitter Emoji

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 1L18 1C18.5523 1 19 1.4477 19 2L19 11L19 11C19.5523 11 20 11.4477 20 12L20 16C20 16.5523 19.5523 17 19 17L15.0198 17L15.9806 21.8039C15.9935 21.8685 16 21.9341 16 22C16 22.5523 15.5523 23 15 23L9 23C8.4477 23 8 22.5523 8 22C8 21.9341 8.0065 21.8685 8.0194 21.8039L8.5194 19.3039L8.9802 17L5 17C4.4477 17 4 16.5523 4 16L4 12C4 11.4477 4.4477 11 5 11L5 11L5 2C5 1.4477 5.4477 1 6 1L12 1ZM12 13L6 13L6 15L11.4198 15L10.5198 19.5L10.2198 21L13.7802 21L13.4802 19.5L12.5802 15L18 15L18 13L12 13ZM9 3L9 7L11 7L11 3L9 3ZM13 3L13 9L15 9L15 3L13 3Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsPaintbrushSharpFill(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 1L18 1C18.5523 1 19 1.4477 19 2L19 11L19 11C19.5523 11 20 11.4477 20 12L20 16C20 16.5523 19.5523 17 19 17L15.0198 17L15.9806 21.8039C15.9935 21.8685 16 21.9341 16 22C16 22.5523 15.5523 23 15 23L9 23C8.4477 23 8 22.5523 8 22C8 21.9341 8.0065 21.8685 8.0194 21.8039L8.5194 19.3039L8.9802 17L5 17C4.4477 17 4 16.5523 4 16L4 12C4 11.4477 4.4477 11 5 11L5 11L5 2C5 1.4477 5.4477 1 6 1L12 1ZM12 13L6 13L6 15L11.4198 15L10.5198 19.5L10.2198 21L13.7802 21L13.4802 19.5L12.5802 15L18 15L18 13L12 13ZM9 3L9 7L11 7L11 3L9 3ZM13 3L13 9L15 9L15 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 1L18 1C18.5523 1 19 1.4477 19 2L19 11L19 11C19.5523 11 20 11.4477 20 12L20 16C20 16.5523 19.5523 17 19 17L15.0198 17L15.9806 21.8039C15.9935 21.8685 16 21.9341 16 22C16 22.5523 15.5523 23 15 23L9 23C8.4477 23 8 22.5523 8 22C8 21.9341 8.0065 21.8685 8.0194 21.8039L8.5194 19.3039L8.9802 17L5 17C4.4477 17 4 16.5523 4 16L4 12C4 11.4477 4.4477 11 5 11L5 11L5 2C5 1.4477 5.4477 1 6 1L12 1ZM12 13L6 13L6 15L11.4198 15L10.5198 19.5L10.2198 21L13.7802 21L13.4802 19.5L12.5802 15L18 15L18 13L12 13ZM9 3L9 7L11 7L11 3L9 3ZM13 3L13 9L15 9L15 3L13 3Z"/></svg>
</template>

CSS

.icon-paintbrush-sharp-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%201L18%201C18.5523%201%2019%201.4477%2019%202L19%2011L19%2011C19.5523%2011%2020%2011.4477%2020%2012L20%2016C20%2016.5523%2019.5523%2017%2019%2017L15.0198%2017L15.9806%2021.8039C15.9935%2021.8685%2016%2021.9341%2016%2022C16%2022.5523%2015.5523%2023%2015%2023L9%2023C8.4477%2023%208%2022.5523%208%2022C8%2021.9341%208.0065%2021.8685%208.0194%2021.8039L8.5194%2019.3039L8.9802%2017L5%2017C4.4477%2017%204%2016.5523%204%2016L4%2012C4%2011.4477%204.4477%2011%205%2011L5%2011L5%202C5%201.4477%205.4477%201%206%201L12%201ZM12%2013L6%2013L6%2015L11.4198%2015L10.5198%2019.5L10.2198%2021L13.7802%2021L13.4802%2019.5L12.5802%2015L18%2015L18%2013L12%2013ZM9%203L9%207L11%207L11%203L9%203ZM13%203L13%209L15%209L15%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%201L18%201C18.5523%201%2019%201.4477%2019%202L19%2011L19%2011C19.5523%2011%2020%2011.4477%2020%2012L20%2016C20%2016.5523%2019.5523%2017%2019%2017L15.0198%2017L15.9806%2021.8039C15.9935%2021.8685%2016%2021.9341%2016%2022C16%2022.5523%2015.5523%2023%2015%2023L9%2023C8.4477%2023%208%2022.5523%208%2022C8%2021.9341%208.0065%2021.8685%208.0194%2021.8039L8.5194%2019.3039L8.9802%2017L5%2017C4.4477%2017%204%2016.5523%204%2016L4%2012C4%2011.4477%204.4477%2011%205%2011L5%2011L5%202C5%201.4477%205.4477%201%206%201L12%201ZM12%2013L6%2013L6%2015L11.4198%2015L10.5198%2019.5L10.2198%2021L13.7802%2021L13.4802%2019.5L12.5802%2015L18%2015L18%2013L12%2013ZM9%203L9%207L11%207L11%203L9%203ZM13%203L13%209L15%209L15%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-sharp-fill.svg?color=%231a73e8&size=48