alarm clock check icon
alarm-clock-check-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- alarm-clock-check-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
Use the alarm clock check 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-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M12 4C16.9706 4 21 8.0294 21 13C21 17.9706 16.9706 22 12 22C7.0294 22 3 17.9706 3 13C3 8.0294 7.0294 4 12 4ZM8.4546 14.2628L10.6543 16.5255C10.8426 16.7191 11.1012 16.8284 11.3713 16.8284C11.7197 16.8284 12.0429 16.6471 12.2246 16.3499L15.6817 10.6931C15.7776 10.5361 15.8284 10.3556 15.8284 10.1716C15.8284 9.6193 15.3807 9.1716 14.8284 9.1716C14.48 9.1716 14.1568 9.3529 13.9751 9.6501L11.1901 14.2073L9.8886 12.8687C9.7003 12.675 9.4417 12.5657 9.1716 12.5657C8.6193 12.5657 8.1716 13.0134 8.1716 13.5657C8.1716 13.8261 8.2731 14.0761 8.4546 14.2628Z" clip-rule="evenodd" stroke="none"/><path d="M3 5.0627C4.1606 3.7467 5.5957 2.7013 7.2042 2M21 5.0627C19.8394 3.7467 18.4043 2.7013 16.7958 2M8 19.9282L6.8038 22M16 19.9282L17.1962 22"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsAlarmClockCheckFill(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillRule="evenodd" d="M12 4C16.9706 4 21 8.0294 21 13C21 17.9706 16.9706 22 12 22C7.0294 22 3 17.9706 3 13C3 8.0294 7.0294 4 12 4ZM8.4546 14.2628L10.6543 16.5255C10.8426 16.7191 11.1012 16.8284 11.3713 16.8284C11.7197 16.8284 12.0429 16.6471 12.2246 16.3499L15.6817 10.6931C15.7776 10.5361 15.8284 10.3556 15.8284 10.1716C15.8284 9.6193 15.3807 9.1716 14.8284 9.1716C14.48 9.1716 14.1568 9.3529 13.9751 9.6501L11.1901 14.2073L9.8886 12.8687C9.7003 12.675 9.4417 12.5657 9.1716 12.5657C8.6193 12.5657 8.1716 13.0134 8.1716 13.5657C8.1716 13.8261 8.2731 14.0761 8.4546 14.2628Z" clipRule="evenodd" stroke="none"/><path d="M3 5.0627C4.1606 3.7467 5.5957 2.7013 7.2042 2M21 5.0627C19.8394 3.7467 18.4043 2.7013 16.7958 2M8 19.9282L6.8038 22M16 19.9282L17.1962 22"/></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-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M12 4C16.9706 4 21 8.0294 21 13C21 17.9706 16.9706 22 12 22C7.0294 22 3 17.9706 3 13C3 8.0294 7.0294 4 12 4ZM8.4546 14.2628L10.6543 16.5255C10.8426 16.7191 11.1012 16.8284 11.3713 16.8284C11.7197 16.8284 12.0429 16.6471 12.2246 16.3499L15.6817 10.6931C15.7776 10.5361 15.8284 10.3556 15.8284 10.1716C15.8284 9.6193 15.3807 9.1716 14.8284 9.1716C14.48 9.1716 14.1568 9.3529 13.9751 9.6501L11.1901 14.2073L9.8886 12.8687C9.7003 12.675 9.4417 12.5657 9.1716 12.5657C8.6193 12.5657 8.1716 13.0134 8.1716 13.5657C8.1716 13.8261 8.2731 14.0761 8.4546 14.2628Z" clip-rule="evenodd" stroke="none"/><path d="M3 5.0627C4.1606 3.7467 5.5957 2.7013 7.2042 2M21 5.0627C19.8394 3.7467 18.4043 2.7013 16.7958 2M8 19.9282L6.8038 22M16 19.9282L17.1962 22"/></g></svg> </template>
CSS
.icon-alarm-clock-check-fill {
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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%204C16.9706%204%2021%208.0294%2021%2013C21%2017.9706%2016.9706%2022%2012%2022C7.0294%2022%203%2017.9706%203%2013C3%208.0294%207.0294%204%2012%204ZM8.4546%2014.2628L10.6543%2016.5255C10.8426%2016.7191%2011.1012%2016.8284%2011.3713%2016.8284C11.7197%2016.8284%2012.0429%2016.6471%2012.2246%2016.3499L15.6817%2010.6931C15.7776%2010.5361%2015.8284%2010.3556%2015.8284%2010.1716C15.8284%209.6193%2015.3807%209.1716%2014.8284%209.1716C14.48%209.1716%2014.1568%209.3529%2013.9751%209.6501L11.1901%2014.2073L9.8886%2012.8687C9.7003%2012.675%209.4417%2012.5657%209.1716%2012.5657C8.6193%2012.5657%208.1716%2013.0134%208.1716%2013.5657C8.1716%2013.8261%208.2731%2014.0761%208.4546%2014.2628Z%22%20clip-rule%3D%22evenodd%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M3%205.0627C4.1606%203.7467%205.5957%202.7013%207.2042%202M21%205.0627C19.8394%203.7467%2018.4043%202.7013%2016.7958%202M8%2019.9282L6.8038%2022M16%2019.9282L17.1962%2022%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%204C16.9706%204%2021%208.0294%2021%2013C21%2017.9706%2016.9706%2022%2012%2022C7.0294%2022%203%2017.9706%203%2013C3%208.0294%207.0294%204%2012%204ZM8.4546%2014.2628L10.6543%2016.5255C10.8426%2016.7191%2011.1012%2016.8284%2011.3713%2016.8284C11.7197%2016.8284%2012.0429%2016.6471%2012.2246%2016.3499L15.6817%2010.6931C15.7776%2010.5361%2015.8284%2010.3556%2015.8284%2010.1716C15.8284%209.6193%2015.3807%209.1716%2014.8284%209.1716C14.48%209.1716%2014.1568%209.3529%2013.9751%209.6501L11.1901%2014.2073L9.8886%2012.8687C9.7003%2012.675%209.4417%2012.5657%209.1716%2012.5657C8.6193%2012.5657%208.1716%2013.0134%208.1716%2013.5657C8.1716%2013.8261%208.2731%2014.0761%208.4546%2014.2628Z%22%20clip-rule%3D%22evenodd%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M3%205.0627C4.1606%203.7467%205.5957%202.7013%207.2042%202M21%205.0627C19.8394%203.7467%2018.4043%202.7013%2016.7958%202M8%2019.9282L6.8038%2022M16%2019.9282L17.1962%2022%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/alarm-clock-check-fill.svg?color=%231a73e8&size=48
