paintbrush icon
paintbrush-24 from Octicons by GitHub · 24 · MIT Free for personal and commercial use.
- Name
- paintbrush-24
- Set
- Octicons
- Style
- 24
- Viewbox
- 24×24
- License
- MIT
1 other variant in Octicons
The same icon in other sets
paintbrushEmoji One (Colored)paintbrushFramework7 IconspaintbrushFont Awesome 6 SolidpaintbrushFont Awesome SolidpaintbrushFluent EmojipaintbrushFluent Emoji FlatpaintbrushFluent Emoji High ContrastpaintbrushHuge IconspaintbrushIonIconspaintbrushLucidepaintbrushNoto EmojipaintbrushOpenMojipaintbrush-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="M19.642 6.653c-1.31 1.812-3.251 3.86-4.945 5.575l-.091.092l-2.69-2.69l.098-.098c1.69-1.71 3.732-3.656 5.544-4.962c.911-.657 1.715-1.115 2.353-1.318c.652-.207.915-.091 1.039.033c.113.113.231.367.019 1.02c-.207.635-.668 1.436-1.327 2.348M10.9 10.736l2.605 2.605c-.88.754-1.684 1.294-2.378 1.655a4.83 4.83 0 0 0-1.892-1.89c.36-.69.903-1.482 1.665-2.37m-3.086 1.856a4.83 4.83 0 0 0-4.33 1.328c-.525.525-.88 1.302-1.13 2.079c-.256.795-.43 1.682-.541 2.507a19 19 0 0 0-.173 2.216c-.004.3.003.567.022.778c.009.104.022.212.044.31c.01.05.027.113.053.18c.02.051.074.178.19.295c.117.117.245.17.297.19c.066.026.13.043.178.054c.099.021.207.035.31.044c.211.019.479.025.779.021c.603-.008 1.39-.06 2.216-.172c.825-.112 1.711-.285 2.507-.54c.776-.25 1.553-.606 2.079-1.132a4.83 4.83 0 0 0 1.327-4.333c1.209-.6 2.622-1.618 4.121-3.135c1.694-1.714 3.709-3.835 5.093-5.75c.688-.952 1.258-1.904 1.538-2.764c.274-.842.334-1.826-.384-2.544c-.72-.719-1.703-.672-2.555-.401c-.865.275-1.822.843-2.776 1.53c-1.92 1.384-4.036 3.407-5.733 5.125c-1.5 1.518-2.53 2.896-3.132 4.114m1.44 2.388a3.33 3.33 0 0 1 0 4.71c-.271.27-.774.537-1.478.763c-.684.22-1.477.378-2.248.482c-.769.104-1.495.152-2.035.16a9 9 0 0 1-.351-.002a9 9 0 0 1-.002-.35c.007-.542.055-1.267.16-2.036c.104-.771.261-1.564.481-2.249c.227-.703.493-1.206.764-1.478a3.33 3.33 0 0 1 4.71 0Z"/></svg>
React
import type { SVGProps } from "react";
export function OcticonPaintbrush24(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="M19.642 6.653c-1.31 1.812-3.251 3.86-4.945 5.575l-.091.092l-2.69-2.69l.098-.098c1.69-1.71 3.732-3.656 5.544-4.962c.911-.657 1.715-1.115 2.353-1.318c.652-.207.915-.091 1.039.033c.113.113.231.367.019 1.02c-.207.635-.668 1.436-1.327 2.348M10.9 10.736l2.605 2.605c-.88.754-1.684 1.294-2.378 1.655a4.83 4.83 0 0 0-1.892-1.89c.36-.69.903-1.482 1.665-2.37m-3.086 1.856a4.83 4.83 0 0 0-4.33 1.328c-.525.525-.88 1.302-1.13 2.079c-.256.795-.43 1.682-.541 2.507a19 19 0 0 0-.173 2.216c-.004.3.003.567.022.778c.009.104.022.212.044.31c.01.05.027.113.053.18c.02.051.074.178.19.295c.117.117.245.17.297.19c.066.026.13.043.178.054c.099.021.207.035.31.044c.211.019.479.025.779.021c.603-.008 1.39-.06 2.216-.172c.825-.112 1.711-.285 2.507-.54c.776-.25 1.553-.606 2.079-1.132a4.83 4.83 0 0 0 1.327-4.333c1.209-.6 2.622-1.618 4.121-3.135c1.694-1.714 3.709-3.835 5.093-5.75c.688-.952 1.258-1.904 1.538-2.764c.274-.842.334-1.826-.384-2.544c-.72-.719-1.703-.672-2.555-.401c-.865.275-1.822.843-2.776 1.53c-1.92 1.384-4.036 3.407-5.733 5.125c-1.5 1.518-2.53 2.896-3.132 4.114m1.44 2.388a3.33 3.33 0 0 1 0 4.71c-.271.27-.774.537-1.478.763c-.684.22-1.477.378-2.248.482c-.769.104-1.495.152-2.035.16a9 9 0 0 1-.351-.002a9 9 0 0 1-.002-.35c.007-.542.055-1.267.16-2.036c.104-.771.261-1.564.481-2.249c.227-.703.493-1.206.764-1.478a3.33 3.33 0 0 1 4.71 0Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.642 6.653c-1.31 1.812-3.251 3.86-4.945 5.575l-.091.092l-2.69-2.69l.098-.098c1.69-1.71 3.732-3.656 5.544-4.962c.911-.657 1.715-1.115 2.353-1.318c.652-.207.915-.091 1.039.033c.113.113.231.367.019 1.02c-.207.635-.668 1.436-1.327 2.348M10.9 10.736l2.605 2.605c-.88.754-1.684 1.294-2.378 1.655a4.83 4.83 0 0 0-1.892-1.89c.36-.69.903-1.482 1.665-2.37m-3.086 1.856a4.83 4.83 0 0 0-4.33 1.328c-.525.525-.88 1.302-1.13 2.079c-.256.795-.43 1.682-.541 2.507a19 19 0 0 0-.173 2.216c-.004.3.003.567.022.778c.009.104.022.212.044.31c.01.05.027.113.053.18c.02.051.074.178.19.295c.117.117.245.17.297.19c.066.026.13.043.178.054c.099.021.207.035.31.044c.211.019.479.025.779.021c.603-.008 1.39-.06 2.216-.172c.825-.112 1.711-.285 2.507-.54c.776-.25 1.553-.606 2.079-1.132a4.83 4.83 0 0 0 1.327-4.333c1.209-.6 2.622-1.618 4.121-3.135c1.694-1.714 3.709-3.835 5.093-5.75c.688-.952 1.258-1.904 1.538-2.764c.274-.842.334-1.826-.384-2.544c-.72-.719-1.703-.672-2.555-.401c-.865.275-1.822.843-2.776 1.53c-1.92 1.384-4.036 3.407-5.733 5.125c-1.5 1.518-2.53 2.896-3.132 4.114m1.44 2.388a3.33 3.33 0 0 1 0 4.71c-.271.27-.774.537-1.478.763c-.684.22-1.477.378-2.248.482c-.769.104-1.495.152-2.035.16a9 9 0 0 1-.351-.002a9 9 0 0 1-.002-.35c.007-.542.055-1.267.16-2.036c.104-.771.261-1.564.481-2.249c.227-.703.493-1.206.764-1.478a3.33 3.33 0 0 1 4.71 0Z"/></svg> </template>
CSS
.icon-paintbrush-24 {
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%22M19.642%206.653c-1.31%201.812-3.251%203.86-4.945%205.575l-.091.092l-2.69-2.69l.098-.098c1.69-1.71%203.732-3.656%205.544-4.962c.911-.657%201.715-1.115%202.353-1.318c.652-.207.915-.091%201.039.033c.113.113.231.367.019%201.02c-.207.635-.668%201.436-1.327%202.348M10.9%2010.736l2.605%202.605c-.88.754-1.684%201.294-2.378%201.655a4.83%204.83%200%200%200-1.892-1.89c.36-.69.903-1.482%201.665-2.37m-3.086%201.856a4.83%204.83%200%200%200-4.33%201.328c-.525.525-.88%201.302-1.13%202.079c-.256.795-.43%201.682-.541%202.507a19%2019%200%200%200-.173%202.216c-.004.3.003.567.022.778c.009.104.022.212.044.31c.01.05.027.113.053.18c.02.051.074.178.19.295c.117.117.245.17.297.19c.066.026.13.043.178.054c.099.021.207.035.31.044c.211.019.479.025.779.021c.603-.008%201.39-.06%202.216-.172c.825-.112%201.711-.285%202.507-.54c.776-.25%201.553-.606%202.079-1.132a4.83%204.83%200%200%200%201.327-4.333c1.209-.6%202.622-1.618%204.121-3.135c1.694-1.714%203.709-3.835%205.093-5.75c.688-.952%201.258-1.904%201.538-2.764c.274-.842.334-1.826-.384-2.544c-.72-.719-1.703-.672-2.555-.401c-.865.275-1.822.843-2.776%201.53c-1.92%201.384-4.036%203.407-5.733%205.125c-1.5%201.518-2.53%202.896-3.132%204.114m1.44%202.388a3.33%203.33%200%200%201%200%204.71c-.271.27-.774.537-1.478.763c-.684.22-1.477.378-2.248.482c-.769.104-1.495.152-2.035.16a9%209%200%200%201-.351-.002a9%209%200%200%201-.002-.35c.007-.542.055-1.267.16-2.036c.104-.771.261-1.564.481-2.249c.227-.703.493-1.206.764-1.478a3.33%203.33%200%200%201%204.71%200Z%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%22M19.642%206.653c-1.31%201.812-3.251%203.86-4.945%205.575l-.091.092l-2.69-2.69l.098-.098c1.69-1.71%203.732-3.656%205.544-4.962c.911-.657%201.715-1.115%202.353-1.318c.652-.207.915-.091%201.039.033c.113.113.231.367.019%201.02c-.207.635-.668%201.436-1.327%202.348M10.9%2010.736l2.605%202.605c-.88.754-1.684%201.294-2.378%201.655a4.83%204.83%200%200%200-1.892-1.89c.36-.69.903-1.482%201.665-2.37m-3.086%201.856a4.83%204.83%200%200%200-4.33%201.328c-.525.525-.88%201.302-1.13%202.079c-.256.795-.43%201.682-.541%202.507a19%2019%200%200%200-.173%202.216c-.004.3.003.567.022.778c.009.104.022.212.044.31c.01.05.027.113.053.18c.02.051.074.178.19.295c.117.117.245.17.297.19c.066.026.13.043.178.054c.099.021.207.035.31.044c.211.019.479.025.779.021c.603-.008%201.39-.06%202.216-.172c.825-.112%201.711-.285%202.507-.54c.776-.25%201.553-.606%202.079-1.132a4.83%204.83%200%200%200%201.327-4.333c1.209-.6%202.622-1.618%204.121-3.135c1.694-1.714%203.709-3.835%205.093-5.75c.688-.952%201.258-1.904%201.538-2.764c.274-.842.334-1.826-.384-2.544c-.72-.719-1.703-.672-2.555-.401c-.865.275-1.822.843-2.776%201.53c-1.92%201.384-4.036%203.407-5.733%205.125c-1.5%201.518-2.53%202.896-3.132%204.114m1.44%202.388a3.33%203.33%200%200%201%200%204.71c-.271.27-.774.537-1.478.763c-.684.22-1.477.378-2.248.482c-.769.104-1.495.152-2.035.16a9%209%200%200%201-.351-.002a9%209%200%200%201-.002-.35c.007-.542.055-1.267.16-2.036c.104-.771.261-1.564.481-2.249c.227-.703.493-1.206.764-1.478a3.33%203.33%200%200%201%204.71%200Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/paintbrush-24.svg?color=%231a73e8&size=48
