Home/Libraries/Freehand free icons (Iconify)/media-protection-shield

Freehand free icons (Iconify)

MediaProtectionShield

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"><path fill="#818cf8" d="M23.458 13.186a6.9 6.9 0 0 0-3.37-1.66a8 8 0 0 0-1.61-.16a9.7 9.7 0 0 0-1.61.16a9.3 9.3 0 0 0-3.41 1.47a39 39 0 0 0-.2 5.1c.019.764.192 1.516.51 2.21a5 5 0 0 0 1.12 1.41a18 18 0 0 0 2.1 1.46q.435.262.91.44q.377.148.78.18a1.9 1.9 0 0 0 .77-.17q.414-.21.8-.47a14.2 14.2 0 0 0 2.25-1.71a5.3 5.3 0 0 0 1.17-1.62c.262-.795.37-1.633.32-2.47a15.7 15.7 0 0 0-.53-4.17m-.3 4.16c0 .715-.133 1.424-.39 2.09c-.25.48-.59.908-1 1.26a14.3 14.3 0 0 1-2.15 1.51a5.5 5.5 0 0 1-.65.38a.7.7 0 0 1-.33.08a1.8 1.8 0 0 1-.49-.17a3 3 0 0 1-.57-.27q-1.044-.599-2-1.33a4.1 4.1 0 0 1-1-1.07a6 6 0 0 1-.58-2.48c-.1-1.41 0-2.94 0-4a10.2 10.2 0 0 1 3-.8c.47 0 1-.08 1.44-.09q.716-.01 1.43.07c.44.05 2.94.48 3.06 1.34c.17 1.152.247 2.316.23 3.48"/><path fill="#818cf8" d="M21.078 16.997c-.6-.06-1.18-.17-1.78-.23h-.2c-.05-.58-.15-1.15-.16-1.75a.3.3 0 0 0-.59-.08q-.255.86-.36 1.75q-1.013.066-2 .3a.3.3 0 1 0 .05.59c.59 0 1.15.14 1.72.2h.23v.33c.07.6.2 1.18.27 1.78a.33.33 0 0 0 .34.33a.34.34 0 0 0 .34-.34c.06-.68.13-1.34.14-2v-.06h.18a18 18 0 0 0 1.77-.17a.33.33 0 0 0 .247-.547a.32.32 0 0 0-.197-.103m-9.781.5a10 10 0 0 0-1.09-.11h-1.58c-.53 0-1 0-1.47-.05c-.73 0-1.47-.1-2.21-.16a12 12 0 0 1-1.96-.27a3.1 3.1 0 0 1-1-.45a1.4 1.4 0 0 1-.54-.9a9 9 0 0 1-.1-2l-.18-6.56a18.5 18.5 0 0 1 0-2.881a2.7 2.7 0 0 1 .65-1.5a1.9 1.9 0 0 1 .85-.52a8.8 8.8 0 0 1 1.84-.25l4.86-.4l4.51-.21c1 0 2.06-.07 3.09-.05q1.006.02 2 .16q.505.06 1 .17c.187.038.364.113.52.22c.259.2.462.46.591.76c.152.317.26.654.32 1c.06.34.09.69.12 1c0 .54 0 1.08.05 1.62v3.72a.34.34 0 0 0 .478.29a.33.33 0 0 0 .192-.32l.1-3.71v-1.64a11 11 0 0 0-.11-1.13a4.5 4.5 0 0 0-.48-1.46a2.9 2.9 0 0 0-.68-.87a2.4 2.4 0 0 0-.82-.38a10 10 0 0 0-1.13-.17a17 17 0 0 0-2.13-.22c-1.05-.05-2.1 0-3.14 0l-4.53.1l-4.911.37a9.2 9.2 0 0 0-2.08.3a3 3 0 0 0-1.34.85a3.93 3.93 0 0 0-.94 2.09a21 21 0 0 0 .02 3.06l.29 6.59a10 10 0 0 0 .18 2.18a2.25 2.25 0 0 0 .93 1.39c.42.268.89.451 1.38.54a12.3 12.3 0 0 0 2.05.21c.74 0 1.49.08 2.24.1h3.06q.503.01 1 .08a.29.29 0 0 0 .34-.24a.3.3 0 0 0-.24-.35"/><path fill="#818cf8" d="M15.607 9.456a1.2 1.2 0 0 0 .3-.36a.8.8 0 0 0-.18-.88a5.5 5.5 0 0 0-1.32-.9c-1-.53-2-1.06-3-1.63q-1-.57-2-1.17c-.81-.56-.65 1.58-.69 6v2.09a2.3 2.3 0 0 0-.07.49a.51.51 0 0 0 .64.46q.229-.021.44-.11q.352-.158.68-.36l1.83-1.2l2.5-1.89c.19-.1.62-.33.87-.54m-4.08 1.44l-1.74 1.17h-.08v-.07l-.05-1.53l-.27-5.15c.52.36 1 .71 1.6 1.05q1.439 1.002 3 1.8c1.45.67.91.48.17 1z"/></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. MediaProtectionShieldIcon.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.