Home/Libraries/Freehand color icons (Iconify)/programming-language-browser-css

Freehand color icons (Iconify)

ProgrammingLanguageBrowserCss

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"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#818cf8" d="M23.626 7.403c-.12-1.171-.07-3.572-.9-4.232c-1.92-1.511-6.143-1.11-8.814-1.19c-3.482-.151-7.183.14-10.625.24a.34.34 0 0 0 0 .67c3.472-.05 7.073-.29 10.575-.09c2.471.15 6.653-.14 8.254 1.16c.4.33.41 2.731.49 3.582c.35 2.99.376 6.008.08 9.004a13.4 13.4 0 0 1-.45 3.001c-2.421 1.4-19.69 2.371-20.72.55a21 21 0 0 1-.65-4.632a40.7 40.7 0 0 1 .16-7.863c.08 0 7.614.32 12.576.24c2.33 0 4.682-.13 6.773-.21a.33.33 0 1 0 0-.66c-2.141 0-10.115-.25-11.585-.23c-8.004.08-7.734.45-7.714.19c0-.52.1-1.001.16-1.571a7.6 7.6 0 0 1 .22-1.941a.347.347 0 1 0-.47-.51c-.37.42-.29 1.78-.36 2.26s-.14 1.071-.19 1.601a44.7 44.7 0 0 0-.37 8.644c.029 1.687.25 3.366.66 5.002c1.46 2.722 17.268 1.471 20.95.45c1.45-.4 1.69-.81 1.87-1.95c.577-3.815.604-7.693.08-11.515"/><path fill="#818cf8" d="M4.527 5.231a.84.84 0 0 0-.21-1c-.76-.41-1.71.39-1 1.1a.83.83 0 0 0 1.21-.1m2.631-.251a.82.82 0 0 0-.2-1c-.77-.41-1.71.39-1 1.09a.82.82 0 0 0 1.2-.09m2.882 0a.83.83 0 0 0-.21-1c-.76-.41-1.71.39-1 1.09a.82.82 0 0 0 1.21-.09"/><path fill="#818cf8" d="M7.99 11.314a.3.3 0 0 0 .56-.19c-.56-1.9-5.563.41-4.563 4.052A2.84 2.84 0 0 0 7.2 17.357a2.63 2.63 0 0 0 1.38-.44q.266-.216.47-.49a.35.35 0 0 0-.32-.52c-.33 0-.29.42-1 .58a2.85 2.85 0 0 1-2-.39a2.63 2.63 0 0 1-.561-2.942c.82-1.75 2.631-2.37 2.821-1.84m3.4 5.192a.334.334 0 0 0-.39.54c1.121.84 3.122-.47 2.892-2c-.23-1.532-2.521-2.002-2.601-2.642s.68-1.23 1.31-1.18c.16 0 .58.1.66.24a.3.3 0 0 0 .52-.28a1.6 1.6 0 0 0-1.08-.661a2 2 0 0 0-2.47 2c.07 1.562 2.41 1.722 2.67 2.762c.2.7-.91 1.6-1.51 1.22m5.722.061a1.5 1.5 0 0 1-1.54-.12a.33.33 0 0 0-.47 0c-.91.79 3.561 2.5 3.581-1.25c0-1.441-2.05-1.842-2.571-2.452c-.52-.61 1-1.34 1.69-1.09c.06 0 .12 0 .11.12a.3.3 0 0 0 .132.306a.3.3 0 0 0 .109.044c.38.07.56-.59.07-1a2.46 2.46 0 0 0-2.381.1a1.43 1.43 0 0 0-.57 2.17c.59.79 2.31 1.24 2.35 1.811c.07.78-.14 1.17-.51 1.36"/></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. ProgrammingLanguageBrowserCssIcon.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.