ICONYZ
日本語
Energy Icons の Strikethrough 20 アイコン

Strikethrough 20 アイコン

energy-icons:strikethrough-20

Strikethrough 20 アイコン(energy-icons:strikethrough-20)は、Energy Icons セットの無料 SVG アイコンです(作者: Sam Passmore)。 20 × 20 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Energy Icons
作者
Sam Passmore
ライセンス
MIT
サイズ
20 × 20
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M13.667 13.333c0-.675-.201-1.16-.541-1.536a.5.5 0 0 1 .741-.672c.522.577.8 1.31.8 2.208c0 1.19-.482 2.17-1.337 2.842c-.841.66-2.003.992-3.33.992c-2.203 0-4.118-.892-4.843-2.824a.5.5 0 0 1 .936-.352c.525 1.4 1.944 2.176 3.907 2.176c1.173 0 2.095-.294 2.712-.778c.604-.475.955-1.161.955-2.056M5.333 6.667c0-1.19.482-2.17 1.337-2.842c.841-.66 2.003-.992 3.33-.992c2.142 0 3.916.908 4.635 2.824a.5.5 0 0 1-.936.352C13.17 4.593 11.858 3.833 10 3.833c-1.173 0-2.095.293-2.712.778c-.604.475-.955 1.161-.955 2.056c0 .675.201 1.16.541 1.536a.5.5 0 0 1-.741.672c-.522-.577-.8-1.31-.8-2.208M17.5 9.5a.5.5 0 0 1 0 1h-15a.5.5 0 0 1 0-1z"/></svg>

Strikethrough 20 アイコンの使い方

React

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

<Icon icon="energy-icons:strikethrough-20" width="24" />

Vue

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

<template>
  <Icon icon="energy-icons:strikethrough-20" width="24" />
</template>

Svelte

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

<Icon icon="energy-icons:strikethrough-20" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--strikethrough-20]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:strikethrough-20"></div>

Web コンポーネント

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

<iconify-icon icon="energy-icons:strikethrough-20"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/energy-icons/strikethrough-20.svg" alt="Strikethrough 20 アイコン" width="24" height="24">

Energy Icons の関連アイコン

Strikethrough 20 アイコン のよくある質問

Strikethrough 20 アイコンは商用利用でも無料ですか?

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

React で Strikethrough 20 アイコンを使うには?

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

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

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

Energy Icons をすべて見る →