Home/Libraries/Stickies color icons (Iconify)/programming

Stickies color icons (Iconify)

Programming

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 40 40"><g fill="none" stroke-miterlimit="10"><path fill="#818cf8" stroke="#818cf8" d="M25.51 11.54a2.33 2.33 0 0 0-1.82-2.8A2.33 2.33 0 0 0 20.6 10a71 71 0 0 0-3.36 9.07a70 70 0 0 0-2.38 9.38a2.33 2.33 0 0 0 1.82 2.8A2.32 2.32 0 0 0 19.76 30a69 69 0 0 0 3.37-9.07a70 70 0 0 0 2.38-9.39ZM8.32 21.86c-.67-.72-1.41-1.48-2.11-2.16c.7-.68 1.44-1.44 2.11-2.17a38 38 0 0 0 4-5a2.07 2.07 0 0 0-.5-2.61c-.56-.61-1.45-1.25-2.41-.53a37 37 0 0 0-4.63 4.38a52 52 0 0 0-3.58 4.34a2.16 2.16 0 0 0 0 3.18a55 55 0 0 0 3.63 4.35A37 37 0 0 0 9.46 30c1 .71 1.85.07 2.41-.54a2.07 2.07 0 0 0 .5-2.61a38.6 38.6 0 0 0-4.05-4.99Zm23.36-4.33c.67.73 1.41 1.49 2.11 2.17c-.7.68-1.44 1.44-2.11 2.16a38.6 38.6 0 0 0-4.05 5a2.07 2.07 0 0 0 .5 2.61c.56.61 1.45 1.25 2.41.54a37 37 0 0 0 4.63-4.38a55 55 0 0 0 3.63-4.35a2.16 2.16 0 0 0 0-3.18a52 52 0 0 0-3.63-4.35a37 37 0 0 0-4.63-4.38c-1-.72-1.85-.08-2.41.53a2.07 2.07 0 0 0-.5 2.61a38 38 0 0 0 4.05 5.02Z"/><path stroke="#818cf8" stroke-linecap="round" d="M30.19 11.25a8 8 0 0 1 1.66 1.6M23 10.47a.878.878 0 0 1 .7 1.14m-13.08-.54a.67.67 0 0 1 .22.9"/></g></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. ProgrammingIcon.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.