ICONYZ
日本語
Solar の Clipboard Clock Bold アイコン

Clipboard Clock Bold アイコン

solar:clipboard-clock-bold

Clipboard Clock Bold アイコン(solar:clipboard-clock-bold)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Solar
作者
480 Design
ライセンス
CC-BY-4.0
サイズ
24 × 24
カテゴリ
メモ
タグ
clipboardclock、clockbold、clipboardclockbold
SVG をダウンロード

SVG コード

<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>

Clipboard Clock Bold アイコンの使い方

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 コンポーネント

<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 画像

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

Solar の関連アイコン

Clipboard Clock Bold アイコン のよくある質問

Clipboard Clock Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Clipboard Clock Bold アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:clipboard-clock-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Clipboard Clock Bold アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/clipboard-clock-bold.svg" alt="Clipboard Clock Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコン をすべて見る →