alarm play icon
alarm-play-line-duotone from Solar by 480 Design · Line Duotone · Time · CC-BY-4.0 Attribution required.
- Name
- alarm-play-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Time
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More time icons from Solar
alarm-add-boldalarm-boldalarm-pause-boldalarm-remove-boldalarm-sleep-boldalarm-turn-off-boldcalendar-add-boldcalendar-boldcalendar-date-boldcalendar-mark-boldcalendar-minimalistic-boldcalendar-search-boldclock-circle-boldclock-square-boldhistory-2-boldhistory-3-boldhistory-boldhourglass-boldhourglass-line-boldstopwatch-boldstopwatch-pause-boldstopwatch-play-boldwatch-round-boldwatch-square-bold
Use the alarm play icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="13" r="9" opacity=".5"/><path d="M13.8876 10.9348C14.9625 11.8117 15.5 12.2501 15.5 13C15.5 13.7499 14.9625 14.1883 13.8876 15.0652C13.5909 15.3073 13.2966 15.5352 13.0261 15.7251C12.7888 15.8917 12.5201 16.064 12.2419 16.2332C11.1695 16.8853 10.6333 17.2114 10.1524 16.8504C9.6715 16.4894 9.62779 15.7336 9.54038 14.2222C9.51566 13.7947 9.5 13.3757 9.5 13C9.5 12.6243 9.51566 12.2053 9.54038 11.7778C9.62779 10.2664 9.6715 9.51061 10.1524 9.1496C10.6333 8.78859 11.1695 9.11466 12.2419 9.76679C12.5201 9.93597 12.7888 10.1083 13.0261 10.2749C13.2966 10.4648 13.5909 10.6927 13.8876 10.9348Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M3.5 4.5L7.50002 2"/><path stroke-linecap="round" stroke-linejoin="round" d="M20.5 4.5L16.5 2"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarAlarmPlayLineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><circle cx="12" cy="13" r="9" opacity=".5"/><path d="M13.8876 10.9348C14.9625 11.8117 15.5 12.2501 15.5 13C15.5 13.7499 14.9625 14.1883 13.8876 15.0652C13.5909 15.3073 13.2966 15.5352 13.0261 15.7251C12.7888 15.8917 12.5201 16.064 12.2419 16.2332C11.1695 16.8853 10.6333 17.2114 10.1524 16.8504C9.6715 16.4894 9.62779 15.7336 9.54038 14.2222C9.51566 13.7947 9.5 13.3757 9.5 13C9.5 12.6243 9.51566 12.2053 9.54038 11.7778C9.62779 10.2664 9.6715 9.51061 10.1524 9.1496C10.6333 8.78859 11.1695 9.11466 12.2419 9.76679C12.5201 9.93597 12.7888 10.1083 13.0261 10.2749C13.2966 10.4648 13.5909 10.6927 13.8876 10.9348Z"/><path strokeLinecap="round" strokeLinejoin="round" d="M3.5 4.5L7.50002 2"/><path strokeLinecap="round" strokeLinejoin="round" d="M20.5 4.5L16.5 2"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="13" r="9" opacity=".5"/><path d="M13.8876 10.9348C14.9625 11.8117 15.5 12.2501 15.5 13C15.5 13.7499 14.9625 14.1883 13.8876 15.0652C13.5909 15.3073 13.2966 15.5352 13.0261 15.7251C12.7888 15.8917 12.5201 16.064 12.2419 16.2332C11.1695 16.8853 10.6333 17.2114 10.1524 16.8504C9.6715 16.4894 9.62779 15.7336 9.54038 14.2222C9.51566 13.7947 9.5 13.3757 9.5 13C9.5 12.6243 9.51566 12.2053 9.54038 11.7778C9.62779 10.2664 9.6715 9.51061 10.1524 9.1496C10.6333 8.78859 11.1695 9.11466 12.2419 9.76679C12.5201 9.93597 12.7888 10.1083 13.0261 10.2749C13.2966 10.4648 13.5909 10.6927 13.8876 10.9348Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M3.5 4.5L7.50002 2"/><path stroke-linecap="round" stroke-linejoin="round" d="M20.5 4.5L16.5 2"/></g></svg> </template>
CSS
.icon-alarm-play-line-duotone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%229%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M13.8876%2010.9348C14.9625%2011.8117%2015.5%2012.2501%2015.5%2013C15.5%2013.7499%2014.9625%2014.1883%2013.8876%2015.0652C13.5909%2015.3073%2013.2966%2015.5352%2013.0261%2015.7251C12.7888%2015.8917%2012.5201%2016.064%2012.2419%2016.2332C11.1695%2016.8853%2010.6333%2017.2114%2010.1524%2016.8504C9.6715%2016.4894%209.62779%2015.7336%209.54038%2014.2222C9.51566%2013.7947%209.5%2013.3757%209.5%2013C9.5%2012.6243%209.51566%2012.2053%209.54038%2011.7778C9.62779%2010.2664%209.6715%209.51061%2010.1524%209.1496C10.6333%208.78859%2011.1695%209.11466%2012.2419%209.76679C12.5201%209.93597%2012.7888%2010.1083%2013.0261%2010.2749C13.2966%2010.4648%2013.5909%2010.6927%2013.8876%2010.9348Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.5%204.5L7.50002%202%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M20.5%204.5L16.5%202%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%229%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M13.8876%2010.9348C14.9625%2011.8117%2015.5%2012.2501%2015.5%2013C15.5%2013.7499%2014.9625%2014.1883%2013.8876%2015.0652C13.5909%2015.3073%2013.2966%2015.5352%2013.0261%2015.7251C12.7888%2015.8917%2012.5201%2016.064%2012.2419%2016.2332C11.1695%2016.8853%2010.6333%2017.2114%2010.1524%2016.8504C9.6715%2016.4894%209.62779%2015.7336%209.54038%2014.2222C9.51566%2013.7947%209.5%2013.3757%209.5%2013C9.5%2012.6243%209.51566%2012.2053%209.54038%2011.7778C9.62779%2010.2664%209.6715%209.51061%2010.1524%209.1496C10.6333%208.78859%2011.1695%209.11466%2012.2419%209.76679C12.5201%209.93597%2012.7888%2010.1083%2013.0261%2010.2749C13.2966%2010.4648%2013.5909%2010.6927%2013.8876%2010.9348Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.5%204.5L7.50002%202%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M20.5%204.5L16.5%202%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/alarm-play-line-duotone.svg?color=%231a73e8&size=48
