ios alarm icon
ios-alarm-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- ios-alarm-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forwardios-arrow-left
Use the ios alarm icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M438.4 192.4c12.2-14.2 19.6-32.3 19.6-52.2.1-43.8-35.5-79.6-80.4-82.1-1.6-.1-3.1-.1-4.8-.1-20.4-.1-39.1 6.8-53.8 18.1l53.8 52.4-10.5 10.4c-25.7-19.4-57-32-91-34.9v-.1c0-8.5-7-15.5-15.5-15.5s-15.5 7-15.5 15.5v.1c-33.9 2.9-65.1 15.5-90.7 34.9l-10.4-10.4L193 76.1c-14.7-11.4-33.4-18.2-53.7-18.1-1.6 0-3.2.1-4.8.1-45 2.5-80.6 38.3-80.4 82.1 0 19.8 7.4 38 19.6 52.2l54-52.6 9.5 9.5c-35.1 31.9-57.1 78-57.1 129.2 0 43.9 16.2 84 43 114.7l-36.4 44.6L99 448l35.2-42.9c31.6 30.2 74.4 48.9 121.6 48.9h.4c47.2 0 90.2-18.7 121.8-48.9l35.2 43 12.3-10.1-36.5-44.7c26.8-30.8 43-70.9 43-114.7 0-51.1-22-97.3-57.2-129.3l9.5-9.5 54.1 52.6zM76.2 167.8c-4.2-8.6-6.4-18.4-6.5-28-.1-35.1 28.4-64.6 65.5-66.8 12.7-.7 23.1 1.4 32.1 6.1l-91.1 88.7zm339.7 108.7c0 87.7-72 157.1-160.1 157.1-88 0-159.8-69.4-159.8-157.1 0-87.7 71.8-158.7 159.9-158.7 88.1 0 160 70.9 160 158.7zM344.7 79.2c8.8-4.8 19.3-6.8 32.1-6.1 37.2 2 65.6 31.5 65.5 66.8 0 9.6-2.3 19.4-6.5 28.1l-91.1-88.8z" fill="currentColor"/><path d="M256 160v128h-96v16h112V160z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosAlarmOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M438.4 192.4c12.2-14.2 19.6-32.3 19.6-52.2.1-43.8-35.5-79.6-80.4-82.1-1.6-.1-3.1-.1-4.8-.1-20.4-.1-39.1 6.8-53.8 18.1l53.8 52.4-10.5 10.4c-25.7-19.4-57-32-91-34.9v-.1c0-8.5-7-15.5-15.5-15.5s-15.5 7-15.5 15.5v.1c-33.9 2.9-65.1 15.5-90.7 34.9l-10.4-10.4L193 76.1c-14.7-11.4-33.4-18.2-53.7-18.1-1.6 0-3.2.1-4.8.1-45 2.5-80.6 38.3-80.4 82.1 0 19.8 7.4 38 19.6 52.2l54-52.6 9.5 9.5c-35.1 31.9-57.1 78-57.1 129.2 0 43.9 16.2 84 43 114.7l-36.4 44.6L99 448l35.2-42.9c31.6 30.2 74.4 48.9 121.6 48.9h.4c47.2 0 90.2-18.7 121.8-48.9l35.2 43 12.3-10.1-36.5-44.7c26.8-30.8 43-70.9 43-114.7 0-51.1-22-97.3-57.2-129.3l9.5-9.5 54.1 52.6zM76.2 167.8c-4.2-8.6-6.4-18.4-6.5-28-.1-35.1 28.4-64.6 65.5-66.8 12.7-.7 23.1 1.4 32.1 6.1l-91.1 88.7zm339.7 108.7c0 87.7-72 157.1-160.1 157.1-88 0-159.8-69.4-159.8-157.1 0-87.7 71.8-158.7 159.9-158.7 88.1 0 160 70.9 160 158.7zM344.7 79.2c8.8-4.8 19.3-6.8 32.1-6.1 37.2 2 65.6 31.5 65.5 66.8 0 9.6-2.3 19.4-6.5 28.1l-91.1-88.8z" fill="currentColor"/><path d="M256 160v128h-96v16h112V160z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M438.4 192.4c12.2-14.2 19.6-32.3 19.6-52.2.1-43.8-35.5-79.6-80.4-82.1-1.6-.1-3.1-.1-4.8-.1-20.4-.1-39.1 6.8-53.8 18.1l53.8 52.4-10.5 10.4c-25.7-19.4-57-32-91-34.9v-.1c0-8.5-7-15.5-15.5-15.5s-15.5 7-15.5 15.5v.1c-33.9 2.9-65.1 15.5-90.7 34.9l-10.4-10.4L193 76.1c-14.7-11.4-33.4-18.2-53.7-18.1-1.6 0-3.2.1-4.8.1-45 2.5-80.6 38.3-80.4 82.1 0 19.8 7.4 38 19.6 52.2l54-52.6 9.5 9.5c-35.1 31.9-57.1 78-57.1 129.2 0 43.9 16.2 84 43 114.7l-36.4 44.6L99 448l35.2-42.9c31.6 30.2 74.4 48.9 121.6 48.9h.4c47.2 0 90.2-18.7 121.8-48.9l35.2 43 12.3-10.1-36.5-44.7c26.8-30.8 43-70.9 43-114.7 0-51.1-22-97.3-57.2-129.3l9.5-9.5 54.1 52.6zM76.2 167.8c-4.2-8.6-6.4-18.4-6.5-28-.1-35.1 28.4-64.6 65.5-66.8 12.7-.7 23.1 1.4 32.1 6.1l-91.1 88.7zm339.7 108.7c0 87.7-72 157.1-160.1 157.1-88 0-159.8-69.4-159.8-157.1 0-87.7 71.8-158.7 159.9-158.7 88.1 0 160 70.9 160 158.7zM344.7 79.2c8.8-4.8 19.3-6.8 32.1-6.1 37.2 2 65.6 31.5 65.5 66.8 0 9.6-2.3 19.4-6.5 28.1l-91.1-88.8z" fill="currentColor"/><path d="M256 160v128h-96v16h112V160z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-alarm-outline {
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%22M438.4%20192.4c12.2-14.2%2019.6-32.3%2019.6-52.2.1-43.8-35.5-79.6-80.4-82.1-1.6-.1-3.1-.1-4.8-.1-20.4-.1-39.1%206.8-53.8%2018.1l53.8%2052.4-10.5%2010.4c-25.7-19.4-57-32-91-34.9v-.1c0-8.5-7-15.5-15.5-15.5s-15.5%207-15.5%2015.5v.1c-33.9%202.9-65.1%2015.5-90.7%2034.9l-10.4-10.4L193%2076.1c-14.7-11.4-33.4-18.2-53.7-18.1-1.6%200-3.2.1-4.8.1-45%202.5-80.6%2038.3-80.4%2082.1%200%2019.8%207.4%2038%2019.6%2052.2l54-52.6%209.5%209.5c-35.1%2031.9-57.1%2078-57.1%20129.2%200%2043.9%2016.2%2084%2043%20114.7l-36.4%2044.6L99%20448l35.2-42.9c31.6%2030.2%2074.4%2048.9%20121.6%2048.9h.4c47.2%200%2090.2-18.7%20121.8-48.9l35.2%2043%2012.3-10.1-36.5-44.7c26.8-30.8%2043-70.9%2043-114.7%200-51.1-22-97.3-57.2-129.3l9.5-9.5%2054.1%2052.6zM76.2%20167.8c-4.2-8.6-6.4-18.4-6.5-28-.1-35.1%2028.4-64.6%2065.5-66.8%2012.7-.7%2023.1%201.4%2032.1%206.1l-91.1%2088.7zm339.7%20108.7c0%2087.7-72%20157.1-160.1%20157.1-88%200-159.8-69.4-159.8-157.1%200-87.7%2071.8-158.7%20159.9-158.7%2088.1%200%20160%2070.9%20160%20158.7zM344.7%2079.2c8.8-4.8%2019.3-6.8%2032.1-6.1%2037.2%202%2065.6%2031.5%2065.5%2066.8%200%209.6-2.3%2019.4-6.5%2028.1l-91.1-88.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20160v128h-96v16h112V160z%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%22M438.4%20192.4c12.2-14.2%2019.6-32.3%2019.6-52.2.1-43.8-35.5-79.6-80.4-82.1-1.6-.1-3.1-.1-4.8-.1-20.4-.1-39.1%206.8-53.8%2018.1l53.8%2052.4-10.5%2010.4c-25.7-19.4-57-32-91-34.9v-.1c0-8.5-7-15.5-15.5-15.5s-15.5%207-15.5%2015.5v.1c-33.9%202.9-65.1%2015.5-90.7%2034.9l-10.4-10.4L193%2076.1c-14.7-11.4-33.4-18.2-53.7-18.1-1.6%200-3.2.1-4.8.1-45%202.5-80.6%2038.3-80.4%2082.1%200%2019.8%207.4%2038%2019.6%2052.2l54-52.6%209.5%209.5c-35.1%2031.9-57.1%2078-57.1%20129.2%200%2043.9%2016.2%2084%2043%20114.7l-36.4%2044.6L99%20448l35.2-42.9c31.6%2030.2%2074.4%2048.9%20121.6%2048.9h.4c47.2%200%2090.2-18.7%20121.8-48.9l35.2%2043%2012.3-10.1-36.5-44.7c26.8-30.8%2043-70.9%2043-114.7%200-51.1-22-97.3-57.2-129.3l9.5-9.5%2054.1%2052.6zM76.2%20167.8c-4.2-8.6-6.4-18.4-6.5-28-.1-35.1%2028.4-64.6%2065.5-66.8%2012.7-.7%2023.1%201.4%2032.1%206.1l-91.1%2088.7zm339.7%20108.7c0%2087.7-72%20157.1-160.1%20157.1-88%200-159.8-69.4-159.8-157.1%200-87.7%2071.8-158.7%20159.9-158.7%2088.1%200%20160%2070.9%20160%20158.7zM344.7%2079.2c8.8-4.8%2019.3-6.8%2032.1-6.1%2037.2%202%2065.6%2031.5%2065.5%2066.8%200%209.6-2.3%2019.4-6.5%2028.1l-91.1-88.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20160v128h-96v16h112V160z%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/ios-alarm-outline.svg?color=%231a73e8&size=48
