paintbrush icon

paintbrush from Keyline Icons by Keyline Icons · Stroke · MIT Free for personal and commercial use.

Name
paintbrush
Set
Keyline Icons
Style
Stroke
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

paintbrush-duotonepaintbrush-fillpaintbrush-sharppaintbrush-sharp-duotonepaintbrush-sharp-fillpaintbrush-sharp-two-tonepaintbrush-two-tone

The same icon in other sets

paintbrushEmoji One (Colored)paintbrushFramework7 IconspaintbrushFont 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 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 2L16 2C17.1046 2 18 2.8954 18 4L18 11.5C18 11.7761 18.2239 12 18.5 12C18.7761 12 19 12.2239 19 12.5L19 13C19 14.6569 17.6569 16 16 16L15.6297 16C14.6831 16 13.9732 16.866 14.1588 17.7942L14.5 19.5C14.5 20.8807 13.3807 22 12 22C10.6193 22 9.5 20.8807 9.5 19.5L9.8412 17.7942C10.0268 16.866 9.3169 16 8.3703 16L8 16C6.3431 16 5 14.6569 5 13L5 12.5C5 12.2239 5.2239 12 5.5 12C5.7761 12 6 11.7761 6 11.5L6 4C6 2.8954 6.8954 2 8 2ZM6 12L18 12M10 2L10 6M14 2L14 8"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsPaintbrush(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M12 2L16 2C17.1046 2 18 2.8954 18 4L18 11.5C18 11.7761 18.2239 12 18.5 12C18.7761 12 19 12.2239 19 12.5L19 13C19 14.6569 17.6569 16 16 16L15.6297 16C14.6831 16 13.9732 16.866 14.1588 17.7942L14.5 19.5C14.5 20.8807 13.3807 22 12 22C10.6193 22 9.5 20.8807 9.5 19.5L9.8412 17.7942C10.0268 16.866 9.3169 16 8.3703 16L8 16C6.3431 16 5 14.6569 5 13L5 12.5C5 12.2239 5.2239 12 5.5 12C5.7761 12 6 11.7761 6 11.5L6 4C6 2.8954 6.8954 2 8 2ZM6 12L18 12M10 2L10 6M14 2L14 8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 2L16 2C17.1046 2 18 2.8954 18 4L18 11.5C18 11.7761 18.2239 12 18.5 12C18.7761 12 19 12.2239 19 12.5L19 13C19 14.6569 17.6569 16 16 16L15.6297 16C14.6831 16 13.9732 16.866 14.1588 17.7942L14.5 19.5C14.5 20.8807 13.3807 22 12 22C10.6193 22 9.5 20.8807 9.5 19.5L9.8412 17.7942C10.0268 16.866 9.3169 16 8.3703 16L8 16C6.3431 16 5 14.6569 5 13L5 12.5C5 12.2239 5.2239 12 5.5 12C5.7761 12 6 11.7761 6 11.5L6 4C6 2.8954 6.8954 2 8 2ZM6 12L18 12M10 2L10 6M14 2L14 8"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%202L16%202C17.1046%202%2018%202.8954%2018%204L18%2011.5C18%2011.7761%2018.2239%2012%2018.5%2012C18.7761%2012%2019%2012.2239%2019%2012.5L19%2013C19%2014.6569%2017.6569%2016%2016%2016L15.6297%2016C14.6831%2016%2013.9732%2016.866%2014.1588%2017.7942L14.5%2019.5C14.5%2020.8807%2013.3807%2022%2012%2022C10.6193%2022%209.5%2020.8807%209.5%2019.5L9.8412%2017.7942C10.0268%2016.866%209.3169%2016%208.3703%2016L8%2016C6.3431%2016%205%2014.6569%205%2013L5%2012.5C5%2012.2239%205.2239%2012%205.5%2012C5.7761%2012%206%2011.7761%206%2011.5L6%204C6%202.8954%206.8954%202%208%202ZM6%2012L18%2012M10%202L10%206M14%202L14%208%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%202L16%202C17.1046%202%2018%202.8954%2018%204L18%2011.5C18%2011.7761%2018.2239%2012%2018.5%2012C18.7761%2012%2019%2012.2239%2019%2012.5L19%2013C19%2014.6569%2017.6569%2016%2016%2016L15.6297%2016C14.6831%2016%2013.9732%2016.866%2014.1588%2017.7942L14.5%2019.5C14.5%2020.8807%2013.3807%2022%2012%2022C10.6193%2022%209.5%2020.8807%209.5%2019.5L9.8412%2017.7942C10.0268%2016.866%209.3169%2016%208.3703%2016L8%2016C6.3431%2016%205%2014.6569%205%2013L5%2012.5C5%2012.2239%205.2239%2012%205.5%2012C5.7761%2012%206%2011.7761%206%2011.5L6%204C6%202.8954%206.8954%202%208%202ZM6%2012L18%2012M10%202L10%206M14%202L14%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/paintbrush.svg?color=%231a73e8&size=48