Pedi App アイコン
thesvg-color:pedi-app
Pedi App アイコン(thesvg-color:pedi-app)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 228 × 228 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 228 × 228
- タグ
- pediapp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="228" height="228" viewBox="0 0 228 228"><g fill="none"><g clip-path="url(#SVGjQSJVcMA)"><path fill="#dd1600" d="M114.446 30c38.022 0 68.964 30.774 69.447 68.747c0 .267 0 .587.107.906c0 19.627-8.151 37.387-21.236 50.027l-3.701 3.733l-15.138-15.168l4.038-3.391c9.277-8.854 15.069-21.387 15.069-35.2c0-26.774-21.772-48.588-48.532-48.588s-48.532 21.76-48.532 48.587c0 12.16 4.505 23.307 11.905 31.84c.643.747 1.287 1.493 1.984 2.187l1.126 1.12l5.685 5.707l27.778 27.84l.859.853l13.942 13.974L114.446 198l-14.8-14.826l-27.779-27.841l-6.167-6.187v-.052c-4.344-4.267-8.098-9.121-11.208-14.401A69.47 69.47 0 0 1 45 99.6v-.853C45.429 60.774 76.425 30 114.446 30m0 31.52c20.915 0 37.968 17.12 37.968 38.08c0 10.933-4.612 20.8-12.013 27.733a38.1 38.1 0 0 1-13.996 8.373l10.296 10.347l13.354 13.334l1.501 1.493l-14.801 14.826l-7.99-8l-6.811-6.826l-27.778-27.84l-6.543-6.561c-6.918-6.879-11.154-16.373-11.154-26.88c0-21.013 17.053-38.08 37.967-38.08m0 21.013c-9.384 0-17.052 7.68-17.052 17.067c0 9.386 7.668 17.066 17.052 17.066c9.439 0 17.054-7.68 17.054-17.066c0-9.387-7.669-17.067-17.054-17.067"/></g><defs><clipPath id="SVGjQSJVcMA"><path fill="#fff" d="M45 30h139v168H45z"/></clipPath></defs></g></svg>Pedi App アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:pedi-app" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:pedi-app" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:pedi-app" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--pedi-app]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:pedi-app"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:pedi-app"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/pedi-app.svg" alt="Pedi App アイコン" width="24" height="24">Pedi App アイコン のよくある質問
Pedi App アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pedi App アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:pedi-app" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pedi App アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/pedi-app.svg" alt="Pedi App アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。