Pear アイコン
fluent-emoji:pear
Pear アイコン(fluent-emoji:pear)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iSoPhEc)" d="M7.12 2.291L3 3.891a4.34 4.34 0 0 0 5.62 2.48l4.12-1.6a4.355 4.355 0 0 0-5.62-2.48"/><g filter="url(#iSrpIXV)"><path fill="url(#iwCx70c)" d="m3.677 4.165l3.622-1.407c1.824-.7 3.85.075 4.763 1.74L8.439 5.905a3.84 3.84 0 0 1-4.762-1.74"/></g><g filter="url(#iZpaalb)"><path fill="url(#ibJ5ose)" d="m5.675 3.196l1.64-.737a4.01 4.01 0 0 1 5.172 2.283C10.091 2.845 9.66 2.684 5.675 3.196"/></g><path fill="url(#ieDDSsd)" d="m19.99 8.101l-.1-.25a5.557 5.557 0 0 0-7.19-3.17a5.543 5.543 0 0 0-3.17 7.18l.1.25c.63 1.62.66 3.41.1 5.06c-.75 2.18-.7 4.55.13 6.7c1.91 4.94 7.47 7.39 12.41 5.48s7.39-7.47 5.48-12.41a9.77 9.77 0 0 0-4.42-5.04a7.35 7.35 0 0 1-3.34-3.8"/><path fill="url(#iRbAoXc)" d="m19.99 8.101l-.1-.25a5.557 5.557 0 0 0-7.19-3.17a5.543 5.543 0 0 0-3.17 7.18l.1.25c.63 1.62.66 3.41.1 5.06c-.75 2.18-.7 4.55.13 6.7c1.91 4.94 7.47 7.39 12.41 5.48s7.39-7.47 5.48-12.41a9.77 9.77 0 0 0-4.42-5.04a7.35 7.35 0 0 1-3.34-3.8"/><path fill="url(#ismOQwc)" d="m19.99 8.101l-.1-.25a5.557 5.557 0 0 0-7.19-3.17a5.543 5.543 0 0 0-3.17 7.18l.1.25c.63 1.62.66 3.41.1 5.06c-.75 2.18-.7 4.55.13 6.7c1.91 4.94 7.47 7.39 12.41 5.48s7.39-7.47 5.48-12.41a9.77 9.77 0 0 0-4.42-5.04a7.35 7.35 0 0 1-3.34-3.8"/><path fill="url(#iSBvV6d)" d="m19.99 8.101l-.1-.25a5.557 5.557 0 0 0-7.19-3.17a5.543 5.543 0 0 0-3.17 7.18l.1.25c.63 1.62.66 3.41.1 5.06c-.75 2.18-.7 4.55.13 6.7c1.91 4.94 7.47 7.39 12.41 5.48s7.39-7.47 5.48-12.41a9.77 9.77 0 0 0-4.42-5.04a7.35 7.35 0 0 1-3.34-3.8"/><path fill="url(#izmf9Ge)" d="m19.99 8.101l-.1-.25a5.557 5.557 0 0 0-7.19-3.17a5.543 5.543 0 0 0-3.17 7.18l.1.25c.63 1.62.66 3.41.1 5.06c-.75 2.18-.7 4.55.13 6.7c1.91 4.94 7.47 7.39 12.41 5.48s7.39-7.47 5.48-12.41a9.77 9.77 0 0 0-4.42-5.04a7.35 7.35 0 0 1-3.34-3.8"/><path fill="url(#iIbOHjF)" d="m19.99 8.101l-.1-.25a5.557 5.557 0 0 0-7.19-3.17a5.543 5.543 0 0 0-3.17 7.18l.1.25c.63 1.62.66 3.41.1 5.06c-.75 2.18-.7 4.55.13 6.7c1.91 4.94 7.47 7.39 12.41 5.48s7.39-7.47 5.48-12.41a9.77 9.77 0 0 0-4.42-5.04a7.35 7.35 0 0 1-3.34-3.8"/><path fill="url(#iCEKsQc)" d="m19.99 8.101l-.1-.25a5.557 5.557 0 0 0-7.19-3.17a5.543 5.543 0 0 0-3.17 7.18l.1.25c.63 1.62.66 3.41.1 5.06c-.75 2.18-.7 4.55.13 6.7c1.91 4.94 7.47 7.39 12.41 5.48s7.39-7.47 5.48-12.41a9.77 9.77 0 0 0-4.42-5.04a7.35 7.35 0 0 1-3.34-3.8"/><defs><radialGradient id="ieDDSsd" cx="0" cy="0" r="1" gradientTransform="rotate(88.751 3.247 15.202)scale(18.3792 13.7659)" gradientUnits="userSpaceOnUse"><stop stop-color="#ECF054"/><stop offset=".5" stop-color="#C5D326"/><stop offset="1" stop-color="#A2AA1C"/></radialGradient><radialGradient id="iRbAoXc" cx="0" cy="0" r="1" gradientTransform="rotate(88.478 3.593 14.773)scale(19.2182 14.3943)" gradientUnits="userSpaceOnUse"><stop offset=".558" stop-color="#B2B136" stop-opacity="0"/><stop offset=".714" stop-color="#D88D77" stop-opacity=".2"/><stop offset="1" stop-color="#D0778A"/></radialGradient><radialGradient id="ismOQwc" cx="0" cy="0" r="1" gradientTransform="matrix(-26.65315 1.90023 -1.42326 -19.96303 9.152 16.515)" gradientUnits="userSpaceOnUse"><stop stop-color="#7B8532"/><stop offset=".651" stop-color="#C3CF23" stop-opacity="0"/></radialGradient><radialGradient id="iSBvV6d" cx="0" cy="0" r="1" gradientTransform="rotate(106.084 5.797 11.079)scale(32.1109 24.0508)" gradientUnits="userSpaceOnUse"><stop stop-color="#F5FC58"/><stop offset=".322" stop-color="#F5FC58" stop-opacity="0"/></radialGradient><radialGradient id="izmf9Ge" cx="0" cy="0" r="1" gradientTransform="rotate(117.618 6.455 14.122)scale(27.6303 20.6948)" gradientUnits="userSpaceOnUse"><stop stop-color="#F5FC58"/><stop offset=".52" stop-color="#F5FC58" stop-opacity="0"/></radialGradient><radialGradient id="iIbOHjF" cx="0" cy="0" r="1" gradientTransform="rotate(13.707 -22.076 117.506)scale(14.1532 10.6007)" gradientUnits="userSpaceOnUse"><stop stop-color="#7B8532"/><stop offset=".651" stop-color="#C3CF23" stop-opacity="0"/></radialGradient><radialGradient id="iCEKsQc" cx="0" cy="0" r="1" gradientTransform="matrix(16.84993 9.86138 -7.38607 12.62043 28.399 24.901)" gradientUnits="userSpaceOnUse"><stop stop-color="#7B8532" stop-opacity=".4"/><stop offset=".546" stop-color="#C3CF23" stop-opacity="0"/></radialGradient><linearGradient id="iSoPhEc" x1="3" x2="12.74" y1="3.987" y2="4.635" gradientUnits="userSpaceOnUse"><stop stop-color="#769817"/><stop offset="1" stop-color="#B1D53A"/></linearGradient><linearGradient id="iwCx70c" x1="3" x2="12.74" y1="3.987" y2="4.635" gradientUnits="userSpaceOnUse"><stop stop-color="#7FA418"/><stop offset="1" stop-color="#B4D83C"/></linearGradient><linearGradient id="ibJ5ose" x1="5.675" x2="12.622" y1="3.142" y2="4.742" gradientUnits="userSpaceOnUse"><stop stop-color="#B8D85A" stop-opacity="0"/><stop offset=".495" stop-color="#B8D85A"/><stop offset="1" stop-color="#B8D85A" stop-opacity="0"/></linearGradient><filter id="iSrpIXV" width="9.385" height="4.667" x="3.177" y="2" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_29416" stdDeviation=".25"/></filter><filter id="iZpaalb" width="7.812" height="3.551" x="5.175" y="1.691" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_29416" stdDeviation=".25"/></filter></defs></g></svg>Pear アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:pear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:pear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:pear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--pear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:pear"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:pear"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/pear.svg" alt="Pear アイコン" width="24" height="24">他のアイコンセットの Pear アイコン
Pear アイコン のよくある質問
Pear アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pear アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:pear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pear アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/pear.svg" alt="Pear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。