My Friend Pedro アイコン
arcticons:my-friend-pedro
My Friend Pedro アイコン(arcticons:my-friend-pedro)は、Arcticons セットの無料 SVG アイコンです(作者: Donnnno)。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
- タグ
- myfriend、friendpedro、myfriendpedro
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="24" cy="24" r="21.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="29.087" cy="25.952" r="1.065" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.203 42.297c.786-1.398 1.571-2.795 2.05-4.118s.653-2.572.818-4.072s.32-3.252.32-4.709s-.155-2.619-.38-3.92c-.226-1.3-.521-2.74-.583-4.275s.11-3.167.514-4.339c.405-1.171 1.042-1.883 1.27-2.603c.226-.72.042-1.45-.2-2.036c-.242-.585-.543-1.027-.868-1.324s-.674-.45-.98-.886c-.307-.435-.57-1.153-.697-1.671c-.125-.518-.113-.837-.021-1.082s.264-.417.987-.512s1.999-.114 2.76-.092c.76.021 1.005.083 1.18.178c.174.095.279.223.619.8s.917 1.6 1.432 2.28c.515.681.968 1.018 2.057 1.49c1.088.473 2.811 1.08 4.301 1.908s2.747 1.876 3.857 3.323s2.072 3.292 2.72 5.503c.646 2.21.977 4.786 1.287 7.56s.597 5.748.588 7.8c-.009 2.05-.316 3.179-.622 4.307"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.688 29.336c.76.245 1.52.49 2.692.595s2.753.067 4.372-.209s3.274-.79 4.93-1.306"/><circle cx="19.609" cy="26.852" r="1.065" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>My Friend Pedro アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:my-friend-pedro" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:my-friend-pedro" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:my-friend-pedro" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--my-friend-pedro]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:my-friend-pedro"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:my-friend-pedro"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/my-friend-pedro.svg" alt="My Friend Pedro アイコン" width="24" height="24">Arcticons の関連アイコン
My Friend Pedro アイコン のよくある質問
My Friend Pedro アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で My Friend Pedro アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:my-friend-pedro" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
My Friend Pedro アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/my-friend-pedro.svg" alt="My Friend Pedro アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。