Home/Libraries/Freehand free icons (Iconify)/lock-key-1

Freehand free icons (Iconify)

LockKey1

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="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.751 12.152c-.07-.09-.28-.3-.31-.34l-.449-.56c-.11-.12-.21-.269-.35-.419a4 4 0 0 0-.449-.4a4 4 0 0 0-.799-.439l1.049-1.108c.06-.09.3-.24.37-.34a.5.5 0 0 0 .09-.26a.36.36 0 0 0-.36-.36c-.23 0-.37.2-1.928 1.569c-.999.939-2.087 1.818-3.126 2.747c-.69.629-1.349 1.288-1.998 1.927l-1.738 1.878c-.08.09-.519.55-.709.779a4 4 0 0 0-.41-.27a4.125 4.125 0 0 0-5.663 2.258a3.776 3.776 0 0 0 1.998 4.764a3.994 3.994 0 0 0 4.924-1.099a.354.354 0 1 0-.53-.47a3.226 3.226 0 0 1-3.944.67a2.717 2.717 0 0 1-1.339-3.456a3.14 3.14 0 0 1 1.668-1.738a3.1 3.1 0 0 1 2.457-.08c.57.239 1.043.665 1.339 1.209c.311.572.47 1.216.46 1.868a.31.31 0 0 0 .299.33a.32.32 0 0 0 .33-.3a4.7 4.7 0 0 0-.39-2.248a3.6 3.6 0 0 0-.72-.999c.21-.21.66-.589.75-.659l1.907-1.618l.86-.709q.47.566.998 1.079q.35.313.74.58c.409.289.788.499 1.128.788a.36.36 0 0 0 .54-.47a8 8 0 0 0-.9-1.158l-.45-.42a5 5 0 0 0-.489-.349c-.29-.18-.629-.35-.998-.53c.41-.359.829-.728 1.228-1.108a33 33 0 0 0 1.998-2.087q.241.245.44.529c.13.17.249.34.389.5q.266.265.57.489l.638.39s.26.239.32.179a.35.35 0 0 0 .28.14c.23 0 .3-.14.35-.26a.42.42 0 0 0-.07-.42M4.015 16.337a19 19 0 0 1-2.397-.4a2 2 0 0 1-.07-.39c-.07-.399-.1-.998-.14-1.568c-.04-.569-.07-1.358-.11-2.077c0-.48-.06-.999-.07-1.398c0-.93 0-2.697.08-3.406a39 39 0 0 1 6.562-.27c1.13.06 2.268.15 3.286.28q1.014.105 1.998.37v.06c.325 1.306.493 2.647.5 3.994a.32.32 0 0 0 .629 0a23 23 0 0 0-.05-3.785a2.9 2.9 0 0 0-.23-.909a.74.74 0 0 0-.41-.35a7 7 0 0 0-.888-.29a7.4 7.4 0 0 0-1.648-4.734A4.73 4.73 0 0 0 7.39.006a5.07 5.07 0 0 0-2.996.999a5.34 5.34 0 0 0-1.688 2.597q-.16.489-.22.999a7 7 0 0 0 0 .998v.5q-.746.112-1.468.33c-.61.16-.84 5.083-.86 5.563s0 .689 0 .999q.03 1.04.19 2.067c.052.552.237 1.084.54 1.548c.232.206.521.338.829.38c.51.05 1.308.1 2.267.11a.34.34 0 0 0 .38-.33a.36.36 0 0 0-.35-.43m9.08-8.99l.05.07c.049.07-.07-.01-.03-.03zM3.105 5.59q.013-.453.1-.898q.075-.43.25-.83a4.5 4.5 0 0 1 1.558-1.977a4.13 4.13 0 0 1 2.407-.68a3.69 3.69 0 0 1 3.386 1.619A7.14 7.14 0 0 1 11.925 6h-.14a20 20 0 0 0-2.777-.29A38.5 38.5 0 0 0 3.196 6a2.5 2.5 0 0 0-.05-.37z"/><path d="M9.01 12.122a1.52 1.52 0 0 0 .359-1.129a.36.36 0 0 0-.72 0a.62.62 0 0 1-.719.63a1.74 1.74 0 0 1-1.068-.49a.64.64 0 0 1-.27-.46c-.03-.38.05-.762.23-1.098a.8.8 0 0 1 .719-.49c.233.02.462.073.679.16c.7.3.24.56.68.59a.31.31 0 0 0 .329-.29a.84.84 0 0 0-.33-.72a3.3 3.3 0 0 0-1.238-.639a1.71 1.71 0 0 0-1.538.46a2.8 2.8 0 0 0-.73 2.067a1.67 1.67 0 0 0 .56 1.159c.408.364.916.597 1.458.67a1.77 1.77 0 0 0 1.598-.42"/></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. LockKey1Icon.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.