keep public icon
keep-public-outline-rounded from Material Symbols Light by Google · Outline Rounded · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- keep-public-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More actions icons from Material Symbols Light
Use the keep public icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.5 15H4.942q-.22 0-.37-.153q-.149-.153-.149-.36v-.28q0-.098.037-.189q.036-.091.11-.164L6 12.423V5h-.5q-.213 0-.356-.144T5 4.499t.144-.356T5.5 4h4.73q.213 0 .357.144t.144.357t-.144.356t-.356.143H7v7.179q0 .332-.13.632t-.349.518L5.85 14h6.996q.213 0 .357.144t.143.357t-.143.356t-.357.143H9.5v4.927q0 .213-.144.356t-.357.144t-.356-.144t-.143-.356zm4.665-4.164Q12 9.67 12 8t1.165-2.835T16 4t2.836 1.165T20 8t-1.164 2.836T16 12t-2.835-1.164m3.898-3.274q.437-.437.437-1.062t-.437-1.062T16 5t-1.062.438T14.5 6.5t.438 1.063T16 8t1.063-.437m.163 3.18q.582-.257 1.007-.745q.105-.123.068-.275q-.038-.154-.18-.235q-.493-.244-1.025-.366Q16.563 9 16.004 9t-1.092.122t-1.033.367q-.143.074-.18.226t.068.283q.425.489 1.006.745t1.226.257t1.227-.257"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightKeepPublicOutlineRounded(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="M8.5 15H4.942q-.22 0-.37-.153q-.149-.153-.149-.36v-.28q0-.098.037-.189q.036-.091.11-.164L6 12.423V5h-.5q-.213 0-.356-.144T5 4.499t.144-.356T5.5 4h4.73q.213 0 .357.144t.144.357t-.144.356t-.356.143H7v7.179q0 .332-.13.632t-.349.518L5.85 14h6.996q.213 0 .357.144t.143.357t-.143.356t-.357.143H9.5v4.927q0 .213-.144.356t-.357.144t-.356-.144t-.143-.356zm4.665-4.164Q12 9.67 12 8t1.165-2.835T16 4t2.836 1.165T20 8t-1.164 2.836T16 12t-2.835-1.164m3.898-3.274q.437-.437.437-1.062t-.437-1.062T16 5t-1.062.438T14.5 6.5t.438 1.063T16 8t1.063-.437m.163 3.18q.582-.257 1.007-.745q.105-.123.068-.275q-.038-.154-.18-.235q-.493-.244-1.025-.366Q16.563 9 16.004 9t-1.092.122t-1.033.367q-.143.074-.18.226t.068.283q.425.489 1.006.745t1.226.257t1.227-.257"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.5 15H4.942q-.22 0-.37-.153q-.149-.153-.149-.36v-.28q0-.098.037-.189q.036-.091.11-.164L6 12.423V5h-.5q-.213 0-.356-.144T5 4.499t.144-.356T5.5 4h4.73q.213 0 .357.144t.144.357t-.144.356t-.356.143H7v7.179q0 .332-.13.632t-.349.518L5.85 14h6.996q.213 0 .357.144t.143.357t-.143.356t-.357.143H9.5v4.927q0 .213-.144.356t-.357.144t-.356-.144t-.143-.356zm4.665-4.164Q12 9.67 12 8t1.165-2.835T16 4t2.836 1.165T20 8t-1.164 2.836T16 12t-2.835-1.164m3.898-3.274q.437-.437.437-1.062t-.437-1.062T16 5t-1.062.438T14.5 6.5t.438 1.063T16 8t1.063-.437m.163 3.18q.582-.257 1.007-.745q.105-.123.068-.275q-.038-.154-.18-.235q-.493-.244-1.025-.366Q16.563 9 16.004 9t-1.092.122t-1.033.367q-.143.074-.18.226t.068.283q.425.489 1.006.745t1.226.257t1.227-.257"/></svg> </template>
CSS
.icon-keep-public-outline-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%22M8.5%2015H4.942q-.22%200-.37-.153q-.149-.153-.149-.36v-.28q0-.098.037-.189q.036-.091.11-.164L6%2012.423V5h-.5q-.213%200-.356-.144T5%204.499t.144-.356T5.5%204h4.73q.213%200%20.357.144t.144.357t-.144.356t-.356.143H7v7.179q0%20.332-.13.632t-.349.518L5.85%2014h6.996q.213%200%20.357.144t.143.357t-.143.356t-.357.143H9.5v4.927q0%20.213-.144.356t-.357.144t-.356-.144t-.143-.356zm4.665-4.164Q12%209.67%2012%208t1.165-2.835T16%204t2.836%201.165T20%208t-1.164%202.836T16%2012t-2.835-1.164m3.898-3.274q.437-.437.437-1.062t-.437-1.062T16%205t-1.062.438T14.5%206.5t.438%201.063T16%208t1.063-.437m.163%203.18q.582-.257%201.007-.745q.105-.123.068-.275q-.038-.154-.18-.235q-.493-.244-1.025-.366Q16.563%209%2016.004%209t-1.092.122t-1.033.367q-.143.074-.18.226t.068.283q.425.489%201.006.745t1.226.257t1.227-.257%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%22M8.5%2015H4.942q-.22%200-.37-.153q-.149-.153-.149-.36v-.28q0-.098.037-.189q.036-.091.11-.164L6%2012.423V5h-.5q-.213%200-.356-.144T5%204.499t.144-.356T5.5%204h4.73q.213%200%20.357.144t.144.357t-.144.356t-.356.143H7v7.179q0%20.332-.13.632t-.349.518L5.85%2014h6.996q.213%200%20.357.144t.143.357t-.143.356t-.357.143H9.5v4.927q0%20.213-.144.356t-.357.144t-.356-.144t-.143-.356zm4.665-4.164Q12%209.67%2012%208t1.165-2.835T16%204t2.836%201.165T20%208t-1.164%202.836T16%2012t-2.835-1.164m3.898-3.274q.437-.437.437-1.062t-.437-1.062T16%205t-1.062.438T14.5%206.5t.438%201.063T16%208t1.063-.437m.163%203.18q.582-.257%201.007-.745q.105-.123.068-.275q-.038-.154-.18-.235q-.493-.244-1.025-.366Q16.563%209%2016.004%209t-1.092.122t-1.033.367q-.143.074-.18.226t.068.283q.425.489%201.006.745t1.226.257t1.227-.257%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/keep-public-outline-rounded.svg?color=%231a73e8&size=48
