Home/Libraries/Freehand color icons (Iconify)/programming-language-bookmark-javascript

Freehand color icons (Iconify)

ProgrammingLanguageBookmarkJavascript

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="M18.282 22.75a15 15 0 0 1-1.999.13c-1.599 0-3.208-.13-4.787-.12H7.4l-2.41-.02a10 10 0 0 1-1.378-.14a4.6 4.6 0 0 1-1.26-.389l-.49-.21a8 8 0 0 1-.439-2.119c-.1-1.269 0-2.598-.08-3.757c0-.75-.06-1.51-.06-2.27v-2.258c.06-1.2.09-2.438.18-3.668c.3 0 .59-.08.88-.1H4.43c.69 0 1.34-.1 2-.15s1.328-.14 1.998-.14q.849-.007 1.689.12a.39.39 0 0 0 .17-.759a12.4 12.4 0 0 0-2.998-.48h-1.2c-.61 0-1.209.1-1.789.16s-1.399.24-2.098.4l-.68.2c.082-.954.24-1.9.47-2.829a.34.34 0 0 0-.373-.43a.34.34 0 0 0-.287.25a35.3 35.3 0 0 0-1.04 7.366c-.06.77-.11 1.54-.14 2.319c-.03.78 0 1.539 0 2.309c0 1.179-.08 2.528 0 3.837c.05.912.246 1.81.58 2.659a1 1 0 0 0 .37.42q.342.185.71.31c.402.187.825.328 1.259.42A10.3 10.3 0 0 0 4.99 24h2.498l4.078-.19c1.59-.06 3.198 0 4.797-.05q1.051-.037 2.09-.21a.39.39 0 0 0 .319-.44a.39.39 0 0 0-.49-.36"/><path fill="#818cf8" d="M11.456 14.316a.4.4 0 0 0 .43-.31a.39.39 0 0 0-.35-.42a12.7 12.7 0 0 0-3.088-.15q-.908.08-1.8.28c-.889.21-1.738.5-2.588.71a.34.34 0 0 0-.166.61a.35.35 0 0 0 .256.07q1.5 0 2.999-.18l.65-.1c.33.834.45 1.736.35 2.628a3 3 0 0 1-.42 1.2a2.8 2.8 0 0 1-.88.899a3 3 0 0 1-.52.31a1.4 1.4 0 0 1-.49.15q-.272-.002-.53-.09a10 10 0 0 1-.999-.43a.39.39 0 0 0-.545.465a.38.38 0 0 0 .195.224c.31.19.62.42 1 .59c.271.139.566.227.87.26q.369.017.729-.07q.479-.131.92-.36a3.58 3.58 0 0 0 1.798-2.309a5.24 5.24 0 0 0-.71-3.588l.32-.05q1.27-.28 2.57-.34m4.676 5.198a3.53 3.53 0 0 1-1.779.59a2.86 2.86 0 0 1-1.779-.52a.39.39 0 0 0-.48.61a3.73 3.73 0 0 0 2.26.829a4.4 4.4 0 0 0 2.338-.57a3.1 3.1 0 0 0 1.29-1.33c.207-.436.25-.933.12-1.398a1.84 1.84 0 0 0-1.12-1.22a12 12 0 0 0-2.429-.43c-.52-.08-1-.21-1-.859c0-.11.08-.18.17-.25q.195-.152.41-.27a3.8 3.8 0 0 1 1.62-.47c.57-.028 1.136.1 1.639.37a.339.339 0 0 0 .508-.366a.35.35 0 0 0-.149-.213a3.84 3.84 0 0 0-1.998-.63a4.6 4.6 0 0 0-2.07.39c-.333.13-.641.32-.909.56a1.27 1.27 0 0 0-.38.929a1.9 1.9 0 0 0 .61 1.49c.761.494 1.65.755 2.559.749a3.5 3.5 0 0 1 1 .2a.66.66 0 0 1 .429.4a.93.93 0 0 1-.09.709a2.1 2.1 0 0 1-.77.7M13.795 2.542c-.58 0-.88-.16-1.28.09a1.83 1.83 0 0 0-.4 1.11v.21c-.13.53-.13 1.059-.13 1.599l-.13 1.459v1.999q-.012.19 0 .38a.64.64 0 0 0 .52.458a.6.6 0 0 0 .29-.029a2.1 2.1 0 0 0 .89-.64c.382-.51.717-1.056 1-1.628q.02-.108.06-.21l.999 1.299c.15.2.5.75.56.81a.6.6 0 0 0 .38.22a.54.54 0 0 0 .589-.24a1.2 1.2 0 0 0 .22-.5q.085-.42.09-.85l-.17-2.608l-.19-1.58c0-.619-.13-.829-.31-.999c-.35-.39-1.869-.26-2.988-.35m2.608 4.998c-.15-.21-.28-.43-.44-.64a7 7 0 0 0-.54-.66a2.7 2.7 0 0 0-.439-.42a.84.84 0 0 0-.39-.14a.7.7 0 0 0-.67.34q-.255.414-.45.86c-.129.25-.309.62-.509 1l-.11-.87V3.732h.88l2.548.08l.1 1.699l.05 1.499z"/><path fill="#818cf8" d="M23.829 9.518c-.47-10.004-.05-8.655-7.766-9.284c-1.449-.12-2.988-.22-4.487-.22c-2.52-.075-5.039.15-7.506.67a.3.3 0 0 0-.2.15a.37.37 0 0 0-.16.24a3.2 3.2 0 0 0-.28.779a.9.9 0 0 0 0 .33q.003.163.05.32q.06.268.19.51l-.819.11a.35.35 0 0 0-.27.399a.32.32 0 0 0 .41.25l2.299-.1c1.469-.07 2.918 0 4.377 0c.78 0 .86-.05 1.64 0c.539 0 .409-1.25-.15-1.26h-2.39c-1.189.06-2.378.19-3.557.36l-.65.09q.115-.264.15-.55q.03-.224 0-.45a5 5 0 0 0-.16-.549a22.6 22.6 0 0 1 3.378-.17c.91 0 1.91.08 2.998.12l2.949.11c3.458.11 6.806.26 8.315.45c.25 1.899.37 3.798.43 5.697v13.672l-.4-.08a2.4 2.4 0 0 0-.38 0a2.3 2.3 0 0 0-.37 0c-.3.05-.55.15-.83.22c0-.27.09-.55.12-.82c.16-1.44.19-2.918.26-4.287c.05-1.72.09-3.429 0-5.138c-.1-2.568-.39-5.117-.67-7.675a.35.35 0 0 0-.369-.28c-.06 0-.09 0-.13.06l-2.089-.24c-.6-.07-.43.71 0 .88c.8 0 1.13.11 1.93.14q0 1.35.06 2.698c-.19 0-.38-.11-.59-.15q-.24-.015-.48 0a2.6 2.6 0 0 0-.48 0h-.17a.8.8 0 0 0 0 1.16h.65q.23.015.46 0l.63-.1v8.575c0 1.449.09 2.808 0 4.237c-.034.92-.161 1.834-.38 2.728a.39.39 0 0 0 .75.22c.139-.44.249-.89.349-1.349q.445.206.92.33q.199.015.4 0q.2-.01.399-.05c1.509-.31 1.35.35 1.629-7.925c.05-1.54.07-3.189-.01-4.828"/></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. ProgrammingLanguageBookmarkJavascriptIcon.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.