Home/Libraries/Freehand free icons (Iconify)/programming-code-idea

Freehand free icons (Iconify)

ProgrammingCodeIdea

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" fill-rule="evenodd" d="M24 14.3a11.5 11.5 0 0 0-1.26-2a3.16 3.16 0 0 0-1.422-1a1.43 1.43 0 0 0-.83.05c-.39.12-.86.35-1.28.5s-.611-.06-.771-.27c-.32-.441-.57-1.001-.85-1.371a4.1 4.1 0 0 0-1.592-1.311a1.48 1.48 0 0 0-1.26.12a1.53 1.53 0 0 0-.73.88a2.16 2.16 0 0 0 .08 1.481c.165.373.373.726.62 1.05a22 22 0 0 1 1.48 1.922c.13.21.27.42.39.64a5.6 5.6 0 0 0-1.2-.43a1.5 1.5 0 0 0-.82.08a1.09 1.09 0 0 0-.65.87c-.02.605.144 1.202.47 1.712c.302.445.707.812 1.18 1.07c.94.52 2.061.55 3.172 1a.32.32 0 1 0 .27-.57c-.91-.46-1.851-.59-2.671-1a2.66 2.66 0 0 1-1.211-1.07a2 2 0 0 1-.23-.621a2.4 2.4 0 0 1 0-.36c0-.06 0-.13.06-.15a1 1 0 0 1 .69.15c.34.15.7.34 1 .46c.234.089.481.136.731.14a.59.59 0 0 0 .59-.56q0-.34-.07-.67a2.8 2.8 0 0 0-.24-.631c-.13-.25-.28-.49-.41-.73a22 22 0 0 0-1.55-2.002a4 4 0 0 1-.481-.8a1 1 0 0 1-.08-.53a.38.38 0 0 1 .18-.29c.18-.11.37 0 .54.13q.44.34.78.78c.29.36.571.9.901 1.33c.174.23.383.43.62.591a1.18 1.18 0 0 0 1.001.09q.676-.243 1.32-.56c.231-.1.421-.23.561-.19c.413.119.784.351 1.07.67c.474.55.89 1.147 1.242 1.781a.37.37 0 0 0 .63-.37zM6.13 8.257a.31.31 0 0 0 .1-.44a.33.33 0 0 0-.45-.1l-1.061.7c-.23.17-.65.37-1 .61q-.278.227-.461.531a.8.8 0 0 0 0 .68c.152.3.359.568.61.791q.323.253.69.43c.49.24 1.001.39 1.512.61a.37.37 0 0 0 .37-.63c-.37-.27-.78-.5-1.16-.76a3 3 0 0 1-.581-.53a1.4 1.4 0 0 1-.17-.13l.84-.901zm2.741-1.641c-.33.64-.7 1.251-1 1.901q-.2.416-.35.851c-.11.28-.2.58-.29.87c-.2.7-.341 1.411-.481 2.112a.37.37 0 0 0 .7.22c.28-.67.61-1.31.9-2.001c.191-.44.381-.89.531-1.351c.26-.79.41-1.581.61-2.381a.34.34 0 0 0-.19-.42a.33.33 0 0 0-.43.2m2.372 3.461l-.49.57l-.871.871a.37.37 0 0 0-.1.51a.36.36 0 0 0 .5.11l1.13-.75l.661-.5q.335-.3.6-.66c.163-.208.273-.452.32-.71a.65.65 0 0 0-.21-.501a3.2 3.2 0 0 0-.53-.41a10 10 0 0 0-1-.53a10 10 0 0 0-1.001-.401a.33.33 0 0 0-.43.16a.33.33 0 0 0 .16.43q.42.264.8.58q.377.314.71.671c.13.06.31-.08-.25.56m1.682-7.584c.3.06.75-.81.75-.83a.6.6 0 0 0 .07-.26q.015-.142 0-.28c-.11-1.101-.4-1.001-.5-1.061s-.33 0-.64.91a.8.8 0 0 0-.08.24a1 1 0 0 0 0 .26s.11.97.4 1.02m4.412 1.452q.15-.094.27-.22q.123-.12.22-.26c.73-.931.67-1.001.54-1.211s-.37-.24-1.32.35a3 3 0 0 0-.3.22a3 3 0 0 0-.24.28c-.68 1-.48 1.181-.4 1.261s.23.26 1.23-.42m.2 2.541c.06.38 1.441.36 1.471.36q.3-.027.59-.11c1.201-.3 1.251-.39 1.251-.62s-.19-.49-1.36-.55a2 2 0 0 0-.42 0q-.204.03-.401.09c-1.21.48-1.15.7-1.13.83" clip-rule="evenodd"/><path fill="#818cf8" d="M4.739 18.313a.32.32 0 0 0-.31.33c0 1.551 0 1.671.43 2.001c.29.237.634.402 1 .48a2.53 2.53 0 0 0 1.531 2.442c.429.201.89.327 1.361.37c.463.043.93.009 1.38-.1a2.87 2.87 0 0 0 2.352-2.17a.37.37 0 1 0-.71-.181a2.07 2.07 0 0 1-1.851 1.21a4.6 4.6 0 0 1-1 0a4 4 0 0 1-1.001-.23a1.84 1.84 0 0 1-1.281-1.2l.28.06c1.046.193 2.11.26 3.172.2a7 7 0 0 0 2.131-.5l.82-.5q.15-.116.27-.26q.135-.151.24-.32a1.32 1.32 0 0 0 0-1.692a1.6 1.6 0 0 0-.47-.35a7.3 7.3 0 0 0-2.35-.27l-2.302.19c-.86.1-1.721.26-2.592.37zm.59 1l.22-.42l3.002-.15h2.261a6 6 0 0 1 1.551.15a.65.65 0 0 1 .3.15a1 1 0 0 1-.11.22l-.22.26l-.55.331c-.714.32-1.48.506-2.261.55a14 14 0 0 1-2.532-.01a3.23 3.23 0 0 1-1.59-.37c-.161-.13-.201-.35-.07-.69zm7.984-2.191c.18-1 .06-1-.11-1.1s-.4.09-1 .95a1 1 0 0 1-.07.13c0 .32 1 .65 1.15.32zm2.242-10.646a4.94 4.94 0 0 0-1.23-2a7.6 7.6 0 0 0-1.842-1.342a8.8 8.8 0 0 0-7.064-.39A8.37 8.37 0 0 0 .266 7.707a5.9 5.9 0 0 0 0 3.502a8.5 8.5 0 0 0 1.641 3.002c.45.53 1 1 1.461 1.48q.295.295.54.631c.267.353.492.736.67 1.14c0 .08.06.17.1.26c.08.361.731.23.741-.05s-.11-.33-.18-.49a7 7 0 0 0-.69-1.31a7 7 0 0 0-.56-.77c-.43-.511-.931-1.001-1.341-1.512a7.4 7.4 0 0 1-1.301-2.671c-.241-.925-.2-1.9.12-2.802a7.25 7.25 0 0 1 4.402-4.232a8 8 0 0 1 6.204.13c.61.297 1.176.677 1.681 1.13c.488.43.868.968 1.11 1.571a.37.37 0 0 0 .588.16a.36.36 0 0 0 .103-.4"/></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. ProgrammingCodeIdeaIcon.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.