Home/Libraries/Freehand free icons (Iconify)/color-spray

Freehand free icons (Iconify)

ColorSpray

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M13.946 3.415a.9.9 0 0 0-.19-.4a2.15 2.15 0 0 0-1-.59a6.7 6.7 0 0 0-1.74-.21a3.3 3.3 0 0 0-.63-.71a2.52 2.52 0 0 0-1.57-.59a2.43 2.43 0 0 0-2.049 1.36a3.7 3.7 0 0 0-.34.83q-.1.39-.14.79a2.7 2.7 0 0 0-.86.38a2.27 2.27 0 0 0-.74.93q-.252.616-.38 1.27a6 6 0 0 0-.81.27a.27.27 0 0 0-.19.35a.3.3 0 0 0 .05.1a.26.26 0 0 0-.26.17a38 38 0 0 0-1.62 4.9a46 46 0 0 0-1.08 4.999c-.08.57-.32 1.31-.38 2c-.04.362-.01.729.09 1.08c.33 1.05 1.74 1.87 3.44 2.309c1.534.394 3.124.52 4.7.37a2.27 2.27 0 0 0 1.39-.55c.353-.454.61-.974.76-1.53c.23-.77.35-1.61.49-2.27c.33-1.5.88-3.879 1.31-6.109c.285-1.375.475-2.768.57-4.17a.32.32 0 1 0-.64-.03a30 30 0 0 1-.68 4.05c-.44 2.21-1.12 4.59-1.44 6.05c-.15.63-.29 1.44-.53 2.17a3.4 3.4 0 0 1-.59 1.16c-.1.11-.37.13-.72.17a13.4 13.4 0 0 1-4.3-.36a7.3 7.3 0 0 1-1.95-.76a1.68 1.68 0 0 1-.82-.84a2.1 2.1 0 0 1 0-.91c.07-.59.23-1.2.28-1.69q.298-2.524.87-5a37 37 0 0 1 1.37-4.82a.28.28 0 0 0 0-.289h.08a8.7 8.7 0 0 1 3.13 0c.62.09 1.24.2 1.87.33c.94.21 1.9.44 2.86.69a.32.32 0 0 0 .4-.21a.31.31 0 0 0-.2-.4l-.22-.09a3 3 0 0 0-.29-2.24a.31.31 0 0 0 .23.15a2.7 2.7 0 0 0 2-.07a1.61 1.61 0 0 0 .53-1.45a2.8 2.8 0 0 0-.06-.59m-6.499-.69a2 2 0 0 1 .89-.65a1.52 1.52 0 0 1 1.44.28a2.48 2.48 0 0 1 1 2.54a4.85 4.85 0 0 0-1.77-.89a7 7 0 0 0-2.08-.24q.053-.232.15-.45a2.6 2.6 0 0 1 .37-.59m1.46 3.87a9.3 9.3 0 0 0-2-.39a7.2 7.2 0 0 0-1.9.11a4.7 4.7 0 0 1 .36-.76a1.36 1.36 0 0 1 .52-.55a2.34 2.34 0 0 1 1.06-.21a7.4 7.4 0 0 1 1.8.24a2.9 2.9 0 0 1 1.74.77a2.1 2.1 0 0 1 .36 1.47c-.64-.22-1.28-.48-1.94-.68m3.86-1.84a4.7 4.7 0 0 1-1.25.09a3.1 3.1 0 0 0-.08-1.84l.52.16c.348.093.668.271.93.52c0 0 .12.98-.12 1.07m2.078.16c.4.27.77.54 1.19.77q.27.147.56.25q.29.1.59.17a8.6 8.6 0 0 0 1.45.16a.324.324 0 1 0 .1-.64c-.45-.14-.85-.34-1.27-.51a9 9 0 0 0-.85-.33c-.51-.17-1-.25-1.54-.39a.29.29 0 0 0-.38.14a.3.3 0 0 0 .15.38m2.49 4.2a.33.33 0 0 0 0-.45a14 14 0 0 0-.82-1.22a4 4 0 0 0-.39-.44a4 4 0 0 0-.52-.4a4.8 4.8 0 0 0-1.41-.6a.282.282 0 1 0-.24.51q.32.221.61.48q.226.21.43.44l.45.41c.47.4 1 .79 1.43 1.25a.32.32 0 0 0 .46.02"/><path fill="#818cf8" d="M8.868 13.795c-.09.27-.17.54-.24.82q-.12.424-.18.86v.1l-.94-.05a15 15 0 0 1-1.62-.21c-.88-.15-1.65-.31-2.47-.52a.32.32 0 0 0-.35.097a.3.3 0 0 0-.06.113a.32.32 0 0 0 .24.39c.81.23 1.61.48 2.43.69q.839.223 1.7.34c.21 0 .69.13 1.07.15c.24.027.483-.014.7-.12a.57.57 0 0 0 .27-.36c0-.13.05-.45.06-.48l.4-1.5c.11-.34.25-.68.35-1q.124-.389.19-.79q.053-.314.06-.63a.75.75 0 0 0-.17-.48a.57.57 0 0 0-.3-.21h-1.52a25 25 0 0 1-2.48-.33a8.6 8.6 0 0 1-1.59-.45a.29.29 0 0 0-.38.14a.28.28 0 0 0 0 .22q-.33.529-.58 1.1a3.6 3.6 0 0 0-.19.58c0 .2-.08.4-.11.6a8 8 0 0 0 0 1.46a.32.32 0 0 0 .31.33a.32.32 0 0 0 .34-.3q.13-.686.34-1.35c.08-.29.17-.58.24-.88s.13-.83.2-1.24q.596.255 1.22.44c.82.23 1.66.38 2.55.55l1 .13a.5.5 0 0 1 0 .11a6 6 0 0 1-.16.62c-.09.39-.19.72-.33 1.06m15.007-6.01a2.2 2.2 0 0 0-.32-.62l-.13-.16c.19-.561.19-1.169 0-1.73a2.18 2.18 0 0 0-2.52-1.61a2 2 0 0 0-.5.14q-.24.1-.45.25a.28.28 0 0 0-.002.468a.28.28 0 0 0 .312.002q.17-.101.35-.18a2 2 0 0 1 .39-.11a1.55 1.55 0 0 1 1.73 1.24a2 2 0 0 1 .05.88a1 1 0 0 0-.16-.11a2.5 2.5 0 0 0-.62-.3a3 3 0 0 0-.67-.12a2.4 2.4 0 0 0-.71.08a1.33 1.33 0 0 0-1 1.68a1.43 1.43 0 0 0 1.59 1.06q.34-.03.66-.15q.329-.106.62-.29q.15-.087.28-.2q.046.087.08.18a1.28 1.28 0 0 1-.45 1.34a3.8 3.8 0 0 1-.86.62a2.2 2.2 0 0 0-.4-.59a1.48 1.48 0 0 0-2.32.09a1 1 0 0 0-.1 1.1c.188.362.512.635.9.76c.403.11.828.11 1.23 0a2 2 0 0 1-1.2 1.22a2.31 2.31 0 0 1-2.23-.11a3.3 3.3 0 0 1-.47-.4a.9.9 0 0 1-.24-.4a.32.32 0 0 0-.575-.153a.33.33 0 0 0-.064.242c.041.235.141.455.29.64q.281.345.63.62a3.12 3.12 0 0 0 3 .29a2.65 2.65 0 0 0 1.83-2.26a4.55 4.55 0 0 0 1.679-1.32a2.14 2.14 0 0 0 .37-2.09m-1.87-.32a1.8 1.8 0 0 1-.45.19a2 2 0 0 1-.48.09a.52.52 0 0 1-.56-.4a.38.38 0 0 1 .34-.44q.196-.03.39 0q.205.015.4.08q.199.063.37.18q.12.077.22.18a1.3 1.3 0 0 1-.23.12m-2 3a.57.57 0 0 1-.43-.28c0-.06.06-.1.11-.14a.57.57 0 0 1 .32-.04a.72.72 0 0 1 .57.32q.065.073.11.16c-.207.04-.42.046-.63.02z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. ColorSprayIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.