Check Read Bold アイコン
solar:check-read-bold
Check Read Bold アイコン(solar:check-read-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
- カテゴリ
- メッセージ
- タグ
- checkread、readbold、checkreadbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22ZM14.4743 8.419C14.7952 8.68094 14.8429 9.15341 14.581 9.47428L8.86671 16.4743C8.72427 16.6488 8.51096 16.75 8.28571 16.75C8.06047 16.75 7.84716 16.6488 7.70472 16.4743L5.419 13.6743C5.15707 13.3534 5.20484 12.8809 5.52572 12.619C5.84659 12.3571 6.31906 12.4048 6.581 12.7257L8.28571 14.814L13.419 8.52572C13.6809 8.20484 14.1534 8.15707 14.4743 8.419ZM18.4743 8.41901C18.7952 8.68095 18.8429 9.15342 18.581 9.47429L12.8665 16.4743C12.7152 16.6596 12.4846 16.7617 12.2457 16.7489C12.0068 16.7362 11.7883 16.6103 11.6575 16.4099L11.3719 15.9724C11.1455 15.6256 11.2432 15.1608 11.5901 14.9344C11.7939 14.8014 12.0384 14.7803 12.2514 14.8558L17.419 8.52571C17.681 8.20484 18.1534 8.15707 18.4743 8.41901Z" clip-rule="evenodd"/></svg>Check Read Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:check-read-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:check-read-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:check-read-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--check-read-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:check-read-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:check-read-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/check-read-bold.svg" alt="Check Read Bold アイコン" width="24" height="24">Solar の関連アイコン
check-bold
check-bold-duotone
check-broken
check-circle-bold
check-circle-bold-duotone
check-circle-broken
check-circle-line-duotone
check-circle-linear
check-circle-outline
check-line-duotone
check-linear
check-outline
check-read-bold-duotone
check-read-broken
check-read-line-duotone
check-read-linear
check-read-outline
check-square-bold
check-square-bold-duotone
check-square-broken
check-square-line-duotone
check-square-linear
check-square-outline
checklist-bold
Check Read Bold アイコン のよくある質問
Check Read Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Check Read Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:check-read-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Check Read Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/check-read-bold.svg" alt="Check Read Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。