Clipboard Clock Bold icon

solar:clipboard-clock-bold

The Clipboard Clock Bold icon (solar:clipboard-clock-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Notes
Tags: clipboardclock, clockbold, clipboardclockbold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M12 9.75293C14.3472 9.75293 16.25 11.6557 16.25 14.0029C16.25 16.3501 14.3472 18.2529 12 18.2529C9.65279 18.2529 7.75 16.3501 7.75 14.0029C7.75 11.6557 9.65279 9.75293 12 9.75293ZM12 11.2529C11.5858 11.2529 11.25 11.5887 11.25 12.0029V13.8486C11.25 14.029 11.3155 14.2035 11.4336 14.3398L12.4336 15.4941C12.7049 15.807 13.1783 15.8406 13.4912 15.5693C13.8041 15.298 13.8376 14.8247 13.5664 14.5117L12.75 13.5693V12.0029C12.75 11.5887 12.4142 11.2529 12 11.2529Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M17.5 4.03613C18.7578 4.1067 19.5518 4.30773 20.1211 4.87695C20.9998 5.75561 21 7.16976 21 9.99805V15.998C21 18.8264 20.9997 20.2405 20.1211 21.1191C19.2424 21.9978 17.8284 21.998 15 21.998H9C6.17157 21.998 4.75759 21.9978 3.87891 21.1191C3.00033 20.2405 3 18.8264 3 15.998V9.99805C3 7.16976 3.00025 5.75561 3.87891 4.87695C4.4482 4.30773 5.24217 4.1067 6.5 4.03613V4.5C6.5 6.15685 7.84315 7.5 9.5 7.5H14.5C16.1569 7.5 17.5 6.15685 17.5 4.5V4.03613ZM12 8.25293C8.82436 8.25293 6.25 10.8273 6.25 14.0029C6.25 17.1786 8.82436 19.7529 12 19.7529C15.1756 19.7529 17.75 17.1786 17.75 14.0029C17.75 10.8273 15.1756 8.25293 12 8.25293Z" clip-rule="evenodd"/><path d="M14.5 2C15.3284 2 16 2.67157 16 3.5V4.5C16 5.32843 15.3284 6 14.5 6H9.5C8.67157 6 8 5.32843 8 4.5V3.5C8 2.67157 8.67157 2 9.5 2H14.5Z"/></g></svg>

How to use the Clipboard Clock Bold icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:clipboard-clock-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:clipboard-clock-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:clipboard-clock-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--clipboard-clock-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:clipboard-clock-bold"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:clipboard-clock-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/clipboard-clock-bold.svg" alt="Clipboard Clock Bold icon" width="24" height="24">

Related icons in Solar

Clipboard Clock Bold icon FAQ

Is the Clipboard Clock Bold icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Clipboard Clock Bold icon in React?

Install @iconify/react and render <Icon icon="solar:clipboard-clock-bold" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Clipboard Clock Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/clipboard-clock-bold.svg" alt="Clipboard Clock Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →