Home/Libraries/Freehand color icons (Iconify)/website-development-browser-source-code

Freehand color icons (Iconify)

WebsiteDevelopmentBrowserSourceCode

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="M14.595 17.894c.74-.06 1.481-.16 2.212-.21c.73-.05 1.431-.18 2.152-.19c.466-.015.933.022 1.39.11a.35.35 0 0 0 .441-.25a.37.37 0 0 0-.25-.451a7.7 7.7 0 0 0-1.541-.31a22 22 0 0 0-2.272-.07q-1.306.037-2.602.21c-.23 0-.47.1-.7.14c.1-.21.2-.43.31-.64c.34-.611.7-1.212 1.07-1.812l2.092-3.073s.12-.33.23-.54q.182.134.31.32q.32.427.581.89c.6.952 1.201 1.952 1.731 2.953q.557.973 1.001 2.002a.365.365 0 0 0 .68-.26c-.3-.901-.68-1.812-1.08-2.703s-.86-1.76-1.301-2.602a5.8 5.8 0 0 0-1.05-1.44a1.6 1.6 0 0 0-1.002-.441a.72.72 0 0 0-.58.26q-.305.415-.56.86c-.35.531-.701 1.062-1.001 1.612s-.6 1.121-.861 1.711c-.26.59-.51 1.071-.75 1.612c-.24.54-.411 1-.591 1.47c-.41.091-.41.091-.81.201s-.361.48-.12.71c.209.109.448.144.68.1c.71-.09 1.46-.09 2.191-.17"/><path fill="#818cf8" d="M23.603 14.971c0-1.17-.05-2.332-.09-3.503c-.07-1.73-.17-3.472-.23-5.204c0-.8 0-1.761-.1-2.662a4.6 4.6 0 0 0-.611-1.861a1.7 1.7 0 0 0-1.101-.71a13.4 13.4 0 0 0-2.252-.06C17.698.96 14.155.86 12.644.88c-1.181 0-1.001.77.12.79c1.481 0 4.894.16 6.385.29c.46 0 1.2 0 1.831.06a.87.87 0 0 1 .68.32c.243.44.383.93.411 1.431q.068 1.282 0 2.562l.3 8.687c0 1.371.11 2.582.13 3.853v2.683c-2.361-.11-4.413-.21-6.545-.21c-1.45 0-2.241 0-3.893.13c-.55.11-.61.8 0 .75c1.652-.09 2.452-.07 3.903 0c2.282.06 4.454.25 7.006.44a.74.74 0 0 0 .53-.69c0-.4.09-1.391.09-1.431c.06-.79.07-1.522.07-2.242c0-1.07-.06-2.122-.06-3.333"/><path fill="#818cf8" d="M11.243 20.456c0-.69-.15-4.344-.21-4.944a2.13 2.13 0 0 0 1.07-.65q.229-.31.36-.671q.158-.49.2-1.001c0-.32.051-.64.051-1a8 8 0 0 0-.08-1.002a7.7 7.7 0 0 0-.41-2.051c-1.001-2.342-1.381-.761-1.051-3.643q.045-.615 0-1.231c0-.41 0-.82-.06-1.221c-.06-.4-.26-2.472-.29-2.732a.37.37 0 0 0-.731 0c0 .27-.11 2.341-.12 2.852s.02.8.02 1.24v1.222c.05.67.11 1.33.17 2.001l-.12.07c-.4.325-.707.75-.89 1.231a6 6 0 0 0-.431 1.592q-.132 1.182-.1 2.372q-.002.584.1 1.16c.064.314.193.611.38.871a1.67 1.67 0 0 0 1.151.65c-.06.741-.15 1.532-.2 2.373v1.32c0 .441 0 .881.05 1.322q.101 1.556.37 3.092a.38.38 0 0 0 .41.32a.36.36 0 0 0 .32-.4c-.04-.44.03-2.772.04-3.142m-.66-6.055a.58.58 0 0 1-.491-.22a1.3 1.3 0 0 1-.17-.42a4.4 4.4 0 0 1-.11-.951a18 18 0 0 1-.11-2.212c.034-.475.131-.943.29-1.391c.36-1.001 1.21-.61 1.511.33a7.2 7.2 0 0 1 .23 1.861q.022.426 0 .851q-.028.414-.1.82a4 4 0 0 1-.15.601c-.048.156-.13.3-.24.42a.9.9 0 0 1-.66.31"/><path fill="#818cf8" d="M20.14 5.964a.36.36 0 0 0 0 .51a.93.93 0 0 1 .21.741a.6.6 0 0 1-.35.49a1.6 1.6 0 0 1-.871.08a2.7 2.7 0 0 1-.93-.28c-.311-.13-.291-.44-.161-.69a1.09 1.09 0 0 1 1-.67a.32.32 0 0 0 .401-.18a.31.31 0 0 0-.23-.381a2 2 0 0 0-2.212 1.12a1.41 1.41 0 0 0 .63 1.912c.432.229.905.365 1.392.4a2.53 2.53 0 0 0 1.501-.34a1.57 1.57 0 0 0 .72-1.4a1.76 1.76 0 0 0-.6-1.302a.35.35 0 0 0-.5-.01M6.78 4.703q-.233.015-.461.06c-1.431.3-1.331.48-1.331.63s0 .401 1.45.531q.24.022.481 0q.237-.021.47-.07c1.282-.29 1.442-.43 1.402-.71s-.19-.37-1.501-.44zm1.66 3.263a.37.37 0 0 0-.39-.34H6.21a7 7 0 0 0-.77.07q-.39.042-.771.13c-.59.14-1.151.33-1.742.47a.32.32 0 0 0-.28.35a.31.31 0 0 0 .34.32q1.051.069 2.102 0q.616-.057 1.22-.19c.601-.12 1.182-.29 1.792-.41a.37.37 0 0 0 .34-.4M4.908 13.34q.21.022.42 0a2 2 0 0 0 .43-.08c1.221-.32 1.301-.46 1.281-.72s-.18-.36-1.4-.421h-.421a2 2 0 0 0-.41.07c-1.321.32-1.261.51-1.251.65s-.14.38 1.35.501m-2.791 1.711a.31.31 0 0 0 .32.31c.63.08 1.23.18 1.851.22h.78q.403-.006.802-.06c.61-.07 1.21-.18 1.821-.27a.35.35 0 0 0 .35-.37a.36.36 0 0 0-.37-.35c-.62-.05-1.231-.13-1.842-.16h-.79a7 7 0 0 0-.78 0c-.621.07-1.212.21-1.832.31a.33.33 0 0 0-.31.37m5.324 2.322a5 5 0 0 0-.55 0a3.5 3.5 0 0 0-.571 0c-1.792.31-1.571.66-1.571.69s0 .331 1.61.481q.27.023.541 0q.266.015.53 0c1.432-.15 1.632-.17 1.642-.5s-.17-.48-1.631-.67"/><path fill="#818cf8" d="M8.1 21.917a34 34 0 0 0-3.613.06a8 8 0 0 1-1.45-.11c-1.702-.28-1.602-.3-1.532-2.142l.06-5.164v-4.544c0-1.54.08-3.002.19-4.543q.02-1.131.23-2.242c.062-.407.26-.78.56-1.06a.73.73 0 0 1 .341-.121q.435-.023.87 0q1.118-.036 2.233.05q.728.07 1.43.27a.32.32 0 1 0 .17-.61a7.7 7.7 0 0 0-1.53-.36a20 20 0 0 0-2.302-.16q-.57-.046-1.141 0c-.215.032-.42.11-.6.23a2.8 2.8 0 0 0-.971 1.49a14 14 0 0 0-.34 2.393a64 64 0 0 0-.34 4.613c-.061 1.551 0 3.063 0 4.614l.07 5.134a12 12 0 0 0 0 1.541c.011.233.095.457.24.64c.25.263.558.462.9.581q.666.214 1.361.29a9.7 9.7 0 0 0 1.611.06a30 30 0 0 1 3.443-.19a.36.36 0 0 0 .4-.33a.35.35 0 0 0-.29-.39"/></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. WebsiteDevelopmentBrowserSourceCodeIcon.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.