Eraser Circle Bold アイコン
solar:eraser-circle-bold
Eraser Circle Bold アイコン(solar:eraser-circle-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
- カテゴリ
- テキスト書式
- タグ
- erasercircle、circlebold、erasercirclebold
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 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM11.6064 7.67004C12.7197 6.55668 13.2764 6 13.9682 6C14.6599 6 15.2166 6.55668 16.33 7.67004C17.4433 8.7834 18 9.34008 18 10.0318C18 10.7236 17.4433 11.2803 16.33 12.3936L13.7114 15.0122L8.98781 10.2886L11.6064 7.67004ZM7.92715 11.3493L12.6507 16.0729L12.3936 16.33C11.2803 17.4433 10.7236 18 10.0318 18C9.34008 18 8.7834 17.4433 7.67004 16.33C6.55668 15.2166 6 14.6599 6 13.9682C6 13.2764 6.55668 12.7197 7.67004 11.6064L7.92715 11.3493Z" clip-rule="evenodd"/></svg>Eraser Circle Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:eraser-circle-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:eraser-circle-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:eraser-circle-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--eraser-circle-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:eraser-circle-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:eraser-circle-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/eraser-circle-bold.svg" alt="Eraser Circle Bold アイコン" width="24" height="24">Solar の関連アイコン
eraser-bold
eraser-bold-duotone
eraser-broken
eraser-circle-bold-duotone
eraser-circle-broken
eraser-circle-line-duotone
eraser-circle-linear
eraser-circle-outline
eraser-line-duotone
eraser-linear
eraser-outline
eraser-square-bold
eraser-square-bold-duotone
eraser-square-broken
eraser-square-line-duotone
eraser-square-linear
eraser-square-outline
Eraser Circle Bold アイコン のよくある質問
Eraser Circle Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Eraser Circle Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:eraser-circle-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Eraser Circle Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/eraser-circle-bold.svg" alt="Eraser Circle Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。