Home/Libraries/Fluent Emoji (Iconify)/shield

Fluent Emoji (Iconify)

Shield

License: MITCommercial Safe

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 32 32"><g fill="none"><g filter="url(#iMfPuLe)"><path fill="#818cf8" d="M4.712 9.21c0-.902.706-1.62 1.545-1.954c1.01-.402 2.118-1.224 2.801-2.915c.36-.893 1.154-1.596 2.117-1.596h7.804c.983 0 1.784.736 2.183 1.634a5.94 5.94 0 0 0 2.844 2.933c.8.39 1.48 1.138 1.48 2.027v3.22c0 6.948-2.173 11.142-7.903 15.956a3.23 3.23 0 0 1-4.02.113c-5.265-3.974-8.851-8.681-8.851-16.068z"/><path fill="url(#iUQmFPc)" d="M4.712 9.21c0-.902.706-1.62 1.545-1.954c1.01-.402 2.118-1.224 2.801-2.915c.36-.893 1.154-1.596 2.117-1.596h7.804c.983 0 1.784.736 2.183 1.634a5.94 5.94 0 0 0 2.844 2.933c.8.39 1.48 1.138 1.48 2.027v3.22c0 6.948-2.173 11.142-7.903 15.956a3.23 3.23 0 0 1-4.02.113c-5.265-3.974-8.851-8.681-8.851-16.068z"/></g><path fill="#818cf8" fill-opacity=".5" d="M15.512 29.276V2.745h3.467c.983 0 1.784.736 2.183 1.634a5.94 5.94 0 0 0 2.844 2.933c.8.39 1.48 1.138 1.48 2.027v3.22c0 6.948-2.173 11.142-7.903 15.956a3.24 3.24 0 0 1-2.071.76"/><g filter="url(#iZ35VAe)"><path fill="url(#i9zUYfd)" d="M15.512 29.264V2.745h3.868c1.01 0 1.835.736 2.245 1.634c.69 1.515 1.873 2.436 2.924 2.933c.822.39 1.523 1.138 1.523 2.027v3.22c0 6.948-2.236 11.142-8.126 15.956a3.4 3.4 0 0 1-2.434.749"/><path fill="url(#iH3Vqeb)" d="M15.512 29.264V2.745h3.868c1.01 0 1.835.736 2.245 1.634c.69 1.515 1.873 2.436 2.924 2.933c.822.39 1.523 1.138 1.523 2.027v3.22c0 6.948-2.236 11.142-8.126 15.956a3.4 3.4 0 0 1-2.434.749"/></g><g filter="url(#ilwBcQb)"><path fill="url(#iXO8vyb)" fill-rule="evenodd" d="M11.175 2.045h8.674c1.329 0 2.332.96 2.766 2.034c.604 1.496 1.56 2.187 2.41 2.526c.99.393 1.987 1.308 1.987 2.606v3.349c0 7.68-3.758 12.572-9.129 16.626a3.9 3.9 0 0 1-2.371.79a3.9 3.9 0 0 1-2.371-.79C7.77 25.132 4.01 20.241 4.01 12.56V9.21c0-1.297.999-2.212 1.987-2.605c.852-.339 1.807-1.03 2.411-2.526c.434-1.075 1.437-2.034 2.765-2.034m4.337 26.53a2.5 2.5 0 0 0 1.528-.506c5.159-3.894 8.572-8.416 8.572-15.51V9.212c0-.509-.414-1.031-1.104-1.305c-1.168-.465-2.429-1.416-3.191-3.303c-.288-.711-.87-1.158-1.468-1.158h-8.674c-.598 0-1.18.447-1.468 1.158c-.762 1.887-2.023 2.838-3.191 3.303c-.69.274-1.104.796-1.104 1.305v3.349c0 7.093 3.413 11.615 8.572 15.509c.453.341.99.51 1.528.507" clip-rule="evenodd"/></g><path fill="url(#iCpaOTp)" fill-rule="evenodd" d="M11.175 2.045h8.674c1.329 0 2.332.96 2.766 2.034c.604 1.496 1.56 2.187 2.41 2.526c.99.393 1.987 1.308 1.987 2.606v3.349c0 7.68-3.758 12.572-9.129 16.626a3.9 3.9 0 0 1-2.371.79a3.9 3.9 0 0 1-2.371-.79C7.77 25.132 4.01 20.241 4.01 12.56V9.21c0-1.297.999-2.212 1.987-2.605c.852-.339 1.807-1.03 2.411-2.526c.434-1.075 1.437-2.034 2.765-2.034m4.337 26.53a2.5 2.5 0 0 0 1.528-.506c5.159-3.894 8.572-8.416 8.572-15.51V9.212c0-.509-.414-1.031-1.104-1.305c-1.168-.465-2.429-1.416-3.191-3.303c-.288-.711-.87-1.158-1.468-1.158h-8.674c-.598 0-1.18.447-1.468 1.158c-.762 1.887-2.023 2.838-3.191 3.303c-.69.274-1.104.796-1.104 1.305v3.349c0 7.093 3.413 11.615 8.572 15.509c.453.341.99.51 1.528.507" clip-rule="evenodd"/><path fill="url(#iw9nvod)" fill-rule="evenodd" d="M11.175 2.045h8.674c1.329 0 2.332.96 2.766 2.034c.604 1.496 1.56 2.187 2.41 2.526c.99.393 1.987 1.308 1.987 2.606v3.349c0 7.68-3.758 12.572-9.129 16.626a3.9 3.9 0 0 1-2.371.79a3.9 3.9 0 0 1-2.371-.79C7.77 25.132 4.01 20.241 4.01 12.56V9.21c0-1.297.999-2.212 1.987-2.605c.852-.339 1.807-1.03 2.411-2.526c.434-1.075 1.437-2.034 2.765-2.034m4.337 26.53a2.5 2.5 0 0 0 1.528-.506c5.159-3.894 8.572-8.416 8.572-15.51V9.212c0-.509-.414-1.031-1.104-1.305c-1.168-.465-2.429-1.416-3.191-3.303c-.288-.711-.87-1.158-1.468-1.158h-8.674c-.598 0-1.18.447-1.468 1.158c-.762 1.887-2.023 2.838-3.191 3.303c-.69.274-1.104.796-1.104 1.305v3.349c0 7.093 3.413 11.615 8.572 15.509c.453.341.99.51 1.528.507" clip-rule="evenodd"/><defs><radialGradient id="iUQmFPc" cx="0" cy="0" r="1" gradientTransform="matrix(-10.02346 8.41784 -11.78979 -14.03857 19.014 16.784)" gradientUnits="userSpaceOnUse"><stop offset=".792" stop-color="#3782E8" stop-opacity="0"/><stop offset=".943" stop-color="#286ACA"/></radialGradient><radialGradient id="i9zUYfd" cx="0" cy="0" r="1" gradientTransform="matrix(10.1192 0 0 22.4259 15.512 16.01)" gradientUnits="userSpaceOnUse"><stop stop-color="#52C9FF"/><stop offset="1" stop-color="#59CBFF"/></radialGradient><radialGradient id="iH3Vqeb" cx="0" cy="0" r="1" gradientTransform="rotate(12.048 -59.764 85.773)scale(9.20844 15.8393)" gradientUnits="userSpaceOnUse"><stop offset=".797" stop-color="#4AF" stop-opacity="0"/><stop offset=".966" stop-color="#1B7CE2"/></radialGradient><radialGradient id="iCpaOTp" cx="0" cy="0" r="1" gradientTransform="rotate(-126.254 5.84 1.072)scale(.84186 5.23727)" gradientUnits="userSpaceOnUse"><stop offset=".279" stop-color="#B8B1C0"/><stop offset="1" stop-color="#B8B1C0" stop-opacity="0"/></radialGradient><radialGradient id="iw9nvod" cx="0" cy="0" r="1" gradientTransform="matrix(-1.1875 -1.59374 1.9641 -1.46347 10.422 4.937)" gradientUnits="userSpaceOnUse"><stop offset=".36" stop-color="#B8B1C0"/><stop offset="1" stop-color="#B8B1C0" stop-opacity="0"/></radialGradient><filter id="iMfPuLe" width="21.525" height="27.271" x="4.712" y="2.745" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".75" dy=".74"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.0627451 0 0 0 0 0.337255 0 0 0 0 0.713726 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_24255"/></filter><filter id="iZ35VAe" width="10.96" height="27.281" x="15.112" y="2.745" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.4" dy=".8"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.121569 0 0 0 0 0.478431 0 0 0 0 0.843137 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_24255"/></filter><filter id="ilwBcQb" width="23.501" height="28.331" x="3.762" y="1.795" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.635294 0 0 0 0 0.588235 0 0 0 0 0.596078 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_24255"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.647059 0 0 0 0 0.501961 0 0 0 0 0.745098 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_24255" result="effect2_innerShadow_18_24255"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.854902 0 0 0 0 0.85098 0 0 0 0 0.862745 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_24255" result="effect3_innerShadow_18_24255"/></filter><linearGradient id="iXO8vyb" x1="4.837" x2="22.013" y1="17.879" y2="17.879" gradientUnits="userSpaceOnUse"><stop stop-color="#B8B3BE"/><stop offset="1" stop-color="#BBB3C4"/></linearGradient></defs></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. ShieldIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.