Home/Libraries/Freehand free icons (Iconify)/security-user-lock

Freehand free icons (Iconify)

SecurityUserLock

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"><path fill="#818cf8" d="M10.666 20.185a3.9 3.9 0 0 0-1.36-1.69a5.3 5.3 0 0 0-1.109-.59a3.3 3.3 0 0 0 .81-3.538a3.66 3.66 0 0 0-4.558-2.289a3.46 3.46 0 0 0-2.369 2.63a3.47 3.47 0 0 0 .93 3.338l.07.06a5.5 5.5 0 0 0-.73.37q-.441.284-.81.66a5.6 5.6 0 0 0-.67.839a6.7 6.7 0 0 0-.859 2.159a.33.33 0 0 0 .22.4a.32.32 0 0 0 .4-.21a7.1 7.1 0 0 1 1.06-1.79c.18-.22.38-.43.59-.64s.399-.39.629-.579q.474-.404 1-.74q.13.05.27.07a5.3 5.3 0 0 0 1.908 0a.31.31 0 0 0 .23-.18a.22.22 0 0 0 0 .13a.32.32 0 0 0 .41.18a4 4 0 0 0 .7-.33q.613.39 1.15.88q.318.3.599.64q.285.338.51.72c.355.634.643 1.304.86 1.998a.32.32 0 0 0 .254.28a.32.32 0 0 0 .382-.287a.3.3 0 0 0-.017-.133a8.6 8.6 0 0 0-.5-2.358m-4.098-2a.3.3 0 0 0-.18.2v-.05a.28.28 0 0 0-.32-.24c-3.878.39-3.058-2.858-3.058-3.118a2.48 2.48 0 0 1 1.679-1.83a2.71 2.71 0 0 1 3.388 1.56a2.63 2.63 0 0 1-1.509 3.439zM23.34 7.46l-.25-.17a7.3 7.3 0 0 0 .53-1.829a4.8 4.8 0 0 0-.32-2.478a3.5 3.5 0 0 0-2.589-1.9a3.42 3.42 0 0 0-3.068 1a4.1 4.1 0 0 0-.77 1.32c-.224.65-.394 1.32-.51 1.998l-.66-.12h-.07a.29.29 0 0 0-.299.1a8.3 8.3 0 0 0-1 1.51q-.429.789-.75 1.629a9.4 9.4 0 0 0-.789 2.05c-.073.377-.038.769.1 1.128c.145.335.368.63.65.86c.375.297.789.542 1.23.73q1.126.53 2.318.89q1.19.356 2.419.55q.659.123 1.33.11a2.4 2.4 0 0 0 .999-.25a2.26 2.26 0 0 0 1-1q.358-.834.56-1.72c.341-.955.543-1.955.599-2.968a1.87 1.87 0 0 0-.66-1.44m-5.767-3.788c.172-.377.416-.717.72-1a2.53 2.53 0 0 1 2.229-.539a2.58 2.58 0 0 1 1.879 1.3c.308.593.446 1.26.4 1.929a6.4 6.4 0 0 1-.32 1.619a7 7 0 0 0-.8-.25l-1.68-.4c-.869-.22-1.708-.47-2.558-.68l-.56-.12q.274-.956.69-1.859M23 9.28a13 13 0 0 1-.63 2.269a7.5 7.5 0 0 1-.5 1.499a1.35 1.35 0 0 1-.529.58q-.278.116-.58.12a5.7 5.7 0 0 1-1.109-.08a20 20 0 0 1-2.289-.5a19 19 0 0 1-2.229-.75a4.5 4.5 0 0 1-1-.56a1.4 1.4 0 0 1-.43-.51a1.38 1.38 0 0 1 0-.919q.255-.846.6-1.66q.282-.814.66-1.588q.277-.63.66-1.2c.57.11 1.13.25 1.66.4c.849.24 1.678.52 2.548.77l1.61.48q.444.125.869.31q.242.116.45.29A1.17 1.17 0 0 1 23 9.28"/><path fill="#818cf8" d="M18.722 8.98c-1-.31-2.399.52-1.509 1.52c1.18 1.349 3.668-.81 1.51-1.52m-7.097-3.429a4.8 4.8 0 0 0-2.779.21a7 7 0 0 0-1.08.53a5.7 5.7 0 0 0-.929.75a4.93 4.93 0 0 0-1.36 2.419a.29.29 0 0 0 .53.17a4.7 4.7 0 0 1 1.5-1.82q.396-.325.83-.6q.427-.284.889-.51a4.4 4.4 0 0 1 2.269-.519a.32.32 0 0 0 .11-.63zm6.647 9.426a.29.29 0 0 0-.33.24a6.1 6.1 0 0 1-1.26 2.219a8 8 0 0 1-.73.81a8 8 0 0 1-.799.72a4 4 0 0 1-2.269.909a.33.33 0 0 0-.323.434a.32.32 0 0 0 .283.215a4.6 4.6 0 0 0 2.879-.72q.546-.33 1-.779q.451-.459.799-1a6.1 6.1 0 0 0 1-2.738a.3.3 0 0 0-.25-.31"/></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. SecurityUserLockIcon.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.