Home/Libraries/Freehand free icons (Iconify)/password-type

Freehand free icons (Iconify)

PasswordType

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="M1.401 16.563s.05.07.07.09z"/><path d="M23.414 7.688a1.33 1.33 0 0 0-.52-.7c-1.001-.561-3.412-.881-6.304-1.001a143 143 0 0 0-14.408.3a.37.37 0 0 0 0 .74c1.93-.12 7.424-.29 12.267-.1c3.442.13 6.573.4 7.754 1q.136.359.22.731a18 18 0 0 1 .28 4.503c-.09 1.37-.29 2.641-.86 3.171q-.366.09-.74.14c-1.802.22-5.654.36-9.496.4s-7.724 0-9.505-.2c-.27 0-.56 0-.7-.07s-.1-.05-.08-.09a7.3 7.3 0 0 1-.522-3.31c.034-1.875.18-3.746.44-5.604a.31.31 0 0 0-.24-.36a.31.31 0 0 0-.36.28A40 40 0 0 0 0 14.171a6.2 6.2 0 0 0 .7 2.952c.37.297.826.469 1.3.49c3.201.333 6.418.487 9.636.46c3.902 0 7.815-.1 9.646-.32a3.5 3.5 0 0 0 1.36-.38c.91-.77 1.351-2.942 1.351-5.123a15 15 0 0 0-.58-4.562"/><path d="M19.231 14.221q.255.023.51 0l.521-.05c.41-.06.8-.15 1.21-.2a.371.371 0 0 0 .29-.629a.38.38 0 0 0-.26-.121a13 13 0 0 0-1.26-.23h-.54a3.3 3.3 0 0 0-.54.06q-.63.135-1.231.36a.33.33 0 0 0-.176.578a.32.32 0 0 0 .236.072c.42.03.81.13 1.24.16M2.552 12.99a.39.39 0 0 0-.23.48a.38.38 0 0 0 .48.23a3.7 3.7 0 0 0 1.47-.75c.456.297.967.498 1.502.59a.37.37 0 0 0 .46-.24a.36.36 0 0 0-.23-.51a3.8 3.8 0 0 1-.94-.69q.23-.262.41-.56c.31-.54.48-1.121.73-1.651a.33.33 0 0 0-.55-.36c-.43.47-.87 1-1.301 1.49a1 1 0 0 0-.11.16a2 2 0 0 1-.14-.19c-.32-.38-.66-.74-1-1.19a.324.324 0 0 0-.581.29c.138.552.332 1.089.58 1.6q.154.263.34.501q-.09.133-.2.25c-.198.22-.431.406-.69.55m5.293 0a.38.38 0 0 0 .26.711a3.7 3.7 0 0 0 1.461-.75c.455.296.966.497 1.5.59a.39.39 0 0 0 .471-.24a.38.38 0 0 0-.24-.47a3.6 3.6 0 0 1-.95-.69q.23-.263.41-.561c.31-.54.48-1.12.73-1.651a.32.32 0 0 0-.09-.45a.33.33 0 0 0-.46.09c-.42.47-.87 1-1.301 1.49l-.11.16a2 2 0 0 1-.13-.23c-.32-.38-.65-.74-1-1.19a.33.33 0 0 0-.591.29c.136.541.328 1.068.57 1.57q.154.267.35.501c-.07.08-.13.17-.21.25c-.19.23-.416.425-.67.58m5.303 0a.38.38 0 0 0-.23.48a.38.38 0 0 0 .48.231a3.7 3.7 0 0 0 1.461-.75c.455.296.966.497 1.5.59a.39.39 0 0 0 .471-.24a.38.38 0 0 0-.24-.47a3.8 3.8 0 0 1-.95-.69q.23-.265.42-.561c.3-.54.48-1.12.72-1.651a.32.32 0 0 0-.09-.45a.34.34 0 0 0-.46.09c-.42.47-.87 1-1.291 1.49l-.12.16c0-.06-.09-.1-.13-.16c-.32-.38-.65-.74-1-1.19a.33.33 0 1 0-.591.29c.135.543.33 1.07.58 1.57q.148.266.34.501l-.2.25a2.9 2.9 0 0 1-.67.51"/></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. PasswordTypeIcon.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.