paintbrush icon
paintbrush from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- paintbrush
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
paintbrushEmoji One (Colored)paintbrushFont 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 56 56"><path fill="currentColor" d="M10.382 24.678c-1.963 1.918-1.85 4.475.25 6.552l4.475 4.52c-2.328 1.484-6.825 3.31-8.971 5.457c-3.356 3.356-3.333 7.876.09 11.323c3.448 3.424 7.968 3.47 11.324.114c2.169-2.169 3.972-6.666 5.456-8.972l4.566 4.498c2.078 2.054 4.612 2.168 6.552.228l2.443-2.511c1.552-1.598 1.803-3.562.685-5.365c1.004-.251 1.94-.822 2.67-1.575l10.616-10.662c2.534-2.51 2.466-5.501-.16-8.127L32.002 1.781C30.357.16 28.121 0 26.591 1.53c-.685.684-1.21 1.666-1.484 2.99c-1.233 5.662-3.722 10.935-6.644 14.657c-.502.662-.844 1.3-1.004 1.963c-1.575-.64-3.22-.297-4.589 1.05Zm26.345 12.374c-.96.936-1.85.867-2.808-.114h-.023L21.614 24.655l.023-.022c-.89-.868-1.302-1.827-.023-3.676c2.648-3.812 5.273-9.04 6.826-14.862c.091-.273.205-.502.41-.707c.366-.388.868-.503 1.37.022l11.095 11.073c-.593 3.812-3.63 7.602-5.958 9.93c-.228.229-.525.548-.16.914c1.142 1.141 7.99-3.767 10.776-6.164l1.62 1.598c1.096 1.096 1.119 2.283.137 3.264ZM13.464 26.847l1.575-1.552c.708-.685 1.644-.708 2.374.045L33.44 41.39c.708.753.73 1.62.023 2.328l-1.507 1.575c-.73.73-1.643.708-2.374-.045l-5.753-5.73c-.799-.822-1.712-.503-2.534.57c-1.666 2.374-4.474 8.356-6.14 10c-1.964 1.917-4.567 1.962-6.507.022s-1.918-4.566.023-6.506c1.643-1.644 7.624-4.475 10.022-6.141c1.05-.822 1.392-1.735.547-2.534l-5.73-5.708c-.73-.707-.753-1.666-.045-2.374m-3.288 21.756c.754.73 1.85.73 2.58 0c.73-.776.708-1.849 0-2.58c-.753-.73-1.872-.753-2.58 0c-.684.777-.73 1.827 0 2.58"/></svg>
React
import type { SVGProps } from "react";
export function F7Paintbrush(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M10.382 24.678c-1.963 1.918-1.85 4.475.25 6.552l4.475 4.52c-2.328 1.484-6.825 3.31-8.971 5.457c-3.356 3.356-3.333 7.876.09 11.323c3.448 3.424 7.968 3.47 11.324.114c2.169-2.169 3.972-6.666 5.456-8.972l4.566 4.498c2.078 2.054 4.612 2.168 6.552.228l2.443-2.511c1.552-1.598 1.803-3.562.685-5.365c1.004-.251 1.94-.822 2.67-1.575l10.616-10.662c2.534-2.51 2.466-5.501-.16-8.127L32.002 1.781C30.357.16 28.121 0 26.591 1.53c-.685.684-1.21 1.666-1.484 2.99c-1.233 5.662-3.722 10.935-6.644 14.657c-.502.662-.844 1.3-1.004 1.963c-1.575-.64-3.22-.297-4.589 1.05Zm26.345 12.374c-.96.936-1.85.867-2.808-.114h-.023L21.614 24.655l.023-.022c-.89-.868-1.302-1.827-.023-3.676c2.648-3.812 5.273-9.04 6.826-14.862c.091-.273.205-.502.41-.707c.366-.388.868-.503 1.37.022l11.095 11.073c-.593 3.812-3.63 7.602-5.958 9.93c-.228.229-.525.548-.16.914c1.142 1.141 7.99-3.767 10.776-6.164l1.62 1.598c1.096 1.096 1.119 2.283.137 3.264ZM13.464 26.847l1.575-1.552c.708-.685 1.644-.708 2.374.045L33.44 41.39c.708.753.73 1.62.023 2.328l-1.507 1.575c-.73.73-1.643.708-2.374-.045l-5.753-5.73c-.799-.822-1.712-.503-2.534.57c-1.666 2.374-4.474 8.356-6.14 10c-1.964 1.917-4.567 1.962-6.507.022s-1.918-4.566.023-6.506c1.643-1.644 7.624-4.475 10.022-6.141c1.05-.822 1.392-1.735.547-2.534l-5.73-5.708c-.73-.707-.753-1.666-.045-2.374m-3.288 21.756c.754.73 1.85.73 2.58 0c.73-.776.708-1.849 0-2.58c-.753-.73-1.872-.753-2.58 0c-.684.777-.73 1.827 0 2.58"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M10.382 24.678c-1.963 1.918-1.85 4.475.25 6.552l4.475 4.52c-2.328 1.484-6.825 3.31-8.971 5.457c-3.356 3.356-3.333 7.876.09 11.323c3.448 3.424 7.968 3.47 11.324.114c2.169-2.169 3.972-6.666 5.456-8.972l4.566 4.498c2.078 2.054 4.612 2.168 6.552.228l2.443-2.511c1.552-1.598 1.803-3.562.685-5.365c1.004-.251 1.94-.822 2.67-1.575l10.616-10.662c2.534-2.51 2.466-5.501-.16-8.127L32.002 1.781C30.357.16 28.121 0 26.591 1.53c-.685.684-1.21 1.666-1.484 2.99c-1.233 5.662-3.722 10.935-6.644 14.657c-.502.662-.844 1.3-1.004 1.963c-1.575-.64-3.22-.297-4.589 1.05Zm26.345 12.374c-.96.936-1.85.867-2.808-.114h-.023L21.614 24.655l.023-.022c-.89-.868-1.302-1.827-.023-3.676c2.648-3.812 5.273-9.04 6.826-14.862c.091-.273.205-.502.41-.707c.366-.388.868-.503 1.37.022l11.095 11.073c-.593 3.812-3.63 7.602-5.958 9.93c-.228.229-.525.548-.16.914c1.142 1.141 7.99-3.767 10.776-6.164l1.62 1.598c1.096 1.096 1.119 2.283.137 3.264ZM13.464 26.847l1.575-1.552c.708-.685 1.644-.708 2.374.045L33.44 41.39c.708.753.73 1.62.023 2.328l-1.507 1.575c-.73.73-1.643.708-2.374-.045l-5.753-5.73c-.799-.822-1.712-.503-2.534.57c-1.666 2.374-4.474 8.356-6.14 10c-1.964 1.917-4.567 1.962-6.507.022s-1.918-4.566.023-6.506c1.643-1.644 7.624-4.475 10.022-6.141c1.05-.822 1.392-1.735.547-2.534l-5.73-5.708c-.73-.707-.753-1.666-.045-2.374m-3.288 21.756c.754.73 1.85.73 2.58 0c.73-.776.708-1.849 0-2.58c-.753-.73-1.872-.753-2.58 0c-.684.777-.73 1.827 0 2.58"/></svg> </template>
CSS
.icon-paintbrush {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.382%2024.678c-1.963%201.918-1.85%204.475.25%206.552l4.475%204.52c-2.328%201.484-6.825%203.31-8.971%205.457c-3.356%203.356-3.333%207.876.09%2011.323c3.448%203.424%207.968%203.47%2011.324.114c2.169-2.169%203.972-6.666%205.456-8.972l4.566%204.498c2.078%202.054%204.612%202.168%206.552.228l2.443-2.511c1.552-1.598%201.803-3.562.685-5.365c1.004-.251%201.94-.822%202.67-1.575l10.616-10.662c2.534-2.51%202.466-5.501-.16-8.127L32.002%201.781C30.357.16%2028.121%200%2026.591%201.53c-.685.684-1.21%201.666-1.484%202.99c-1.233%205.662-3.722%2010.935-6.644%2014.657c-.502.662-.844%201.3-1.004%201.963c-1.575-.64-3.22-.297-4.589%201.05Zm26.345%2012.374c-.96.936-1.85.867-2.808-.114h-.023L21.614%2024.655l.023-.022c-.89-.868-1.302-1.827-.023-3.676c2.648-3.812%205.273-9.04%206.826-14.862c.091-.273.205-.502.41-.707c.366-.388.868-.503%201.37.022l11.095%2011.073c-.593%203.812-3.63%207.602-5.958%209.93c-.228.229-.525.548-.16.914c1.142%201.141%207.99-3.767%2010.776-6.164l1.62%201.598c1.096%201.096%201.119%202.283.137%203.264ZM13.464%2026.847l1.575-1.552c.708-.685%201.644-.708%202.374.045L33.44%2041.39c.708.753.73%201.62.023%202.328l-1.507%201.575c-.73.73-1.643.708-2.374-.045l-5.753-5.73c-.799-.822-1.712-.503-2.534.57c-1.666%202.374-4.474%208.356-6.14%2010c-1.964%201.917-4.567%201.962-6.507.022s-1.918-4.566.023-6.506c1.643-1.644%207.624-4.475%2010.022-6.141c1.05-.822%201.392-1.735.547-2.534l-5.73-5.708c-.73-.707-.753-1.666-.045-2.374m-3.288%2021.756c.754.73%201.85.73%202.58%200c.73-.776.708-1.849%200-2.58c-.753-.73-1.872-.753-2.58%200c-.684.777-.73%201.827%200%202.58%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.382%2024.678c-1.963%201.918-1.85%204.475.25%206.552l4.475%204.52c-2.328%201.484-6.825%203.31-8.971%205.457c-3.356%203.356-3.333%207.876.09%2011.323c3.448%203.424%207.968%203.47%2011.324.114c2.169-2.169%203.972-6.666%205.456-8.972l4.566%204.498c2.078%202.054%204.612%202.168%206.552.228l2.443-2.511c1.552-1.598%201.803-3.562.685-5.365c1.004-.251%201.94-.822%202.67-1.575l10.616-10.662c2.534-2.51%202.466-5.501-.16-8.127L32.002%201.781C30.357.16%2028.121%200%2026.591%201.53c-.685.684-1.21%201.666-1.484%202.99c-1.233%205.662-3.722%2010.935-6.644%2014.657c-.502.662-.844%201.3-1.004%201.963c-1.575-.64-3.22-.297-4.589%201.05Zm26.345%2012.374c-.96.936-1.85.867-2.808-.114h-.023L21.614%2024.655l.023-.022c-.89-.868-1.302-1.827-.023-3.676c2.648-3.812%205.273-9.04%206.826-14.862c.091-.273.205-.502.41-.707c.366-.388.868-.503%201.37.022l11.095%2011.073c-.593%203.812-3.63%207.602-5.958%209.93c-.228.229-.525.548-.16.914c1.142%201.141%207.99-3.767%2010.776-6.164l1.62%201.598c1.096%201.096%201.119%202.283.137%203.264ZM13.464%2026.847l1.575-1.552c.708-.685%201.644-.708%202.374.045L33.44%2041.39c.708.753.73%201.62.023%202.328l-1.507%201.575c-.73.73-1.643.708-2.374-.045l-5.753-5.73c-.799-.822-1.712-.503-2.534.57c-1.666%202.374-4.474%208.356-6.14%2010c-1.964%201.917-4.567%201.962-6.507.022s-1.918-4.566.023-6.506c1.643-1.644%207.624-4.475%2010.022-6.141c1.05-.822%201.392-1.735.547-2.534l-5.73-5.708c-.73-.707-.753-1.666-.045-2.374m-3.288%2021.756c.754.73%201.85.73%202.58%200c.73-.776.708-1.849%200-2.58c-.753-.73-1.872-.753-2.58%200c-.684.777-.73%201.827%200%202.58%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/paintbrush.svg?color=%231a73e8&size=48
