apps shield icon
apps-shield-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- apps-shield-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the apps shield icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M15.5 17H8.425c.155-.305.286-.638.384-1H9.5v-5.5H6.985c-.544-.253-1.02-.657-1.35-1H9.5v-5a.5.5 0 0 0-.326-.469l-.084-.023L9 4H4.5a.5.5 0 0 0-.492.41L4 4.5v4.583a1.5 1.5 0 0 0-.605.386c-.114.12-.247.249-.395.377V4.5a1.5 1.5 0 0 1 1.356-1.493L4.5 3H9a1.5 1.5 0 0 1 1.493 1.355l.007.145v.254l2.189-2.269a1.5 1.5 0 0 1 2.007-.138l.116.101l2.757 2.725a1.5 1.5 0 0 1 .111 2.011l-.103.116l-2.311 2.2h.234a1.5 1.5 0 0 1 1.493 1.355L17 11v4.5a1.5 1.5 0 0 1-1.355 1.493zm0-6.5h-5V16h5a.5.5 0 0 0 .492-.41L16 15.5V11a.5.5 0 0 0-.41-.492zm-5-2.79V9.5h1.79zm3.622-4.537a.5.5 0 0 0-.645-.053l-.068.06l-2.616 2.713a.5.5 0 0 0-.057.623l.063.078l2.616 2.615a.5.5 0 0 0 .62.07l.078-.061l2.758-2.627a.5.5 0 0 0 .054-.638l-.059-.069zm-9.241 6.986c.507.533 1.483 1.38 2.683 1.553a.5.5 0 0 1 .436.482v2.323c0 3.122-2.784 4.255-3.386 4.463a.34.34 0 0 1-.228 0C3.784 18.772 1 17.64 1 14.517v-2.323a.5.5 0 0 1 .436-.482c1.2-.173 2.175-1.02 2.683-1.553a.535.535 0 0 1 .762 0"/></svg>
React
import type { SVGProps } from "react";
export function FluentAppsShield20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M15.5 17H8.425c.155-.305.286-.638.384-1H9.5v-5.5H6.985c-.544-.253-1.02-.657-1.35-1H9.5v-5a.5.5 0 0 0-.326-.469l-.084-.023L9 4H4.5a.5.5 0 0 0-.492.41L4 4.5v4.583a1.5 1.5 0 0 0-.605.386c-.114.12-.247.249-.395.377V4.5a1.5 1.5 0 0 1 1.356-1.493L4.5 3H9a1.5 1.5 0 0 1 1.493 1.355l.007.145v.254l2.189-2.269a1.5 1.5 0 0 1 2.007-.138l.116.101l2.757 2.725a1.5 1.5 0 0 1 .111 2.011l-.103.116l-2.311 2.2h.234a1.5 1.5 0 0 1 1.493 1.355L17 11v4.5a1.5 1.5 0 0 1-1.355 1.493zm0-6.5h-5V16h5a.5.5 0 0 0 .492-.41L16 15.5V11a.5.5 0 0 0-.41-.492zm-5-2.79V9.5h1.79zm3.622-4.537a.5.5 0 0 0-.645-.053l-.068.06l-2.616 2.713a.5.5 0 0 0-.057.623l.063.078l2.616 2.615a.5.5 0 0 0 .62.07l.078-.061l2.758-2.627a.5.5 0 0 0 .054-.638l-.059-.069zm-9.241 6.986c.507.533 1.483 1.38 2.683 1.553a.5.5 0 0 1 .436.482v2.323c0 3.122-2.784 4.255-3.386 4.463a.34.34 0 0 1-.228 0C3.784 18.772 1 17.64 1 14.517v-2.323a.5.5 0 0 1 .436-.482c1.2-.173 2.175-1.02 2.683-1.553a.535.535 0 0 1 .762 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M15.5 17H8.425c.155-.305.286-.638.384-1H9.5v-5.5H6.985c-.544-.253-1.02-.657-1.35-1H9.5v-5a.5.5 0 0 0-.326-.469l-.084-.023L9 4H4.5a.5.5 0 0 0-.492.41L4 4.5v4.583a1.5 1.5 0 0 0-.605.386c-.114.12-.247.249-.395.377V4.5a1.5 1.5 0 0 1 1.356-1.493L4.5 3H9a1.5 1.5 0 0 1 1.493 1.355l.007.145v.254l2.189-2.269a1.5 1.5 0 0 1 2.007-.138l.116.101l2.757 2.725a1.5 1.5 0 0 1 .111 2.011l-.103.116l-2.311 2.2h.234a1.5 1.5 0 0 1 1.493 1.355L17 11v4.5a1.5 1.5 0 0 1-1.355 1.493zm0-6.5h-5V16h5a.5.5 0 0 0 .492-.41L16 15.5V11a.5.5 0 0 0-.41-.492zm-5-2.79V9.5h1.79zm3.622-4.537a.5.5 0 0 0-.645-.053l-.068.06l-2.616 2.713a.5.5 0 0 0-.057.623l.063.078l2.616 2.615a.5.5 0 0 0 .62.07l.078-.061l2.758-2.627a.5.5 0 0 0 .054-.638l-.059-.069zm-9.241 6.986c.507.533 1.483 1.38 2.683 1.553a.5.5 0 0 1 .436.482v2.323c0 3.122-2.784 4.255-3.386 4.463a.34.34 0 0 1-.228 0C3.784 18.772 1 17.64 1 14.517v-2.323a.5.5 0 0 1 .436-.482c1.2-.173 2.175-1.02 2.683-1.553a.535.535 0 0 1 .762 0"/></svg> </template>
CSS
.icon-apps-shield-20-regular {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.5%2017H8.425c.155-.305.286-.638.384-1H9.5v-5.5H6.985c-.544-.253-1.02-.657-1.35-1H9.5v-5a.5.5%200%200%200-.326-.469l-.084-.023L9%204H4.5a.5.5%200%200%200-.492.41L4%204.5v4.583a1.5%201.5%200%200%200-.605.386c-.114.12-.247.249-.395.377V4.5a1.5%201.5%200%200%201%201.356-1.493L4.5%203H9a1.5%201.5%200%200%201%201.493%201.355l.007.145v.254l2.189-2.269a1.5%201.5%200%200%201%202.007-.138l.116.101l2.757%202.725a1.5%201.5%200%200%201%20.111%202.011l-.103.116l-2.311%202.2h.234a1.5%201.5%200%200%201%201.493%201.355L17%2011v4.5a1.5%201.5%200%200%201-1.355%201.493zm0-6.5h-5V16h5a.5.5%200%200%200%20.492-.41L16%2015.5V11a.5.5%200%200%200-.41-.492zm-5-2.79V9.5h1.79zm3.622-4.537a.5.5%200%200%200-.645-.053l-.068.06l-2.616%202.713a.5.5%200%200%200-.057.623l.063.078l2.616%202.615a.5.5%200%200%200%20.62.07l.078-.061l2.758-2.627a.5.5%200%200%200%20.054-.638l-.059-.069zm-9.241%206.986c.507.533%201.483%201.38%202.683%201.553a.5.5%200%200%201%20.436.482v2.323c0%203.122-2.784%204.255-3.386%204.463a.34.34%200%200%201-.228%200C3.784%2018.772%201%2017.64%201%2014.517v-2.323a.5.5%200%200%201%20.436-.482c1.2-.173%202.175-1.02%202.683-1.553a.535.535%200%200%201%20.762%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.5%2017H8.425c.155-.305.286-.638.384-1H9.5v-5.5H6.985c-.544-.253-1.02-.657-1.35-1H9.5v-5a.5.5%200%200%200-.326-.469l-.084-.023L9%204H4.5a.5.5%200%200%200-.492.41L4%204.5v4.583a1.5%201.5%200%200%200-.605.386c-.114.12-.247.249-.395.377V4.5a1.5%201.5%200%200%201%201.356-1.493L4.5%203H9a1.5%201.5%200%200%201%201.493%201.355l.007.145v.254l2.189-2.269a1.5%201.5%200%200%201%202.007-.138l.116.101l2.757%202.725a1.5%201.5%200%200%201%20.111%202.011l-.103.116l-2.311%202.2h.234a1.5%201.5%200%200%201%201.493%201.355L17%2011v4.5a1.5%201.5%200%200%201-1.355%201.493zm0-6.5h-5V16h5a.5.5%200%200%200%20.492-.41L16%2015.5V11a.5.5%200%200%200-.41-.492zm-5-2.79V9.5h1.79zm3.622-4.537a.5.5%200%200%200-.645-.053l-.068.06l-2.616%202.713a.5.5%200%200%200-.057.623l.063.078l2.616%202.615a.5.5%200%200%200%20.62.07l.078-.061l2.758-2.627a.5.5%200%200%200%20.054-.638l-.059-.069zm-9.241%206.986c.507.533%201.483%201.38%202.683%201.553a.5.5%200%200%201%20.436.482v2.323c0%203.122-2.784%204.255-3.386%204.463a.34.34%200%200%201-.228%200C3.784%2018.772%201%2017.64%201%2014.517v-2.323a.5.5%200%200%201%20.436-.482c1.2-.173%202.175-1.02%202.683-1.553a.535.535%200%200%201%20.762%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/apps-shield-20-regular.svg?color=%231a73e8&size=48
