ICONYZ
日本語
Fontisto の Pingdom アイコン

Pingdom アイコン

fontisto:pingdom

Pingdom アイコン(fontisto:pingdom)は、Fontisto セットの無料 SVG アイコンです(作者: Kenan Gündoğan)。 30 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Fontisto
作者
Kenan Gündoğan
ライセンス
MIT
サイズ
30 × 24
カテゴリ
ブランド
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="24" viewBox="0 0 30 24"><path fill="currentColor" d="m14.874 19.213l9.898-4.228L16.005 24a17.9 17.9 0 0 0-1.174-4.902l.042.121zm14.974-8.31a55 55 0 0 0-19.153 2.494l.39-.106a18.1 18.1 0 0 1 3.105 4.399l.047.104c5.027-2.798 11.996-6.371 15.61-6.879zm-15.638.342l.257-.075a49 49 0 0 0 5.943-2.186l-.318.126a20.6 20.6 0 0 0 5.217-2.978l-.045.034a11.26 11.26 0 0 0 3.601-5.048l.024-.079c.139-.299.253-.647.327-1.01l.005-.031C26.704 3.43 16.734 3.79 16.734 3.79l2.351-2.156A32.7 32.7 0 0 0-.095 7.892L0 7.826c3.93.43 7.413 2.07 10.138 4.533l-.016-.014c1.351-.418 2.736-.716 4.087-1.093v-.007z"/></svg>

Pingdom アイコンの使い方

React

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

<Icon icon="fontisto:pingdom" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:pingdom" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:pingdom" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fontisto:pingdom"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fontisto/pingdom.svg" alt="Pingdom アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

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