ICONYZ
日本語
Health Icons の Peso Outline アイコン

Peso Outline アイコン

healthicons:peso-outline

Peso Outline アイコン(healthicons:peso-outline)は、Health Icons セットの無料 SVG アイコンです(作者: Resolve to Save Lives)。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Health Icons
作者
Resolve to Save Lives
ライセンス
MIT
サイズ
48 × 48
カテゴリ
タイポグラフィ
タグ
pesooutline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M31.7 23.022a6 6 0 0 1-1.072 1.304l-.722.505a5.95 5.95 0 0 1-3.37 1.074h-9.503v-2.883zm.667-4.473l.073.915a6 6 0 0 1 .017.596l-.02.974H17.034V18.55z"/><path fill-rule="evenodd" d="M26.488 10a9.95 9.95 0 0 1 8.374 4.573h.152A2.985 2.985 0 0 1 38 17.555a2.97 2.97 0 0 1-1.013 2.236A2.97 2.97 0 0 1 38 22.028a2.984 2.984 0 0 1-2.955 2.982a9.95 9.95 0 0 1-8.557 4.872h-7.465v5.136A2.984 2.984 0 0 1 16.038 38a2.984 2.984 0 0 1-2.986-2.981V25.01h-.066A2.984 2.984 0 0 1 10 22.028c0-.891.394-1.69 1.015-2.236A2.97 2.97 0 0 1 10 17.555a2.984 2.984 0 0 1 2.986-2.982h.066v-1.425a2.98 2.98 0 0 1 2.292-2.897c.363-.16.766-.25 1.191-.251zm-10.45 1.987a.996.996 0 0 0-.996.994q0 .038.004.073a1 1 0 0 0-.004.094v3.413H12.92a.996.996 0 0 0-.996.994c0 .549.446.994.996.994h2.123v2.485h-2.056a.995.995 0 1 0 0 1.988h2.056v12.062a.995.995 0 0 0 1.99 0v-7.19h9.456l.047-.001h.052a7.96 7.96 0 0 0 7.34-4.87h1.285a.995.995 0 1 0 0-1.988h-.09l-.635-.14q.06-.47.062-.955c0-.425-.038-.84-.102-1.247l.684-.147a.993.993 0 0 0-.052-1.985h-1.285a7.96 7.96 0 0 0-7.207-4.574z" clip-rule="evenodd"/><path d="M29.326 14.692a5.96 5.96 0 0 0-2.838-.716h-9.455v2.585h14.666s-1.528-1.412-2.373-1.87"/></g></svg>

Peso Outline アイコンの使い方

React

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

<Icon icon="healthicons:peso-outline" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:peso-outline" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:peso-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--peso-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:peso-outline"></div>

Web コンポーネント

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

<iconify-icon icon="healthicons:peso-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/peso-outline.svg" alt="Peso Outline アイコン" width="24" height="24">

Health Icons の関連アイコン

Peso Outline アイコン のよくある質問

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

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

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

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

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

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

Health Icons をすべて見る →