Clock Outline Icon SVG
Icon Clock outline SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.
Clock outline Icon Svg Code | Path | Download
Download free Clock Outline SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Clock Outline Icon SVG code in HTML/Css from below.
Clock Outline
Clock outline SVG Icon Code | Customize color
You can get svg icon clock outline in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeClock outline
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>clock</title><g id="Layer_2" data-name="Layer 2"><g id="clock"><g id="clock-2" data-name="clock"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"/><path class="cls-2" d="M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"/><path class="cls-2" d="M16,11H13V8a1,1,0,0,0-2,0v4a1,1,0,0,0,1,1h4a1,1,0,0,0,0-2Z"/></g></g></g></svg> Clock outline
DownloadSvg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>clock</title><g id="Layer_2" data-name="Layer 2"><g id="clock"><g id="clock-2" data-name="clock"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"/><path class="cls-2" d="M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"/><path class="cls-2" d="M16,11H13V8a1,1,0,0,0-2,0v4a1,1,0,0,0,1,1h4a1,1,0,0,0,0-2Z"/></g></g></g></svg> Clock outline
DownloadSvg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>clock</title><g id="Layer_2" data-name="Layer 2"><g id="clock"><g id="clock-2" data-name="clock"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"/><path class="cls-2" d="M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"/><path class="cls-2" d="M16,11H13V8a1,1,0,0,0-2,0v4a1,1,0,0,0,1,1h4a1,1,0,0,0,0-2Z"/></g></g></g></svg> Clock outline
DownloadSvg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>clock</title><g id="Layer_2" data-name="Layer 2"><g id="clock"><g id="clock-2" data-name="clock"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"/><path class="cls-2" d="M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"/><path class="cls-2" d="M16,11H13V8a1,1,0,0,0-2,0v4a1,1,0,0,0,1,1h4a1,1,0,0,0,0-2Z"/></g></g></g></svg> Clock outline
DownloadSvg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>clock</title><g id="Layer_2" data-name="Layer 2"><g id="clock"><g id="clock-2" data-name="clock"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"/><path class="cls-2" d="M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"/><path class="cls-2" d="M16,11H13V8a1,1,0,0,0-2,0v4a1,1,0,0,0,1,1h4a1,1,0,0,0,0-2Z"/></g></g></g></svg> Advance Editor
You can edit clock outline as below. Change size color and background color of icon using below tool.
Advertisements
Clock Outline Icon SVG - Faq(s)?
⭐Can I get Free Clock Outline Icon SVG?Yes, you can get free Clock Outline SVG icons.
⭐ How to download free Clock Outline Icon SVG code?To download free Clock Outline icons in SVG code click on the copy code button.
⭐How to find the Clock Outline Icon SVG path file?You can get the Clock Outline SVG file path from the above section.
⭐ What are the colors available for SVG Clock Outline Icon?You can check the Clock Outline SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements