Word Count アイコン
wordpress:word-count
Word Count アイコン(wordpress:word-count)は、WordPress Icons セットの無料 SVG アイコンです（作者: The WordPress Contributors）。 24 × 24 のグリッドで描かれています。 WordPress Icons は GPL ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- WordPress Icons
- 作者
- The WordPress Contributors
- ライセンス
- GPL-2.0-or-later
- サイズ
- 24 × 24
- タグ
- wordcount
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="m6.283 7.75l-.19 2.182m0 0l-.316 3.636m.316-3.636H3.848m2.245 0H9.57m-3.794 3.636l-.19 2.182m.19-2.182H3.5m2.277 0h3.478M9.76 7.75l-.19 2.182m0 0l-.316 3.636m.316-3.636h1.93m-2.245 3.636l-.19 2.182m.19-2.182h1.897M19 7.75v5.289c0 1.235.182 1.961 1.5 1.961M19 11.294c0-2.059-1.177-2.882-2.618-2.882c-1.592 0-2.882 1.235-2.882 3.294S14.79 15 16.382 15C17.56 15 19 13.765 19 12.118"/></svg>Word Count アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="wordpress:word-count" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wordpress:word-count" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wordpress:word-count" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wordpress--word-count]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wordpress -->
<div class="i-wordpress:word-count"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wordpress:word-count"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/wordpress/word-count.svg" alt="Word Count アイコン" width="24" height="24">WordPress Icons の関連アイコン
他のアイコンセットの Word Count アイコン
Word Count アイコン のよくある質問
Word Count アイコンは商用利用でも無料ですか?
はい。WordPress Icons は GPL ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。
React で Word Count アイコンを使うには?
@iconify/react をインストールして <Icon icon="wordpress:word-count" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Word Count アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/wordpress/word-count.svg" alt="Word Count アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。