Alarm_add Icon SVG
Alarm_add
Alarm_add SVG Icon Code | Customize color
You can get svg icon alarm_add in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C7.05667 21.9348 3.06515 17.9433 2.99999 13C3.06515 8.05668 7.05667 4.06516 12 4C16.9433 4.06516 20.9348 8.05668 21 13C20.9348 17.9433 16.9433 21.9348 12 22ZM12 6C8.15516 6.05062 5.05061 9.15517 4.99999 13C5.05061 16.8448 8.15516 19.9494 12 20C15.8448 19.9494 18.9494 16.8448 19 13C18.9494 9.15517 15.8448 6.05062 12 6ZM13 18H11V14H6.99999V12H11V8H13V12H17V14H13V18ZM20.292 6.708L17.283 3.708L18.692 2.291L21.702 5.291L20.292 6.707V6.708ZM3.70899 6.708L2.29199 5.291L5.28299 2.291L6.69799 3.707L3.70899 6.707V6.708Z" fill="black"/> </svg> Svg Code
<svg style="color: white" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C7.05667 21.9348 3.06515 17.9433 2.99999 13C3.06515 8.05668 7.05667 4.06516 12 4C16.9433 4.06516 20.9348 8.05668 21 13C20.9348 17.9433 16.9433 21.9348 12 22ZM12 6C8.15516 6.05062 5.05061 9.15517 4.99999 13C5.05061 16.8448 8.15516 19.9494 12 20C15.8448 19.9494 18.9494 16.8448 19 13C18.9494 9.15517 15.8448 6.05062 12 6ZM13 18H11V14H6.99999V12H11V8H13V12H17V14H13V18ZM20.292 6.708L17.283 3.708L18.692 2.291L21.702 5.291L20.292 6.707V6.708ZM3.70899 6.708L2.29199 5.291L5.28299 2.291L6.69799 3.707L3.70899 6.707V6.708Z" fill="white"></path> </svg> Svg Code
<svg style="color: red" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C7.05667 21.9348 3.06515 17.9433 2.99999 13C3.06515 8.05668 7.05667 4.06516 12 4C16.9433 4.06516 20.9348 8.05668 21 13C20.9348 17.9433 16.9433 21.9348 12 22ZM12 6C8.15516 6.05062 5.05061 9.15517 4.99999 13C5.05061 16.8448 8.15516 19.9494 12 20C15.8448 19.9494 18.9494 16.8448 19 13C18.9494 9.15517 15.8448 6.05062 12 6ZM13 18H11V14H6.99999V12H11V8H13V12H17V14H13V18ZM20.292 6.708L17.283 3.708L18.692 2.291L21.702 5.291L20.292 6.707V6.708ZM3.70899 6.708L2.29199 5.291L5.28299 2.291L6.69799 3.707L3.70899 6.707V6.708Z" fill="red"></path> </svg> Svg Code
<svg style="color: blue" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C7.05667 21.9348 3.06515 17.9433 2.99999 13C3.06515 8.05668 7.05667 4.06516 12 4C16.9433 4.06516 20.9348 8.05668 21 13C20.9348 17.9433 16.9433 21.9348 12 22ZM12 6C8.15516 6.05062 5.05061 9.15517 4.99999 13C5.05061 16.8448 8.15516 19.9494 12 20C15.8448 19.9494 18.9494 16.8448 19 13C18.9494 9.15517 15.8448 6.05062 12 6ZM13 18H11V14H6.99999V12H11V8H13V12H17V14H13V18ZM20.292 6.708L17.283 3.708L18.692 2.291L21.702 5.291L20.292 6.707V6.708ZM3.70899 6.708L2.29199 5.291L5.28299 2.291L6.69799 3.707L3.70899 6.707V6.708Z" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C7.05667 21.9348 3.06515 17.9433 2.99999 13C3.06515 8.05668 7.05667 4.06516 12 4C16.9433 4.06516 20.9348 8.05668 21 13C20.9348 17.9433 16.9433 21.9348 12 22ZM12 6C8.15516 6.05062 5.05061 9.15517 4.99999 13C5.05061 16.8448 8.15516 19.9494 12 20C15.8448 19.9494 18.9494 16.8448 19 13C18.9494 9.15517 15.8448 6.05062 12 6ZM13 18H11V14H6.99999V12H11V8H13V12H17V14H13V18ZM20.292 6.708L17.283 3.708L18.692 2.291L21.702 5.291L20.292 6.707V6.708ZM3.70899 6.708L2.29199 5.291L5.28299 2.291L6.69799 3.707L3.70899 6.707V6.708Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit alarm_add as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements