Pause アイコン

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

はい。FontAudio icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

fad:pause

Pause アイコン(fad:pause)は、FontAudio セットの無料 SVG アイコンです（作者: @fefanto）。 256 × 256 のグリッドで描かれています。 FontAudio icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: FontAudio
作者: @fefanto
ライセンス: CC-BY-4.0
サイズ: 256 × 256

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" fill-rule="evenodd" d="M46.677 64.652c0-9.362 7.132-17.387 16.447-17.394s24.677.007 34.55.007c9.875 0 17.138 7.594 17.138 16.998s-.083 119.094-.083 127.82s-7.58 16.895-16.554 16.837c-8.975-.058-25.349.115-34.963.058c-9.614-.058-16.646-7.74-16.646-17.254s.11-117.71.11-127.072zm14.759.818s-.09 118.144-.09 123.691s3.124 5.315 6.481 5.832c3.358.518 21.454.47 24.402.47c2.947 0 7.085-1.658 7.167-6.14c.08-4.483-.082-119.507-.082-123.249s-4.299-4.264-7.085-4.66c-2.787-.395-25.796 0-25.796 0zm76.664-.793c.027-9.804 7.518-17.541 17.125-17.689s25.283.148 35.004.148s17.397 8.52 17.397 17.77s-.178 117.809-.178 127s-7.664 17.12-16.323 17.072c-8.66-.05-26.354 0-34.991.048c-8.638.05-17.98-8.582-18.007-17.783s-.055-116.763-.027-126.566m16.917.554s-.089 118.145-.089 123.692s3.123 5.314 6.48 5.832c3.359.518 21.455.47 24.402.47s7.086-1.659 7.167-6.141s-.08-119.506-.08-123.248s-4.3-4.265-7.087-4.66s-25.796 0-25.796 0z"/></svg>

Pause アイコンの使い方

React

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

<Icon icon="fad:pause" width="24" />

Vue

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

<template>
  <Icon icon="fad:pause" width="24" />
</template>

Svelte

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

<Icon icon="fad:pause" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fad--pause]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fad -->
<div class="i-fad:pause"></div>

Web コンポーネント

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

<iconify-icon icon="fad:pause"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fad/pause.svg" alt="Pause アイコン" width="24" height="24">

他のアイコンセットの Pause アイコン

Pause アイコンのよくある質問

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

はい。FontAudio icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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