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

Freehand free icons (Iconify)

SecurityComputerShield

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="M3.227 8.699a.34.34 0 1 0 .68 0c.28-1.6.263-3.237-.05-4.83c5-2 14.431-1 16.222.34q.042.152.06.31c.29 4.31-.05 4.82.48 4.82a.3.3 0 0 0 .3-.3c.08-4.76.22-5.07-.05-5.37c-1.6-1.69-6.32-2.05-8.661-2c-4.59-.03-8.79 1.3-8.94 1.86a8 8 0 0 0-.27 2.12a17 17 0 0 0 .23 3.05m16.05 7.981a.34.34 0 0 0-.5-.46c-1.37 1.41-5.23 4.16-6.6 4.32a12.8 12.8 0 0 1-2.55-1.47c-4.2-2.9-4.09-3.43-4.45-3a.3.3 0 0 0 0 .42c1.2 1.15 5.51 5.45 7.14 5.23a9.8 9.8 0 0 0 3.15-1.63a23.6 23.6 0 0 0 3.81-3.41"/><path d="M1.767 15.64c.58.92 1.85 0 2.37-.16c2-.56 4.44-1.61 6.511-1.42c1.17.11 1 .52 1.19 1a2.59 2.59 0 0 0 2.53 1.23c1.08 0 3.26-.7 5.3-.86c.55 0 1.09-.19 1.63-.27c1-.15.87.08 1.43 0c.92 0 .7-1.21.7-1.66c0-1.76.55-3.941-2.09-4.001c-1.549.104-3.09.314-4.61.63c-1.65.42-1.88.53-2.13.35s-.52-1-1.34-1.43a9 9 0 0 0-6.36-.16c-1.446.388-2.84.948-4.15 1.67c-1.32.79-2 1.07-1.83 1.48c.083 1.239.37 2.455.85 3.6m11.071-5.741c.72.37.71 1.8 2.29 1.67c.64 0 1.23-.29 1.81-.39c6.24-.9 5.34-1 5.33 2.33c0 .06-.05.26-.07.44c-.885.004-1.767.108-2.63.31c-3.46.29-5.18 1.46-6.47.69c-.5-.3-.39-.6-.6-1c-1.41-2.57-9.75 1.36-10.06 1.29a9.7 9.7 0 0 1-.83-3.27c.1-.06 6.76-4.35 11.23-2.07"/><path d="M6.517 19.14c-.53.49-2.09 2.08-2.95 2.13a.7.7 0 0 1 0-.16c1.09-2.14.91-1.64 1-1.9a.64.64 0 0 0-.77-.87a5.5 5.5 0 0 1-2.25.55a6.16 6.16 0 0 0 2.18-2.41a.3.3 0 1 0-.52-.3a5.4 5.4 0 0 1-1.21 1.36q-.865.591-1.8 1.07c-.65.52.32 1.77 2.73 1.25c-.4.89-.93 2.11.07 2.36c1.2.29 2.23-.84 3.14-1.67c.42-.38 1.28-1.14.92-1.49a.5.5 0 0 0-.54.08m17.282-.45c-.09-.07-.44-.26-.26-.14a5.62 5.62 0 0 1-2.78-2.28a.3.3 0 0 0-.41-.11a.3.3 0 0 0-.11.41a6.1 6.1 0 0 0 2.14 2.4a5.6 5.6 0 0 1-2.21-.53a.63.63 0 0 0-.77.38c-.14.44.14.76.34 1.07l.68 1.31c.16.36-.34.15-.64 0c-1.21-.64-1.6-1.52-2-1.06a.35.35 0 0 0 0 .48a10 10 0 0 0 1.85 1.49c.65.32 1.53.37 1.79-.31a3.16 3.16 0 0 0-.42-1.83c2.45.54 3.47-.73 2.8-1.28"/></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. SecurityComputerShieldIcon.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.