Clipboard Check Bold アイコン
solar:clipboard-check-bold
Clipboard Check Bold アイコン(solar:clipboard-check-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
- カテゴリ
- メモ
- タグ
- clipboardcheck、checkbold、clipboardcheckbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.5 2C8.67157 2 8 2.67157 8 3.5V4.5C8 5.32843 8.67157 6 9.5 6H14.5C15.3284 6 16 5.32843 16 4.5V3.5C16 2.67157 15.3284 2 14.5 2H9.5Z"/><path fill-rule="evenodd" d="M6.5 4.03662C5.24209 4.10719 4.44798 4.30764 3.87868 4.87694C3 5.75562 3 7.16983 3 9.99826V15.9983C3 18.8267 3 20.2409 3.87868 21.1196C4.75736 21.9983 6.17157 21.9983 9 21.9983H15C17.8284 21.9983 19.2426 21.9983 20.1213 21.1196C21 20.2409 21 18.8267 21 15.9983V9.99826C21 7.16983 21 5.75562 20.1213 4.87694C19.552 4.30764 18.7579 4.10719 17.5 4.03662V4.5C17.5 6.15685 16.1569 7.5 14.5 7.5H9.5C7.84315 7.5 6.5 6.15685 6.5 4.5V4.03662ZM15.5117 12.5483C15.8146 12.2657 15.8309 11.7911 15.5483 11.4883C15.2657 11.1855 14.7911 11.1691 14.4883 11.4517L10.7143 14.9741L9.51174 13.8517C9.20893 13.5691 8.73434 13.5855 8.45171 13.8883C8.16909 14.1911 8.18545 14.6657 8.48826 14.9483L10.2025 16.5483C10.4907 16.8172 10.9379 16.8172 11.226 16.5483L15.5117 12.5483Z" clip-rule="evenodd"/></g></svg>Clipboard Check Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:clipboard-check-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:clipboard-check-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:clipboard-check-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--clipboard-check-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:clipboard-check-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:clipboard-check-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/clipboard-check-bold.svg" alt="Clipboard Check Bold アイコン" width="24" height="24">Solar の関連アイコン
clipboard-add-bold
clipboard-add-bold-duotone
clipboard-add-broken
clipboard-add-line-duotone
clipboard-add-linear
clipboard-add-outline
clipboard-bold
clipboard-bold-duotone
clipboard-broken
clipboard-check-bold-duotone
clipboard-check-broken
clipboard-check-line-duotone
clipboard-check-linear
clipboard-check-outline
clipboard-clock-bold
clipboard-clock-bold-duotone
clipboard-clock-broken
clipboard-clock-line-duotone
clipboard-clock-linear
clipboard-clock-outline
clipboard-copy-bold
clipboard-copy-bold-duotone
clipboard-copy-broken
clipboard-copy-line-duotone
Clipboard Check Bold アイコン のよくある質問
Clipboard Check Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Clipboard Check Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:clipboard-check-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Clipboard Check Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/clipboard-check-bold.svg" alt="Clipboard Check Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。