Editor Strikethrough アイコン

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

はい。Dashicons は GPL ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

dashicons:editor-strikethrough

Editor Strikethrough アイコン(dashicons:editor-strikethrough)は、Dashicons セットの無料 SVG アイコンです（作者: WordPress）。 20 × 20 のグリッドで描かれています。 Dashicons は GPL ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Dashicons
作者: WordPress
ライセンス: GPL-2.0-or-later
サイズ: 20 × 20
タグ: editorstrikethrough

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M15.82 12.25c.26 0 .5-.02.74-.07c.23-.05.48-.12.73-.2v.84c-.46.17-.99.26-1.58.26c-.88 0-1.54-.26-2.01-.79c-.39-.44-.62-1.04-.68-1.79h-.94c.12.21.18.48.18.79c0 .54-.18.95-.55 1.26q-.57.45-1.56.45H8v-2.5H6.59l.93 2.5H6.49l-.59-1.67H3.62L3.04 13H2l.93-2.5H2v-1h1.31l.93-2.49H5.3l.92 2.49H8V7h1.77c1 0 1.41.17 1.77.41c.37.24.55.62.55 1.13q0 .525-.27.87l-.08.09h1.29c.05-.4.15-.77.31-1.1c.23-.46.55-.82.98-1.06c.43-.25.93-.37 1.51-.37c.61 0 1.17.12 1.69.38l-.35.81c-.2-.1-.42-.18-.64-.25s-.46-.11-.71-.11c-.55 0-.99.2-1.31.59c-.23.29-.38.66-.44 1.11H17v1h-2.95c.06.5.2.9.44 1.19c.3.37.75.56 1.33.56M4.44 8.96l-.18.54H5.3l-.22-.61c-.04-.11-.09-.28-.17-.51c-.07-.24-.12-.41-.14-.51c-.08.33-.18.69-.33 1.09m4.53-1.09V9.5h1.19c.28-.02.49-.09.64-.18c.19-.13.28-.35.28-.66c0-.28-.1-.48-.3-.61c-.2-.12-.53-.18-.97-.18zm-3.33 2.64v-.01H3.91v.01zm5.28.01l-.03-.02H8.97v1.68h1.04c.4 0 .71-.08.92-.23c.21-.16.31-.4.31-.74c0-.31-.11-.54-.32-.69"/></svg>

Editor Strikethrough アイコンの使い方

React

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

<Icon icon="dashicons:editor-strikethrough" width="24" />

Vue

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

<template>
  <Icon icon="dashicons:editor-strikethrough" width="24" />
</template>

Svelte

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

<Icon icon="dashicons:editor-strikethrough" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[dashicons--editor-strikethrough]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="dashicons:editor-strikethrough"></iconify-icon>

HTML 画像

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

Dashicons の関連アイコン

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

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

はい。Dashicons は GPL ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

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

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

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

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

Dashicons をすべて見る →