alarm icon
alarm-bold from Solar by 480 Design · Bold · Time · CC-BY-4.0 Attribution required.
- Name
- alarm-bold
- Set
- Solar
- Style
- Bold
- Category
- Time
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
alarmAkar IconsalarmBootstrap IconsalarmBoxIcons v2alarmBoxIcons v2 SolidalarmCarbonalarmFramework7 Iconsalarmcss.ggalarmIconParkalarmIconPark OutlinealarmIconPark SolidalarmIconPark TwoTonealarmIconoiralarmIonIconsalarmMaterial SymbolsalarmMaterial Symbols LightalarmMaterial Design IconsalarmPhosphoralarm-fillRemix IconalarmTabler IconsalarmTDesign Iconsalarm-outlineTeenyicons
More time icons from Solar
alarm-add-boldalarm-pause-boldalarm-play-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 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 22C16.8362 22 20.7567 18.1162 20.7567 13.3253C20.7567 8.53446 16.8362 4.65069 12 4.65069C7.16383 4.65069 3.24334 8.53446 3.24334 13.3253C3.24334 18.1162 7.16383 22 12 22ZM12 8.74705C12.403 8.74705 12.7297 9.0707 12.7297 9.46994V13.0259L14.9484 15.2238C15.2334 15.5061 15.2334 15.9638 14.9484 16.2461C14.6634 16.5284 14.2014 16.5284 13.9164 16.2461L11.484 13.8365C11.3472 13.7009 11.2703 13.5171 11.2703 13.3253V9.46994C11.2703 9.0707 11.597 8.74705 12 8.74705Z"/><path d="M8.2405 2.33986C8.45409 2.67841 8.3502 3.1244 8.00844 3.33599L4.11657 5.74562C3.77481 5.95722 3.32461 5.8543 3.11102 5.51574C2.89742 5.17718 3.00131 4.7312 3.34307 4.5196L7.23494 2.10998C7.5767 1.89838 8.0269 2.0013 8.2405 2.33986Z"/><path d="M15.7595 2.33985C15.9731 2.0013 16.4233 1.89838 16.7651 2.10998L20.6569 4.5196C20.9987 4.7312 21.1026 5.17719 20.889 5.51574C20.6754 5.8543 20.2252 5.95722 19.8834 5.74562L15.9916 3.33599C15.6498 3.1244 15.5459 2.67841 15.7595 2.33985Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarAlarmBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fillRule="evenodd" clipRule="evenodd"><path d="M12 22C16.8362 22 20.7567 18.1162 20.7567 13.3253C20.7567 8.53446 16.8362 4.65069 12 4.65069C7.16383 4.65069 3.24334 8.53446 3.24334 13.3253C3.24334 18.1162 7.16383 22 12 22ZM12 8.74705C12.403 8.74705 12.7297 9.0707 12.7297 9.46994V13.0259L14.9484 15.2238C15.2334 15.5061 15.2334 15.9638 14.9484 16.2461C14.6634 16.5284 14.2014 16.5284 13.9164 16.2461L11.484 13.8365C11.3472 13.7009 11.2703 13.5171 11.2703 13.3253V9.46994C11.2703 9.0707 11.597 8.74705 12 8.74705Z"/><path d="M8.2405 2.33986C8.45409 2.67841 8.3502 3.1244 8.00844 3.33599L4.11657 5.74562C3.77481 5.95722 3.32461 5.8543 3.11102 5.51574C2.89742 5.17718 3.00131 4.7312 3.34307 4.5196L7.23494 2.10998C7.5767 1.89838 8.0269 2.0013 8.2405 2.33986Z"/><path d="M15.7595 2.33985C15.9731 2.0013 16.4233 1.89838 16.7651 2.10998L20.6569 4.5196C20.9987 4.7312 21.1026 5.17719 20.889 5.51574C20.6754 5.8543 20.2252 5.95722 19.8834 5.74562L15.9916 3.33599C15.6498 3.1244 15.5459 2.67841 15.7595 2.33985Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 22C16.8362 22 20.7567 18.1162 20.7567 13.3253C20.7567 8.53446 16.8362 4.65069 12 4.65069C7.16383 4.65069 3.24334 8.53446 3.24334 13.3253C3.24334 18.1162 7.16383 22 12 22ZM12 8.74705C12.403 8.74705 12.7297 9.0707 12.7297 9.46994V13.0259L14.9484 15.2238C15.2334 15.5061 15.2334 15.9638 14.9484 16.2461C14.6634 16.5284 14.2014 16.5284 13.9164 16.2461L11.484 13.8365C11.3472 13.7009 11.2703 13.5171 11.2703 13.3253V9.46994C11.2703 9.0707 11.597 8.74705 12 8.74705Z"/><path d="M8.2405 2.33986C8.45409 2.67841 8.3502 3.1244 8.00844 3.33599L4.11657 5.74562C3.77481 5.95722 3.32461 5.8543 3.11102 5.51574C2.89742 5.17718 3.00131 4.7312 3.34307 4.5196L7.23494 2.10998C7.5767 1.89838 8.0269 2.0013 8.2405 2.33986Z"/><path d="M15.7595 2.33985C15.9731 2.0013 16.4233 1.89838 16.7651 2.10998L20.6569 4.5196C20.9987 4.7312 21.1026 5.17719 20.889 5.51574C20.6754 5.8543 20.2252 5.95722 19.8834 5.74562L15.9916 3.33599C15.6498 3.1244 15.5459 2.67841 15.7595 2.33985Z"/></g></svg> </template>
CSS
.icon-alarm-bold {
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%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M12%2022C16.8362%2022%2020.7567%2018.1162%2020.7567%2013.3253C20.7567%208.53446%2016.8362%204.65069%2012%204.65069C7.16383%204.65069%203.24334%208.53446%203.24334%2013.3253C3.24334%2018.1162%207.16383%2022%2012%2022ZM12%208.74705C12.403%208.74705%2012.7297%209.0707%2012.7297%209.46994V13.0259L14.9484%2015.2238C15.2334%2015.5061%2015.2334%2015.9638%2014.9484%2016.2461C14.6634%2016.5284%2014.2014%2016.5284%2013.9164%2016.2461L11.484%2013.8365C11.3472%2013.7009%2011.2703%2013.5171%2011.2703%2013.3253V9.46994C11.2703%209.0707%2011.597%208.74705%2012%208.74705Z%22%2F%3E%3Cpath%20d%3D%22M8.2405%202.33986C8.45409%202.67841%208.3502%203.1244%208.00844%203.33599L4.11657%205.74562C3.77481%205.95722%203.32461%205.8543%203.11102%205.51574C2.89742%205.17718%203.00131%204.7312%203.34307%204.5196L7.23494%202.10998C7.5767%201.89838%208.0269%202.0013%208.2405%202.33986Z%22%2F%3E%3Cpath%20d%3D%22M15.7595%202.33985C15.9731%202.0013%2016.4233%201.89838%2016.7651%202.10998L20.6569%204.5196C20.9987%204.7312%2021.1026%205.17719%2020.889%205.51574C20.6754%205.8543%2020.2252%205.95722%2019.8834%205.74562L15.9916%203.33599C15.6498%203.1244%2015.5459%202.67841%2015.7595%202.33985Z%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%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M12%2022C16.8362%2022%2020.7567%2018.1162%2020.7567%2013.3253C20.7567%208.53446%2016.8362%204.65069%2012%204.65069C7.16383%204.65069%203.24334%208.53446%203.24334%2013.3253C3.24334%2018.1162%207.16383%2022%2012%2022ZM12%208.74705C12.403%208.74705%2012.7297%209.0707%2012.7297%209.46994V13.0259L14.9484%2015.2238C15.2334%2015.5061%2015.2334%2015.9638%2014.9484%2016.2461C14.6634%2016.5284%2014.2014%2016.5284%2013.9164%2016.2461L11.484%2013.8365C11.3472%2013.7009%2011.2703%2013.5171%2011.2703%2013.3253V9.46994C11.2703%209.0707%2011.597%208.74705%2012%208.74705Z%22%2F%3E%3Cpath%20d%3D%22M8.2405%202.33986C8.45409%202.67841%208.3502%203.1244%208.00844%203.33599L4.11657%205.74562C3.77481%205.95722%203.32461%205.8543%203.11102%205.51574C2.89742%205.17718%203.00131%204.7312%203.34307%204.5196L7.23494%202.10998C7.5767%201.89838%208.0269%202.0013%208.2405%202.33986Z%22%2F%3E%3Cpath%20d%3D%22M15.7595%202.33985C15.9731%202.0013%2016.4233%201.89838%2016.7651%202.10998L20.6569%204.5196C20.9987%204.7312%2021.1026%205.17719%2020.889%205.51574C20.6754%205.8543%2020.2252%205.95722%2019.8834%205.74562L15.9916%203.33599C15.6498%203.1244%2015.5459%202.67841%2015.7595%202.33985Z%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-bold.svg?color=%231a73e8&size=48
