Eraser Circle アイコン

Q: Eraser Circle アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

reicon:eraser-circle

Eraser Circle アイコン(reicon:eraser-circle)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: テキスト書式
タグ: erasercircle

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M12.888 16.896c-.526.526-.973.974-1.378 1.283c-.432.329-.902.571-1.478.571s-1.046-.242-1.478-.571c-.405-.31-.852-.757-1.379-1.283l-.07-.071c-.527-.527-.975-.974-1.284-1.38c-.329-.43-.571-.901-.571-1.477s.242-1.046.571-1.478c.31-.405.757-.852 1.283-1.378l4.008-4.008c.526-.526.973-.974 1.378-1.283c.432-.329.902-.571 1.478-.571s1.046.242 1.478.571c.405.31.852.757 1.379 1.283l.07.071c.527.527.975.974 1.284 1.38c.329.43.571.901.571 1.477s-.242 1.046-.571 1.478c-.31.405-.757.852-1.283 1.378zM12.137 8.2c.571-.571.948-.946 1.263-1.186c.298-.228.452-.264.568-.264s.27.036.568.264c.315.24.692.615 1.264 1.186c.571.572.946.949 1.186 1.264c.228.298.264.452.264.568s-.036.27-.264.568c-.24.315-.615.692-1.186 1.263l-2.62 2.619l-3.662-3.663zm-3.68 3.68l3.663 3.663l-.257.257c-.571.571-.948.946-1.263 1.186c-.298.228-.452.264-.568.264s-.27-.036-.568-.264c-.315-.24-.692-.615-1.264-1.186c-.571-.572-.946-.949-1.186-1.264c-.228-.298-.264-.452-.264-.568s.036-.27.264-.568c.24-.315.615-.692 1.186-1.263z"/><path d="M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75S22.75 17.937 22.75 12S17.937 1.25 12 1.25M2.75 12a9.25 9.25 0 1 1 18.5 0a9.25 9.25 0 0 1-18.5 0"/></g></svg>

Eraser Circle アイコンの使い方

React

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

<Icon icon="reicon:eraser-circle" width="24" />

Vue

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

<template>
  <Icon icon="reicon:eraser-circle" width="24" />
</template>

Svelte

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

<Icon icon="reicon:eraser-circle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--eraser-circle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:eraser-circle"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:eraser-circle"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/eraser-circle.svg" alt="Eraser Circle アイコン" width="24" height="24">

Reicon の関連アイコン

他のアイコンセットの Eraser Circle アイコン

Eraser Circle アイコンのよくある質問

Eraser Circle アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Eraser Circle アイコンを使うには?

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

Eraser Circle アイコンをウェブページに追加するには?

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

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