Home/Libraries/Freehand free icons (Iconify)/password-desktop-lock-approved

Freehand free icons (Iconify)

PasswordDesktopLockApproved

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="M24 9.508c-.06-1.34-.17-2.68-.3-4a10 10 0 0 0-.22-1.9a2.1 2.1 0 0 0-.48-.87a1.6 1.6 0 0 0-.51-.32a8 8 0 0 0-1.09-.29a9 9 0 0 0-1.4-.18h-2a.34.34 0 1 0 0 .68c.81.06 1.39 0 2 .06q.638.048 1.26.19q.374.06.74.15a.84.84 0 0 1 .37.21c.181.212.293.474.32.75q.095.769.11 1.54c.1 1.32.19 2.64.23 4v2.63l-.17 3.27h-.5c-1.22.05-2.43.23-3.66.24l-10.26-.16l-4.999.24a9 9 0 0 0-.88.07a7 7 0 0 0-.87.14l-.39.07v-1c-.13-1.61-.3-3.26-.39-4.9c-.07-1.1-.12-2.19-.13-3.28a14 14 0 0 1 .06-2a3.05 3.05 0 0 1 .36-1.21a1.4 1.4 0 0 1 .3-.4a1.3 1.3 0 0 1 .39-.21l3.29-.3a.31.31 0 0 0 .28-.33a.3.3 0 0 0-.32-.27l-3.47.27a1.8 1.8 0 0 0-.67.34a2 2 0 0 0-.45.56a4.2 4.2 0 0 0-.43 1.42a15.5 15.5 0 0 0-.12 2.12c0 1.11 0 2.19.06 3.33c.06 1.65.18 3.3.25 4.95a25 25 0 0 0 .06 2.85c.067.466.223.914.46 1.32c.126.2.306.36.52.46a3.5 3.5 0 0 0 1.09.28q.75.09 1.5.12c.73 0 1.47 0 2.19.05h3.82l-.21.56c-.05.29-.12.57-.15.87a13 13 0 0 0 0 1.37c-1.36.14-1.1.05-1.24.09a.3.3 0 0 0-.2.37a.34.34 0 0 0 .3.23h.39c.53.05 1.5.16 2.59.2h1.1l1.11-.05c1.08-.08 2-.19 2.57-.25h.38a.4.4 0 0 0 .36-.34c0-.43-.51-.34-.76-.35l-1-.05q.036-.6 0-1.2a5 5 0 0 0-.06-.56a3 3 0 0 0-.14-.54a6 6 0 0 0-.24-.59l3.8-.22q1.502.025 3-.11a2.83 2.83 0 0 0 1.459-.56a2.1 2.1 0 0 0 .62-1a6.4 6.4 0 0 0 .19-1.47l.18-4.4zm-10 11.27c0 .18.05.35.08.53s.08.35.13.52c.09.33.2.65.29 1h-3.02c-.36 0-.76.06-1.1.09c.12-.38.28-.75.38-1.15s.09-.59.14-.88v-.75h.32c.93 0 1.85-.08 2.78-.12c-.1.23-.09.48-.07.76zm8.75-3a1.1 1.1 0 0 1-.32.51a2.4 2.4 0 0 1-1.31.34c-.92.06-1.95 0-2.55 0c-2.48.12-4.95.26-7.42.34c-1.71.06-3.35.06-5 .06H4.002c-.47 0-1 0-1.41-.09a4 4 0 0 1-.59-.09c-.1 0-.21 0-.26-.12a2.9 2.9 0 0 1-.39-1.29v-.83h.51q.408-.062.82-.08q.41-.023.82 0l5 .08c2.07 0 4.13.14 6.19.14c1.39 0 2.77-.05 4.16-.13c1.08-.06 2.14-.26 3.22-.38q.438 0 .87-.06v.4a5.4 5.4 0 0 1-.26 1.19z"/><path d="M7.5 12.269c.26.177.559.287.87.32c1.833.249 3.682.362 5.53.34c.862.022 1.72-.1 2.54-.36a.87.87 0 0 0 .49-.55c.248-1.598.319-3.217.21-4.83a7 7 0 0 0-.32-2a.76.76 0 0 0-.41-.41c-.17-.06-.36-.11-.56-.16a5.6 5.6 0 0 0-1.1-3.4a3.32 3.32 0 0 0-2.68-1.1a3.48 3.48 0 0 0-2.18.78a3.8 3.8 0 0 0-1.16 1.91a3.3 3.3 0 0 0-.14.76a6 6 0 0 0 0 .73v.36h-.12a.34.34 0 0 0-.18.54a.34.34 0 0 0 .36.12a15.4 15.4 0 0 1 3.75-.19c4.1.2 3.57.76 3.59.93a22 22 0 0 1 .06 3.12q-.028 1.212-.22 2.41c-.12 0-.33 0-.49.06a29 29 0 0 1-4 .13c-1.08 0-2.09-.06-2.72-.13c-.18 0-.35-.1-.44-.1s0-.15-.06-.25a16 16 0 0 1-.27-2.27a18 18 0 0 1 .09-3a.29.29 0 0 0-.346-.349a.3.3 0 0 0-.233.239a19.3 19.3 0 0 0-.25 3.7a6.8 6.8 0 0 0 .39 2.65m1.76-7.74v-.23q.02-.318.08-.63a3 3 0 0 1 .18-.58a3.13 3.13 0 0 1 1-1.37a2.62 2.62 0 0 1 1.56-.45a2.36 2.36 0 0 1 2.23 1.1a5.4 5.4 0 0 1 .77 2.15a19 19 0 0 0-2.67-.18a21 21 0 0 0-3.15.19"/><path d="M11.36 10.398a.94.94 0 0 0 .5-.28q.397-.368.71-.81a22 22 0 0 0 1.51-2.58a.341.341 0 1 0-.58-.36c-.4.55-.95 1.16-1.42 1.73l-.87 1.08c-.38-.36-.89-.88-1.1-1a.3.3 0 0 0-.51.254a.3.3 0 0 0 .13.206c.22.23.74 1.16 1 1.5a.68.68 0 0 0 .63.26"/></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. PasswordDesktopLockApprovedIcon.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.