Cil Alarm Icon SVG
Alarm SVG Icons refers to a clock designed to alert a person or group of people at a specific time. The main function of these watches is to wake people up from their night sleep or short naps.
Cil alarm SVG Icon Code | Customize color
You can get svg icon cil alarm in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M256,80C141.125,80,48,173.125,48,288s93.125,208,208,208,208-93.125,208-208S370.875,80,256,80ZM380.451,412.451A176,176,0,1,1,432,288,174.849,174.849,0,0,1,380.451,412.451Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="272 160 240 160 240 295.69 326.005 364.494 345.995 339.506 272 280.31 272 160" class="ci-primary"/> <rect width="184.174" height="32.001" x="15.913" y="60" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-34.38 108.002 76)"/> <rect width="32.001" height="184.174" x="388" y="-16.087" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-55.619 404.003 76)"/> </svg> Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="white" d="M256,80C141.125,80,48,173.125,48,288s93.125,208,208,208,208-93.125,208-208S370.875,80,256,80ZM380.451,412.451A176,176,0,1,1,432,288,174.849,174.849,0,0,1,380.451,412.451Z" class="ci-primary"></path> <polygon fill="var(--ci-primary-color, currentColor)" points="272 160 240 160 240 295.69 326.005 364.494 345.995 339.506 272 280.31 272 160" class="ci-primary"></polygon> <rect width="184.174" height="32.001" x="15.913" y="60" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-34.38 108.002 76)"></rect> <rect width="32.001" height="184.174" x="388" y="-16.087" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-55.619 404.003 76)"></rect> </svg> Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="red" d="M256,80C141.125,80,48,173.125,48,288s93.125,208,208,208,208-93.125,208-208S370.875,80,256,80ZM380.451,412.451A176,176,0,1,1,432,288,174.849,174.849,0,0,1,380.451,412.451Z" class="ci-primary"></path> <polygon fill="var(--ci-primary-color, currentColor)" points="272 160 240 160 240 295.69 326.005 364.494 345.995 339.506 272 280.31 272 160" class="ci-primary"></polygon> <rect width="184.174" height="32.001" x="15.913" y="60" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-34.38 108.002 76)"></rect> <rect width="32.001" height="184.174" x="388" y="-16.087" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-55.619 404.003 76)"></rect> </svg> Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="blue" d="M256,80C141.125,80,48,173.125,48,288s93.125,208,208,208,208-93.125,208-208S370.875,80,256,80ZM380.451,412.451A176,176,0,1,1,432,288,174.849,174.849,0,0,1,380.451,412.451Z" class="ci-primary"></path> <polygon fill="var(--ci-primary-color, currentColor)" points="272 160 240 160 240 295.69 326.005 364.494 345.995 339.506 272 280.31 272 160" class="ci-primary"></polygon> <rect width="184.174" height="32.001" x="15.913" y="60" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-34.38 108.002 76)"></rect> <rect width="32.001" height="184.174" x="388" y="-16.087" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-55.619 404.003 76)"></rect> </svg> Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="#f3da35" d="M256,80C141.125,80,48,173.125,48,288s93.125,208,208,208,208-93.125,208-208S370.875,80,256,80ZM380.451,412.451A176,176,0,1,1,432,288,174.849,174.849,0,0,1,380.451,412.451Z" class="ci-primary"></path> <polygon fill="var(--ci-primary-color, currentColor)" points="272 160 240 160 240 295.69 326.005 364.494 345.995 339.506 272 280.31 272 160" class="ci-primary"></polygon> <rect width="184.174" height="32.001" x="15.913" y="60" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-34.38 108.002 76)"></rect> <rect width="32.001" height="184.174" x="388" y="-16.087" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-55.619 404.003 76)"></rect> </svg> Advance Editor
You can edit cil alarm as below. Change size color and background color of icon using below tool.
Tags
anxiety,apprehension,consternation,dismay,dread,horror,nervousness,panic,scare,tension,terror,trepidation,unease,uneasiness,distress,fright,strain,stress,cold feet
Advertisements
Advertisements