md alarm icon
md-alarm from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- md-alarm
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
- Aliases
- android-alarm-clock
Related icons in IonIcons
md-addmd-add-circlemd-airplanemd-albumsmd-alertmd-american-footballmd-analyticsmd-aperturemd-appsmd-appstoremd-archivemd-arrow-backmd-arrow-downmd-arrow-dropdownmd-arrow-dropdown-circlemd-arrow-dropleftmd-arrow-dropleft-circlemd-arrow-droprightmd-arrow-dropright-circlemd-arrow-dropupmd-arrow-dropup-circlemd-arrow-forwardmd-arrow-round-backmd-arrow-round-down
Use the md alarm icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M470 124.837l-98.443-81.78-27.814 32.931 98.442 81.769L470 124.837zM167.192 74.919L139.366 42 42 124.837l27.814 32.919 97.378-82.837zm99.509 97.709H234.6v127.446l101.649 60.539L352.3 334.06l-85.6-49.917V172.628zM256 87.665c-107 0-192.601 86.021-192.601 191.166C63.399 383.98 149 470 256 470c105.936 0 192.601-86.02 192.601-191.169 0-105.144-86.665-191.166-192.601-191.166zm0 339.855c-82.393 0-149.8-66.906-149.8-148.688 0-81.777 67.407-148.684 149.8-148.684 82.394 0 149.8 66.906 149.8 148.684 0 82.839-67.406 148.688-149.8 148.688z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonMdAlarm(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M470 124.837l-98.443-81.78-27.814 32.931 98.442 81.769L470 124.837zM167.192 74.919L139.366 42 42 124.837l27.814 32.919 97.378-82.837zm99.509 97.709H234.6v127.446l101.649 60.539L352.3 334.06l-85.6-49.917V172.628zM256 87.665c-107 0-192.601 86.021-192.601 191.166C63.399 383.98 149 470 256 470c105.936 0 192.601-86.02 192.601-191.169 0-105.144-86.665-191.166-192.601-191.166zm0 339.855c-82.393 0-149.8-66.906-149.8-148.688 0-81.777 67.407-148.684 149.8-148.684 82.394 0 149.8 66.906 149.8 148.684 0 82.839-67.406 148.688-149.8 148.688z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M470 124.837l-98.443-81.78-27.814 32.931 98.442 81.769L470 124.837zM167.192 74.919L139.366 42 42 124.837l27.814 32.919 97.378-82.837zm99.509 97.709H234.6v127.446l101.649 60.539L352.3 334.06l-85.6-49.917V172.628zM256 87.665c-107 0-192.601 86.021-192.601 191.166C63.399 383.98 149 470 256 470c105.936 0 192.601-86.02 192.601-191.169 0-105.144-86.665-191.166-192.601-191.166zm0 339.855c-82.393 0-149.8-66.906-149.8-148.688 0-81.777 67.407-148.684 149.8-148.684 82.394 0 149.8 66.906 149.8 148.684 0 82.839-67.406 148.688-149.8 148.688z" fill="currentColor"/></svg> </template>
CSS
.icon-md-alarm {
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%20512%20512%22%3E%3Cpath%20d%3D%22M470%20124.837l-98.443-81.78-27.814%2032.931%2098.442%2081.769L470%20124.837zM167.192%2074.919L139.366%2042%2042%20124.837l27.814%2032.919%2097.378-82.837zm99.509%2097.709H234.6v127.446l101.649%2060.539L352.3%20334.06l-85.6-49.917V172.628zM256%2087.665c-107%200-192.601%2086.021-192.601%20191.166C63.399%20383.98%20149%20470%20256%20470c105.936%200%20192.601-86.02%20192.601-191.169%200-105.144-86.665-191.166-192.601-191.166zm0%20339.855c-82.393%200-149.8-66.906-149.8-148.688%200-81.777%2067.407-148.684%20149.8-148.684%2082.394%200%20149.8%2066.906%20149.8%20148.684%200%2082.839-67.406%20148.688-149.8%20148.688z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M470%20124.837l-98.443-81.78-27.814%2032.931%2098.442%2081.769L470%20124.837zM167.192%2074.919L139.366%2042%2042%20124.837l27.814%2032.919%2097.378-82.837zm99.509%2097.709H234.6v127.446l101.649%2060.539L352.3%20334.06l-85.6-49.917V172.628zM256%2087.665c-107%200-192.601%2086.021-192.601%20191.166C63.399%20383.98%20149%20470%20256%20470c105.936%200%20192.601-86.02%20192.601-191.169%200-105.144-86.665-191.166-192.601-191.166zm0%20339.855c-82.393%200-149.8-66.906-149.8-148.688%200-81.777%2067.407-148.684%20149.8-148.684%2082.394%200%20149.8%2066.906%20149.8%20148.684%200%2082.839-67.406%20148.688-149.8%20148.688z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/md-alarm.svg?color=%231a73e8&size=48
