paint brush icon
paint-brush from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- paint-brush
- Set
- Line Awesome
- Style
- Line
- Category
- Objects
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- paint-brush-solid
The same icon in other sets
More objects icons from Line Awesome
Use the paint brush icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M24.813 4.031c-.836 0-1.68.336-2.313.969L9.812 17.5l-.624.594c-.75.14-1.465.508-2.032 1.125c-.832.91-.996 2.023-1.312 3.218c-.317 1.196-.719 2.528-1.688 4l-1 1.563H5c3.914 0 6.496-1.871 7.813-3.188l.03-.03c.602-.618.938-1.395 1.063-2.188l.5-.469l12.688-12.5v-.031a3.254 3.254 0 0 0 0-4.594c-.633-.633-1.446-.969-2.282-.969zm0 1.969c.312 0 .609.14.875.406c.535.535.535 1.246 0 1.782l-9.032 8.937l-1.812-1.813l9.062-8.906c.266-.265.594-.406.907-.406M13.405 16.719l1.813 1.812l-1.5 1.469l-1.813-1.813zM9.97 20.03c.504.016 1.05.211 1.469.594c.777.71.796 1.953-.032 2.781c-.867.867-2.406 1.985-4.656 2.407c.48-1.051.816-2.032 1.031-2.844c.332-1.254.578-2.114.844-2.407c.348-.378.84-.546 1.344-.53z"/></svg>
React
import type { SVGProps } from "react";
export function LaPaintBrush(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M24.813 4.031c-.836 0-1.68.336-2.313.969L9.812 17.5l-.624.594c-.75.14-1.465.508-2.032 1.125c-.832.91-.996 2.023-1.312 3.218c-.317 1.196-.719 2.528-1.688 4l-1 1.563H5c3.914 0 6.496-1.871 7.813-3.188l.03-.03c.602-.618.938-1.395 1.063-2.188l.5-.469l12.688-12.5v-.031a3.254 3.254 0 0 0 0-4.594c-.633-.633-1.446-.969-2.282-.969zm0 1.969c.312 0 .609.14.875.406c.535.535.535 1.246 0 1.782l-9.032 8.937l-1.812-1.813l9.062-8.906c.266-.265.594-.406.907-.406M13.405 16.719l1.813 1.812l-1.5 1.469l-1.813-1.813zM9.97 20.03c.504.016 1.05.211 1.469.594c.777.71.796 1.953-.032 2.781c-.867.867-2.406 1.985-4.656 2.407c.48-1.051.816-2.032 1.031-2.844c.332-1.254.578-2.114.844-2.407c.348-.378.84-.546 1.344-.53z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M24.813 4.031c-.836 0-1.68.336-2.313.969L9.812 17.5l-.624.594c-.75.14-1.465.508-2.032 1.125c-.832.91-.996 2.023-1.312 3.218c-.317 1.196-.719 2.528-1.688 4l-1 1.563H5c3.914 0 6.496-1.871 7.813-3.188l.03-.03c.602-.618.938-1.395 1.063-2.188l.5-.469l12.688-12.5v-.031a3.254 3.254 0 0 0 0-4.594c-.633-.633-1.446-.969-2.282-.969zm0 1.969c.312 0 .609.14.875.406c.535.535.535 1.246 0 1.782l-9.032 8.937l-1.812-1.813l9.062-8.906c.266-.265.594-.406.907-.406M13.405 16.719l1.813 1.812l-1.5 1.469l-1.813-1.813zM9.97 20.03c.504.016 1.05.211 1.469.594c.777.71.796 1.953-.032 2.781c-.867.867-2.406 1.985-4.656 2.407c.48-1.051.816-2.032 1.031-2.844c.332-1.254.578-2.114.844-2.407c.348-.378.84-.546 1.344-.53z"/></svg> </template>
CSS
.icon-paint-brush {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.813%204.031c-.836%200-1.68.336-2.313.969L9.812%2017.5l-.624.594c-.75.14-1.465.508-2.032%201.125c-.832.91-.996%202.023-1.312%203.218c-.317%201.196-.719%202.528-1.688%204l-1%201.563H5c3.914%200%206.496-1.871%207.813-3.188l.03-.03c.602-.618.938-1.395%201.063-2.188l.5-.469l12.688-12.5v-.031a3.254%203.254%200%200%200%200-4.594c-.633-.633-1.446-.969-2.282-.969zm0%201.969c.312%200%20.609.14.875.406c.535.535.535%201.246%200%201.782l-9.032%208.937l-1.812-1.813l9.062-8.906c.266-.265.594-.406.907-.406M13.405%2016.719l1.813%201.812l-1.5%201.469l-1.813-1.813zM9.97%2020.03c.504.016%201.05.211%201.469.594c.777.71.796%201.953-.032%202.781c-.867.867-2.406%201.985-4.656%202.407c.48-1.051.816-2.032%201.031-2.844c.332-1.254.578-2.114.844-2.407c.348-.378.84-.546%201.344-.53z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.813%204.031c-.836%200-1.68.336-2.313.969L9.812%2017.5l-.624.594c-.75.14-1.465.508-2.032%201.125c-.832.91-.996%202.023-1.312%203.218c-.317%201.196-.719%202.528-1.688%204l-1%201.563H5c3.914%200%206.496-1.871%207.813-3.188l.03-.03c.602-.618.938-1.395%201.063-2.188l.5-.469l12.688-12.5v-.031a3.254%203.254%200%200%200%200-4.594c-.633-.633-1.446-.969-2.282-.969zm0%201.969c.312%200%20.609.14.875.406c.535.535.535%201.246%200%201.782l-9.032%208.937l-1.812-1.813l9.062-8.906c.266-.265.594-.406.907-.406M13.405%2016.719l1.813%201.812l-1.5%201.469l-1.813-1.813zM9.97%2020.03c.504.016%201.05.211%201.469.594c.777.71.796%201.953-.032%202.781c-.867.867-2.406%201.985-4.656%202.407c.48-1.051.816-2.032%201.031-2.844c.332-1.254.578-2.114.844-2.407c.348-.378.84-.546%201.344-.53z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/paint-brush.svg?color=%231a73e8&size=48
