Clock Alt icon
vs:clock-alt
The Clock Alt icon (vs:clock-alt) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1536 × 1536 grid. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 1536 × 1536
- Tags
- clockalt
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1536" height="1536" viewBox="0 0 1536 1536"><path fill="currentColor" d="M768 416q26 0 45 19t19 45v192l266 207q22 20 22 49q0 26-19 45t-45 19t-44-18L733 758q-29-19-29-54V480q0-26 19-45t45-19m0-416Q559 0 382.5 103T103 382.5T0 768t103 385.5T382.5 1433T768 1536t385.5-103t279.5-279.5T1536 768t-103-385.5T1153.5 103T768 0m0 224q148 0 273 73t198 198t73 273t-73 273t-198 198t-273 73t-273.5-73t-198-198T224 768t72.5-273t198-198T768 224"/></svg>How to use the Clock Alt icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:clock-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:clock-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:clock-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--clock-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:clock-alt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:clock-alt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/clock-alt.svg" alt="Clock Alt icon" width="24" height="24">Related icons in Vesper Icons
Clock Alt icon in other icon sets
Clock Alt icon FAQ
Is the Clock Alt icon free for commercial use?
Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Clock Alt icon in React?
Install @iconify/react and render <Icon icon="vs:clock-alt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Clock Alt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/clock-alt.svg" alt="Clock Alt icon">, or paste the SVG code inline to style it with CSS.