Paintbrush icon
et:paintbrush
The Paintbrush icon (et:paintbrush) is a free SVG icon from the Elegant set by Kenny Sing. It is drawn on a 22 × 32 grid. Elegant icons are released under the GPL 3.0 license, which allows use in personal and commercial projects; modified versions of the icon files must keep the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Elegant
- Author
- Kenny Sing
- License
- GPL-3.0-or-later
- Size
- 22 × 32
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="32" viewBox="0 0 22 32"><path fill="currentColor" d="M15.403 21h4.58c1.053 0 1.909-.856 2.017-1.909V1.909C21.892.856 21.036 0 19.983 0H2.017C.964 0 .108.856 0 1.909v17.182C.108 20.144.964 21 2.017 21h4.962c.348 0 2.083.074 2.083 1.542c0 2.622-.553 3.842-.762 4.302l-.049.109l.403.174v.013l-.447-.09a.4.4 0 0 0-.038.104a3.6 3.6 0 0 0-.232 1.257C7.938 30.558 9.168 32 11 32c1.851 0 3.094-1.442 3.094-3.589q0-.588-.198-1.161a.5.5 0 0 0-.119-.302a3 3 0 0 0-.101-.202c-.219-.415-.676-1.277-.676-4.204c0-.62.64-1.542 2.403-1.542M1 12.059h20V16H1zM2.017 1h17.966c.501 0 .909.408 1.017.909v9.149H1V1.909C1.108 1.408 1.516 1 2.017 1m10.775 26.214c.028.053.052.097.093.189l.007.016l.013.038c.125.313.188.635.188.954C13.094 29.663 12.544 31 11 31c-1.521 0-2.062-1.337-2.062-2.589c0-.319.063-.641.188-.954q.007-.017.012-.035l.033-.072l.042-.093c.232-.514.851-1.876.851-4.715C10.062 20.535 8.125 20 6.95 20H2.017c-.501 0-.909-.408-1.017-.909V17h20v2.091c-.108.501-.516.909-1.017.909h-4.58C12.906 20 12 21.521 12 22.542c0 3.175.535 4.187.792 4.672"/></svg>
How to use the Paintbrush icon
React
import { Icon } from "@iconify/react";
<Icon icon="et:paintbrush" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="et:paintbrush" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="et:paintbrush" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[et--paintbrush]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/et -->
<div class="i-et:paintbrush"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="et:paintbrush"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/et/paintbrush.svg" alt="Paintbrush icon" width="24" height="24">
Paintbrush icon in other icon sets
Paintbrush icon FAQ
Is the Paintbrush icon free for commercial use?
Yes. Elegant icons are released under the GPL 3.0 license, which allows use in personal and commercial projects; modified versions of the icon files must keep the same license.
How do I use the Paintbrush icon in React?
Install @iconify/react and render <Icon icon="et:paintbrush" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Paintbrush icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/et/paintbrush.svg" alt="Paintbrush icon">, or paste the SVG code inline to style it with CSS.
Browse all Elegant icons →
ICONYZ
