Home/Libraries/Freehand color icons (Iconify)/programming-language-script-lock

Freehand color icons (Iconify)

ProgrammingLanguageScriptLock

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.886 12.001a.29.29 0 0 0-.33-.24a.31.31 0 0 0-.24.34q.167 1.861.11 3.729v3.198c0 1.1-.13 2.2-.25 3.299a9 9 0 0 1-1.14.21c-.82.08-1.659.08-2.469.13c-1 .06-1.999.13-2.928.16h-1.23l-4.498-.13a.3.3 0 0 0 .1-.11c.31-.616.532-1.272.66-1.95q.264-1.487.29-2.998a25 25 0 0 0-.31-4.578a44.5 44.5 0 0 0-1.64-6.237a9 9 0 0 1 1-.09H8.85l2.789-.34a.29.29 0 0 0 .3-.28a.28.28 0 0 0-.28-.3l-2.8-.18H7.86c-.31 0-.7.05-1 .09c-.707.094-1.406.248-2.088.46a.3.3 0 0 0-.14.1a.28.28 0 0 0-.2.36c.44 1.809.8 3.638 1.1 5.477c.18 1.1.33 2.19.42 3.299a23 23 0 0 1 .15 2.199q.075 1.442-.07 2.879a6.6 6.6 0 0 1-.42 1.619l-.6.25a1.3 1.3 0 0 1-.35.12a1.4 1.4 0 0 1-1.11-.23a1.9 1.9 0 0 1-.65-1a2.8 2.8 0 0 1 .11-2.199c.13.06.25.14.38.19q.157.045.32.05q.165.023.33 0q.391-.105.75-.3a.333.333 0 1 0-.1-.66c-.24 0-.43-.11-.66-.15a2 2 0 0 0-.42-.05c-2.139.08-1.859 2.85-1.849 2.91c.056.438.203.86.43 1.239c.158.275.372.514.63.7a2.06 2.06 0 0 0 1.759.28c1.46.18 2.908.44 4.378.59c.45.05.9.07 1.35.09q.847.067 1.698.05c.86-.06 1.7-.18 2.55-.29s1.659-.17 2.478-.32c2-.35 1.83.24 2.33-4.199q.09-.819.12-1.65V15.89a22.4 22.4 0 0 0-.6-3.889"/><path fill="#818cf8" d="m22.004 8.003l.25-1.67v-.899l-.16-.63a1.62 1.62 0 0 0-1-1a2.2 2.2 0 0 0-.59-.08q.076-.707.06-1.418a2.55 2.55 0 0 0-.479-1.3a3 3 0 0 0-2.439-1a2.91 2.91 0 0 0-2.379 1.18a2.2 2.2 0 0 0-.27 1c0 .538.06 1.074.18 1.599h-.21a.17.17 0 0 0-.1 0h-.14a4.3 4.3 0 0 0-1.11 1.79a15.5 15.5 0 0 0-.27 3.058l.05 1.27q-.02.24 0 .479q.038.124.11.23a.73.73 0 0 0 .3.22q.215.075.44.11q.326.07.66.08h.9c1.2-.02 2.339-.02 3.488-.02c.77 0 1.55-.06 2.33-.12a.33.33 0 0 0 .32-.34a.4.4 0 0 0-.09-.19q-.03-.55 0-1.1c.04-.47.15-.88.15-1.249m-6.207-5.518c.02-.28.117-.55.28-.78c.14-.159.319-.28.52-.349a2.75 2.75 0 0 1 1.079-.23a2 2 0 0 1 1.65.49c.179.219.3.48.35.76q.09.626.08 1.259h-.31l-1.89-.09c-.47 0-.94 0-1.41.08l-.35.05a9 9 0 0 1 0-1.19m0 7.487h-.83a4 4 0 0 1-.49-.06l-.07-1.25a13.8 13.8 0 0 1 0-2.888a2.07 2.07 0 0 1 .71-1.39h1.01c.46 0 .91 0 1.36.08l1.808.28q.687.008 1.36.14a.52.52 0 0 1 .35.33l.13.39l.07.71l-.1 1.58c0 .449-.06.889-.05 1.329q.004.502.07 1z"/><path fill="#818cf8" d="M18.366 5.524a2.8 2.8 0 0 0-1.09-.16a1.78 1.78 0 0 0-1.39.9a1.68 1.68 0 0 0-.06 1.6c.136.246.341.448.59.579c.31.162.651.257 1 .28a.28.28 0 0 0 .33-.24a.29.29 0 0 0-.24-.33a2 2 0 0 1-.6-.26a.7.7 0 0 1-.3-.36a.8.8 0 0 1 .18-.71a.75.75 0 0 1 .57-.35c.23-.01.46.018.68.08c.201.037.39.123.55.25a.47.47 0 0 1 0 .51a1 1 0 0 1-.47.59a.33.33 0 0 0-.2.42a.34.34 0 0 0 .43.2a1.92 1.92 0 0 0 1.09-1.11a1.29 1.29 0 0 0-.14-1.22a2.06 2.06 0 0 0-.93-.669"/><path fill="#818cf8" d="M11.009 14a.3.3 0 0 0 .07-.41a.29.29 0 0 0-.4-.07l-.67.48q-.274.155-.52.35a4 4 0 0 0-.3.26q-.111.11-.21.23a.6.6 0 0 0-.1.36c.035.325.193.626.44.84q.6.423 1.26.75a.32.32 0 0 0 .46 0a.33.33 0 0 0 0-.47c-.17-.19-.46-.44-.72-.7a3 3 0 0 1-.24-.28l.51-.65zm2.529-.71c-.25.44-.53.83-.78 1.27a5 5 0 0 0-.27.57a4 4 0 0 0-.22.6a12 12 0 0 0-.37 1.479a.32.32 0 0 0 .21.41a.33.33 0 0 0 .42-.2c.22-.45.49-.87.72-1.32q.234-.447.42-.92q.264-.824.41-1.678a.3.3 0 0 0-.17-.38a.29.29 0 0 0-.37.17m.71 2.929a.34.34 0 0 0-.09.46a.35.35 0 0 0 .47.09c.42-.23.859-.39 1.289-.61q.305-.15.58-.35q.333-.269.58-.62a.6.6 0 0 0 0-.48a.8.8 0 0 0-.21-.31a3.4 3.4 0 0 0-.46-.27l-1.21-.59a.29.29 0 1 0-.31.49l.94.88h-.07z"/></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. ProgrammingLanguageScriptLockIcon.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.