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

Freehand free icons (Iconify)

CloudLock1

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.269 15.007a4.7 4.7 0 0 0-.5-1.708a5 5 0 0 0-1.128-1.399a4 4 0 0 0-1.999-.76a4.7 4.7 0 0 0-2.407-2.996a5.14 5.14 0 0 0-3.317-.54a4.56 4.56 0 0 0-3.157 2.188a.32.32 0 0 0-.05.23a5.9 5.9 0 0 0-2.507-.48a9 9 0 0 1 .06-1.528c.12-.71.377-1.389.759-1.998c.234-.387.539-.726.899-1a4.7 4.7 0 0 1 1.848-.829a3.38 3.38 0 0 1 3.127.83c.25.242.464.518.64.819c.166.29.28.609.34.939a.38.38 0 1 0 .758 0a3.4 3.4 0 0 0-.34-1.279a5 5 0 0 0-.689-1.089A4.29 4.29 0 0 0 11.54 3.02a5 5 0 0 0-3.536 2.467c-.3.606-.5 1.258-.59 1.928a10 10 0 0 0 0 2.178a6 6 0 0 0-1.678.42q-.099.073-.21.13c.05-2.997.63-5.165 1.599-6.564A5.2 5.2 0 0 1 11.17 1.32a8.14 8.14 0 0 1 4.515.6a5.8 5.8 0 0 1 2.997 3.336c.193.524.33 1.067.41 1.619q.136.845.16 1.698a.39.39 0 0 0 .38.39a.38.38 0 0 0 .36-.34a13 13 0 0 0-.09-1.818a9 9 0 0 0-.4-1.788A6.75 6.75 0 0 0 16.216.91A9.2 9.2 0 0 0 11 .08a6.3 6.3 0 0 0-4.834 2.94c-1 1.638-1.559 4.126-1.34 7.662c-.38.282-.716.619-.998 1a5.1 5.1 0 0 0-.82 2.477c-.01.456.033.913.13 1.359A3.54 3.54 0 0 0 1.3 16.935a4.2 4.2 0 0 0-.56 2.698c.13 1.648 2.269 3.047 5.266 3.766a25 25 0 0 0 5.714.6a24 24 0 0 0 3.826-.33c4.266-.67 7.443-2.618 6.594-5.665a3.47 3.47 0 0 0 1.129-2.997m-1.478 2.198c-.1-.2-.14-.39-.26-.59a.38.38 0 0 0-.53-.14a.39.39 0 0 0-.14.52c1.819 3.317-1.368 4.935-5.474 5.495q-1.81.24-3.637.23a27.6 27.6 0 0 1-5.445-.53a11.3 11.3 0 0 1-3.366-1.189a2.28 2.28 0 0 1-1.29-1.508a3.46 3.46 0 0 1 .36-2.148c.283-.501.716-.9 1.24-1.14q.203.796.529 1.55a.34.34 0 0 0 .623.013a.35.35 0 0 0 .016-.253a8 8 0 0 1-.41-2.728a4.17 4.17 0 0 1 .85-2.387a3.9 3.9 0 0 1 1.468-1.2a5.5 5.5 0 0 1 1.909-.559a4.53 4.53 0 0 1 3.726 1.17a.38.38 0 0 0 .54 0a.37.37 0 0 0 0-.54a4.6 4.6 0 0 0-1.36-1.09a.3.3 0 0 0 .14-.09a4 4 0 0 1 2.778-1.358a6 6 0 0 1 1.329.05c.442.068.875.189 1.288.36a4 4 0 0 1 2.128 1.998a2.52 2.52 0 0 0-1.498.72a.33.33 0 0 0 .24.564a.35.35 0 0 0 .24-.095a2 2 0 0 1 1.598-.33c.553.102 1.062.37 1.458.77c.416.361.756.803 1 1.298q.24.477.36.999a2.7 2.7 0 0 1-.41 2.138"/><path d="M13.399 13.618a3 3 0 0 0-1.569-.39q-.323.032-.63.14a2.7 2.7 0 0 0-.549.3a2.1 2.1 0 0 0-.48.47a2.4 2.4 0 0 0-.329.57a1.69 1.69 0 0 0 .53 2.197c.41.23.887.307 1.348.22q-.17.534-.25 1.089a4 4 0 0 0 0 .67q.008.335.06.669q.136.784.39 1.538a.38.38 0 0 0 .578.275a.38.38 0 0 0 .171-.395c0-.49 0-.999.07-1.488v-1.26c0-.209-.09-.658-.13-.998a1.68 1.68 0 0 0 1.389-.65a2 2 0 0 0 .45-1.598a2.1 2.1 0 0 0-1.05-1.359m-.11 2.388c-.55.84-2.138.32-2.358.13s-.25-.55 0-.94a2 2 0 0 1 .22-.299q.116-.126.26-.22a1 1 0 0 1 .529-.2a1.94 1.94 0 0 1 .91.19c.259.13.519.27.589.53a1 1 0 0 1-.15.81"/></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. CloudLock1Icon.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.