brush(paint,stroke,art,tool) Vector Icon

Tailwind CSS UnoCSS Unplugin Icons Iconify React Vue Svelte Solid

HTML Tag: SEO / AccessibilityJSXSelf closing tag

With @iconify/tailwind: Installation Guide

      <span class="icon-[fe--brush]"></span>

With @egoist/tailwindcss-icons: Installation Guide

      <span class="i-fe-brush"></span>

HTML Tag: SEO / AccessibilityJSXSelf closing tag

      <span class="i-fe-brush"></span>

Installation Guide

Import component:

      import FeBrush from '~icons/fe/brush'

Use component:

      <FeBrush />

Installation Guide

Iconify Web Component：Installation Guide

      <iconify-icon icon="fe:brush"></iconify-icon>

Iconify URL：

      https://api.iconify.design/fe:brush.svg

With @iconify/react:

      <Icon icon="fe:brush" />

JSX:

      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M5.261 16.011A2 2 0 0 0 7.99 18.74A2.5 2.5 0 0 1 5.5 21H3v-2.5a2.5 2.5 0 0 1 2.261-2.489M19 3c1.1 0 2 1.006 2 2L8 18l-2-2z"/></svg>

Component:

      export function FeBrush(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" fill-rule="evenodd" d="M5.261 16.011A2 2 0 0 0 7.99 18.74A2.5 2.5 0 0 1 5.5 21H3v-2.5a2.5 2.5 0 0 1 2.261-2.489M19 3c1.1 0 2 1.006 2 2L8 18l-2-2z"/></svg>
  )
}

With @iconify/vue:

      <Icon icon="fe:brush" />

With nuxt-icon:

      <Icon name="fe:brush" />

Component:

      <template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.261 16.011A2 2 0 0 0 7.99 18.74A2.5 2.5 0 0 1 5.5 21H3v-2.5a2.5 2.5 0 0 1 2.261-2.489M19 3c1.1 0 2 1.006 2 2L8 18l-2-2z"/></svg>
</template>

<script>
export default {
  name: 'FeBrush'
}
</script>

With @iconify/svelte:

      <Icon icon="fe:brush" />

Component:

      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.261 16.011A2 2 0 0 0 7.99 18.74A2.5 2.5 0 0 1 5.5 21H3v-2.5a2.5 2.5 0 0 1 2.261-2.489M19 3c1.1 0 2 1.006 2 2L8 18l-2-2z"/></svg>

Component:

      export function FeBrush(props, key) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props} key={key}><path fill="currentColor" fill-rule="evenodd" d="M5.261 16.011A2 2 0 0 0 7.99 18.74A2.5 2.5 0 0 1 5.5 21H3v-2.5a2.5 2.5 0 0 1 2.261-2.489M19 3c1.1 0 2 1.006 2 2L8 18l-2-2z"/></svg>
  )
}

StrongMe - Mindfulness journal

Capture every small win, cherish every beautiful moment, and share every joy of growth.