guardian icon
guardian-rounded from Material Symbols Light by Google · Rounded · Social · Apache-2.0 Free for personal and commercial use.
- Name
- guardian-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- guardian-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the guardian icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22q-4.246 0-7.123-1.52T2 16.75q0-.687.3-1.307t.904-1.193t1.483-1.024t1.98-.826q.183-.073.373.026t.256.31q.068.183-.043.363q-.11.18-.312.259q-.893.275-1.619.66q-.726.386-1.26.843q-.54.458-.801.928T3 16.75q0 1.716 2.68 2.983T12 21t6.32-1.267T21 16.75q0-.49-.26-.96q-.261-.47-.801-.928q-.535-.458-1.261-.844t-1.618-.66q-.202-.08-.313-.259q-.11-.18-.043-.369q.067-.201.256-.302q.19-.101.392-.028q.925.298 1.716.693t1.366.85q.783.621 1.175 1.324q.391.702.391 1.483q0 2.21-2.877 3.73T12 22m-1.693-4.077q-.213 0-.356-.144t-.143-.356V7.096H5.5q-.213 0-.356-.144T5 6.596t.144-.356t.356-.144h13q.213 0 .356.144q.144.144.144.357t-.144.356t-.356.143h-4.308v10.327q0 .213-.144.356q-.143.144-.356.144t-.356-.144t-.144-.356v-4.442h-2.384v4.442q0 .213-.144.356t-.357.144m1.694-13.02q-.595 0-1.02-.423q-.423-.423-.423-1.018q0-.611.423-1.046T12 1.98t1.018.435t.424 1.046q0 .595-.423 1.018q-.424.424-1.018.424"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightGuardianRounded(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 22q-4.246 0-7.123-1.52T2 16.75q0-.687.3-1.307t.904-1.193t1.483-1.024t1.98-.826q.183-.073.373.026t.256.31q.068.183-.043.363q-.11.18-.312.259q-.893.275-1.619.66q-.726.386-1.26.843q-.54.458-.801.928T3 16.75q0 1.716 2.68 2.983T12 21t6.32-1.267T21 16.75q0-.49-.26-.96q-.261-.47-.801-.928q-.535-.458-1.261-.844t-1.618-.66q-.202-.08-.313-.259q-.11-.18-.043-.369q.067-.201.256-.302q.19-.101.392-.028q.925.298 1.716.693t1.366.85q.783.621 1.175 1.324q.391.702.391 1.483q0 2.21-2.877 3.73T12 22m-1.693-4.077q-.213 0-.356-.144t-.143-.356V7.096H5.5q-.213 0-.356-.144T5 6.596t.144-.356t.356-.144h13q.213 0 .356.144q.144.144.144.357t-.144.356t-.356.143h-4.308v10.327q0 .213-.144.356q-.143.144-.356.144t-.356-.144t-.144-.356v-4.442h-2.384v4.442q0 .213-.144.356t-.357.144m1.694-13.02q-.595 0-1.02-.423q-.423-.423-.423-1.018q0-.611.423-1.046T12 1.98t1.018.435t.424 1.046q0 .595-.423 1.018q-.424.424-1.018.424"/></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 22q-4.246 0-7.123-1.52T2 16.75q0-.687.3-1.307t.904-1.193t1.483-1.024t1.98-.826q.183-.073.373.026t.256.31q.068.183-.043.363q-.11.18-.312.259q-.893.275-1.619.66q-.726.386-1.26.843q-.54.458-.801.928T3 16.75q0 1.716 2.68 2.983T12 21t6.32-1.267T21 16.75q0-.49-.26-.96q-.261-.47-.801-.928q-.535-.458-1.261-.844t-1.618-.66q-.202-.08-.313-.259q-.11-.18-.043-.369q.067-.201.256-.302q.19-.101.392-.028q.925.298 1.716.693t1.366.85q.783.621 1.175 1.324q.391.702.391 1.483q0 2.21-2.877 3.73T12 22m-1.693-4.077q-.213 0-.356-.144t-.143-.356V7.096H5.5q-.213 0-.356-.144T5 6.596t.144-.356t.356-.144h13q.213 0 .356.144q.144.144.144.357t-.144.356t-.356.143h-4.308v10.327q0 .213-.144.356q-.143.144-.356.144t-.356-.144t-.144-.356v-4.442h-2.384v4.442q0 .213-.144.356t-.357.144m1.694-13.02q-.595 0-1.02-.423q-.423-.423-.423-1.018q0-.611.423-1.046T12 1.98t1.018.435t.424 1.046q0 .595-.423 1.018q-.424.424-1.018.424"/></svg> </template>
CSS
.icon-guardian-rounded {
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%2022q-4.246%200-7.123-1.52T2%2016.75q0-.687.3-1.307t.904-1.193t1.483-1.024t1.98-.826q.183-.073.373.026t.256.31q.068.183-.043.363q-.11.18-.312.259q-.893.275-1.619.66q-.726.386-1.26.843q-.54.458-.801.928T3%2016.75q0%201.716%202.68%202.983T12%2021t6.32-1.267T21%2016.75q0-.49-.26-.96q-.261-.47-.801-.928q-.535-.458-1.261-.844t-1.618-.66q-.202-.08-.313-.259q-.11-.18-.043-.369q.067-.201.256-.302q.19-.101.392-.028q.925.298%201.716.693t1.366.85q.783.621%201.175%201.324q.391.702.391%201.483q0%202.21-2.877%203.73T12%2022m-1.693-4.077q-.213%200-.356-.144t-.143-.356V7.096H5.5q-.213%200-.356-.144T5%206.596t.144-.356t.356-.144h13q.213%200%20.356.144q.144.144.144.357t-.144.356t-.356.143h-4.308v10.327q0%20.213-.144.356q-.143.144-.356.144t-.356-.144t-.144-.356v-4.442h-2.384v4.442q0%20.213-.144.356t-.357.144m1.694-13.02q-.595%200-1.02-.423q-.423-.423-.423-1.018q0-.611.423-1.046T12%201.98t1.018.435t.424%201.046q0%20.595-.423%201.018q-.424.424-1.018.424%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%2022q-4.246%200-7.123-1.52T2%2016.75q0-.687.3-1.307t.904-1.193t1.483-1.024t1.98-.826q.183-.073.373.026t.256.31q.068.183-.043.363q-.11.18-.312.259q-.893.275-1.619.66q-.726.386-1.26.843q-.54.458-.801.928T3%2016.75q0%201.716%202.68%202.983T12%2021t6.32-1.267T21%2016.75q0-.49-.26-.96q-.261-.47-.801-.928q-.535-.458-1.261-.844t-1.618-.66q-.202-.08-.313-.259q-.11-.18-.043-.369q.067-.201.256-.302q.19-.101.392-.028q.925.298%201.716.693t1.366.85q.783.621%201.175%201.324q.391.702.391%201.483q0%202.21-2.877%203.73T12%2022m-1.693-4.077q-.213%200-.356-.144t-.143-.356V7.096H5.5q-.213%200-.356-.144T5%206.596t.144-.356t.356-.144h13q.213%200%20.356.144q.144.144.144.357t-.144.356t-.356.143h-4.308v10.327q0%20.213-.144.356q-.143.144-.356.144t-.356-.144t-.144-.356v-4.442h-2.384v4.442q0%20.213-.144.356t-.357.144m1.694-13.02q-.595%200-1.02-.423q-.423-.423-.423-1.018q0-.611.423-1.046T12%201.98t1.018.435t.424%201.046q0%20.595-.423%201.018q-.424.424-1.018.424%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/guardian-rounded.svg?color=%231a73e8&size=48
