Back to Explorer
16 - 512
0.5 - 4.0
Save to
alertoutline
md add alert
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdAddAlertIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<path d="M10.01 21.01c0 1.1.89 1.99 1.99 1.99s1.99-.89 1.99-1.99h-3.98zM12 6c2.76 0 5 2.24 5 5v7H7v-7c0-2.76 2.24-5 5-5zm0-4.5c-.83 0-1.5.67-1.5 1.5v1.17C7.36 4.85 5 7.65 5 11v6l-2 2v1h18v-1l-2-2v-6c0-3.35-2.36-6.15-5.5-6.83V3c0-.83-.67-1.5-1.5-1.5zM13 8h-2v3H8v2h3v3h2v-3h3v-2h-3z"/>
</svg>
);SVG Optimizer
Before
0.46 KB
↓
After
0.46 KB
Tags
+activeaddadd attentionadd importantadd notificationadd reminderadd warningalarmalertattentionbellcautionchimecreatecreate alarmdangerexclamationimportantmessagenewnoticenotificationnotificationsnotifyplusremindreminderringset remindersoundsubscribesubscribe to alertssymbolwarning
Compare Alternatives
See how other libraries approach this concept.