Home/Libraries/Freehand free icons (Iconify)/security-shield-settings

Freehand free icons (Iconify)

SecurityShieldSettings

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="M22.91 2.723c-3.499-3.83-15.998-3.31-21.517-.36a.36.36 0 1 0 .33.64c5.45-2.79 17.398-2.93 20.388.44c.54.62-.4 8.998-.92 11.238s-5 6.2-7.22 7.53c-1.46.88-1.63.85-3.059 0c-2.72-1.66-7.83-6.38-7.999-7.55c0-.17-1.83-9.609-1.66-10.279a.32.32 0 0 0-.61-.16c-.19.85 1.46 10.15 1.48 10.48c.13 1.829 8 9.318 10.359 9.298s9.169-5.91 9.889-8.999c.35-1.62 1.7-10.999.54-12.278"/><path d="M11.132 12.082c1.44.84 3.93-.49 3.16-2.07a.361.361 0 0 0-.67.27c.26.78-1.25 1.25-1.83.81a1 1 0 0 1 0-1.39a1.62 1.62 0 0 1 1.65-.14a.32.32 0 0 0 .27-.56c-2.8-1.59-4.55 1.76-2.58 3.08"/><path d="M7.122 13.691c.12.19.67 1 .76 1.11a1.1 1.1 0 0 0 1.14.13a6.6 6.6 0 0 0 1-.58q.268.15.55.27c0 .79-.17 1.65.47 2a3.16 3.16 0 0 0 1.53.23c.24 0 1.23-.11 1.34-.14a1.06 1.06 0 0 0 .67-.8c.07-.437.07-.883 0-1.32c.14-.07.21-.1.36-.19c.42.299.915.472 1.43.5c1.09-.12 1.46-1.4 1.85-2.07a.59.59 0 0 0-.05-.68c-1.53-1.79-1.43-.89-1.47-1.78c.32-.23 1.12-.64 1.32-1.14c.39-1-.54-1.869-.94-2.539a.47.47 0 0 0-.5-.22q-.56.124-1.1.31c-1.15.39-.4.4-1.32.05c-.14-.83.09-1.9-1.14-2.09a9.4 9.4 0 0 0-1.72.1a.35.35 0 0 0-.32.24a9.4 9.4 0 0 0-.33 1.69a2.7 2.7 0 0 0-.62.29c-1.19-.79-1.63-1.33-2.67.41c-.11.19-.56 1.06-.59 1.17c-.23.81 1 1.33 1.42 1.58a7 7 0 0 0 0 .76c-1.43.72-2.17.89-1.07 2.71m1.75-2a.47.47 0 0 0 .24-.48c-.24-1.56.49-1.22-.86-1.94c-.13-.07-.58-.26-.68-.44a6.2 6.2 0 0 1 1-1.709c.48.12 1.22 1 1.61.7c.54-.41 1.06-.39 1.07-.75a4.4 4.4 0 0 1 .25-1.54c2.13-.17 1.7-.09 1.85 1.69a.43.43 0 0 0 .28.36c1.69.88.53.44 2.8-.08c.2.3.77 1 .63 1.38c-1.69 1.13-1.46.7-1.46 2.26c0 .52.33.33 1.4 1.52c-.12.25-.5 1.07-.78 1.1c-2-1-1-.59-2.47-.1c-.7.23-.3 1.12-.33 1.909a2.4 2.4 0 0 1-.93.14a2.7 2.7 0 0 1-.75 0v-1.41a.57.57 0 0 0-.41-.56c-1-.28-1.13-.76-1.6-.45c-1.36.88-1.1.8-1.3.53a5 5 0 0 1-.8-1.38a9 9 0 0 1 1.24-.77z"/></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. SecurityShieldSettingsIcon.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.