Brush icon
ls:brush
The Brush icon (ls:brush) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 717 × 721 grid. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 717 × 721
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="717" height="721" viewBox="0 0 717 721"><path fill="currentColor" d="m680 28l11 12s54 54 5 104c-42 41-89 43-145 79c-67 41-103 100-95 135c15 65 92 118 25 186c-5 4-15 16-19 20c0 0 3 21-20 21c0 0 5 22-20 22L270 455l-5-5l-151-151c0-24 21-21 21-21c0-16 14-19 20-19c0 0 14-15 20-21c67-68 122 11 185 25c36 9 96-27 137-94c35-57 36-104 78-146c50-50 105 5 105 5m-86 29c-19 19-19 51 0 70s52 20 71 1s19-53 0-72s-52-18-71 1M3 453l-3-40l82-82l305 307l-81 83l-41-5l-4-48l-48-4l-3-51l-49-2l-4-49l-48-3l-5-49l-49-4l-3-49z"/></svg>
How to use the Brush icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:brush" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:brush" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:brush" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--brush]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:brush"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:brush"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ls/brush.svg" alt="Brush icon" width="24" height="24">
Brush icon in other icon sets
Brush icon FAQ
Is the Brush icon free for commercial use?
Yes. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Brush icon in React?
Install @iconify/react and render <Icon icon="ls:brush" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Brush icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/brush.svg" alt="Brush icon">, or paste the SVG code inline to style it with CSS.
Browse all Ligature Symbols icons →
ICONYZ
