outline shield moon icon
outline-shield-moon from Google Material Icons by Material Design Authors · Baseline · Home · Apache-2.0 Free for personal and commercial use.
- Name
- outline-shield-moon
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Home
- Viewbox
- 24×24
- License
- Apache 2.0
More home icons from Google Material Icons
baseline-auto-modebaseline-blindsbaseline-blinds-closedbaseline-broadcast-on-homebaseline-broadcast-on-personalbaseline-curtainsbaseline-curtains-closedbaseline-electric-boltbaseline-electric-meterbaseline-energy-savings-leafbaseline-gas-meterbaseline-heat-pumpbaseline-mode-fan-offbaseline-nest-cam-wired-standbaseline-oil-barrelbaseline-propanebaseline-propane-tankbaseline-roller-shadesbaseline-roller-shades-closedbaseline-sensor-doorbaseline-sensor-occupiedbaseline-sensor-windowbaseline-shield-moonbaseline-solar-power
Use the outline shield moon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91c4.59-1.15 8-5.86 8-10.91V5zm6 9.09c0 4-2.55 7.7-6 8.83c-3.45-1.13-6-4.82-6-8.83v-4.7l6-2.25l6 2.25z"/><path fill="currentColor" d="M9.01 14.33c1.75 2.17 5.12 2.24 6.96.07c.23-.27.08-.68-.26-.74a4.5 4.5 0 0 1-3.18-2.2a4.5 4.5 0 0 1-.32-3.86a.453.453 0 0 0-.51-.6c-3.34.62-4.89 4.61-2.69 7.33"/></svg>
React
import type { SVGProps } from "react";
export function IcOutlineShieldMoon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91c4.59-1.15 8-5.86 8-10.91V5zm6 9.09c0 4-2.55 7.7-6 8.83c-3.45-1.13-6-4.82-6-8.83v-4.7l6-2.25l6 2.25z"/><path fill="currentColor" d="M9.01 14.33c1.75 2.17 5.12 2.24 6.96.07c.23-.27.08-.68-.26-.74a4.5 4.5 0 0 1-3.18-2.2a4.5 4.5 0 0 1-.32-3.86a.453.453 0 0 0-.51-.6c-3.34.62-4.89 4.61-2.69 7.33"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91c4.59-1.15 8-5.86 8-10.91V5zm6 9.09c0 4-2.55 7.7-6 8.83c-3.45-1.13-6-4.82-6-8.83v-4.7l6-2.25l6 2.25z"/><path fill="currentColor" d="M9.01 14.33c1.75 2.17 5.12 2.24 6.96.07c.23-.27.08-.68-.26-.74a4.5 4.5 0 0 1-3.18-2.2a4.5 4.5 0 0 1-.32-3.86a.453.453 0 0 0-.51-.6c-3.34.62-4.89 4.61-2.69 7.33"/></svg> </template>
CSS
.icon-outline-shield-moon {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202L4%205v6.09c0%205.05%203.41%209.76%208%2010.91c4.59-1.15%208-5.86%208-10.91V5zm6%209.09c0%204-2.55%207.7-6%208.83c-3.45-1.13-6-4.82-6-8.83v-4.7l6-2.25l6%202.25z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.01%2014.33c1.75%202.17%205.12%202.24%206.96.07c.23-.27.08-.68-.26-.74a4.5%204.5%200%200%201-3.18-2.2a4.5%204.5%200%200%201-.32-3.86a.453.453%200%200%200-.51-.6c-3.34.62-4.89%204.61-2.69%207.33%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202L4%205v6.09c0%205.05%203.41%209.76%208%2010.91c4.59-1.15%208-5.86%208-10.91V5zm6%209.09c0%204-2.55%207.7-6%208.83c-3.45-1.13-6-4.82-6-8.83v-4.7l6-2.25l6%202.25z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.01%2014.33c1.75%202.17%205.12%202.24%206.96.07c.23-.27.08-.68-.26-.74a4.5%204.5%200%200%201-3.18-2.2a4.5%204.5%200%200%201-.32-3.86a.453.453%200%200%200-.51-.6c-3.34.62-4.89%204.61-2.69%207.33%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/outline-shield-moon.svg?color=%231a73e8&size=48
