Purse アイコン

Q: Purse アイコンは商用利用でも無料ですか?

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

fluent-emoji:purse

Purse アイコン(fluent-emoji:purse)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#i4ptOnb)"><path fill="url(#iXEykLc)" d="M11.371 8.813c-3.663 0-6.916 2.299-7.852 5.8q-.098.364-.194.735c.386.58.689 1.16.469 1.27c-.19.094-.425.152-.632.186a.32.32 0 0 0-.262.234c-.23.949-.442 1.89-.62 2.774c-.79 4.782 1.185 10.375 13.72 10.06c12.535.316 14.51-5.278 13.72-10.06a74 74 0 0 0-.62-2.775a.32.32 0 0 0-.262-.233a2.3 2.3 0 0 1-.63-.187c-.22-.11.081-.689.467-1.267l-.194-.737c-.936-3.501-4.189-5.8-7.852-5.8z"/><path fill="url(#ibVfggd)" d="M11.371 8.813c-3.663 0-6.916 2.299-7.852 5.8q-.098.364-.194.735c.386.58.689 1.16.469 1.27c-.19.094-.425.152-.632.186a.32.32 0 0 0-.262.234c-.23.949-.442 1.89-.62 2.774c-.79 4.782 1.185 10.375 13.72 10.06c12.535.316 14.51-5.278 13.72-10.06a74 74 0 0 0-.62-2.775a.32.32 0 0 0-.262-.233a2.3 2.3 0 0 1-.63-.187c-.22-.11.081-.689.467-1.267l-.194-.737c-.936-3.501-4.189-5.8-7.852-5.8z"/></g><path fill="url(#i5fLIKd)" d="M11.371 8.813c-3.663 0-6.916 2.299-7.852 5.8q-.098.364-.194.735c.386.58.689 1.16.469 1.27c-.19.094-.425.152-.632.186a.32.32 0 0 0-.262.234c-.23.949-.442 1.89-.62 2.774c-.79 4.782 1.185 10.375 13.72 10.06c12.535.316 14.51-5.278 13.72-10.06a74 74 0 0 0-.62-2.775a.32.32 0 0 0-.262-.233a2.3 2.3 0 0 1-.63-.187c-.22-.11.081-.689.467-1.267l-.194-.737c-.936-3.501-4.189-5.8-7.852-5.8z"/><g filter="url(#iAG5bre)"><circle cx="14.532" cy="7.434" r="1.465" fill="url(#iJruSde)"/></g><g filter="url(#if7sWCd)"><circle cx="17.462" cy="7.434" r="1.465" fill="url(#ivOq7Fb)"/></g><g filter="url(#iipaS6d)"><path fill="url(#i7KThcb)" d="M11.371 8.813c-3.663 0-6.916 2.299-7.852 5.8c-.154.575-.306 1.163-.453 1.751a.36.36 0 0 0 .35.448c.578 0 1.081-.39 1.232-.947l.163-.592c.839-3.012 3.023-4.99 7.04-4.99h8.299c4.04 0 6.2 1.978 7.039 4.99l.163.592a1.28 1.28 0 0 0 1.231.947a.36.36 0 0 0 .35-.448a99 99 0 0 0-.452-1.751c-.936-3.501-4.189-5.8-7.852-5.8z"/></g><path fill="url(#iYYbABe)" d="M11.371 8.813c-3.663 0-6.916 2.299-7.852 5.8c-.154.575-.306 1.163-.453 1.751a.36.36 0 0 0 .35.448c.578 0 1.081-.39 1.232-.947l.163-.592c.839-3.012 3.023-4.99 7.04-4.99h8.299c4.04 0 6.2 1.978 7.039 4.99l.163.592a1.28 1.28 0 0 0 1.231.947a.36.36 0 0 0 .35-.448a99 99 0 0 0-.452-1.751c-.936-3.501-4.189-5.8-7.852-5.8z"/><g filter="url(#iyQZXCd)"><path stroke="url(#ilwbsOd)" stroke-width=".25" d="M23.006 9.605c1.298.314 4.084 1.676 4.924 4.617c.218.724.562 1.756.688 2.244"/></g><defs><radialGradient id="iXEykLc" cx="0" cy="0" r="1" gradientTransform="matrix(-12.37497 9.8125 -8.75571 -11.04221 26.372 13.563)" gradientUnits="userSpaceOnUse"><stop offset=".272" stop-color="#FF68A5"/><stop offset="1" stop-color="#FB2B66"/></radialGradient><radialGradient id="ibVfggd" cx="0" cy="0" r="1" gradientTransform="matrix(-4.00013 -14.25 29.96393 -8.4112 18.06 24.375)" gradientUnits="userSpaceOnUse"><stop offset=".799" stop-color="#EC2D8A" stop-opacity="0"/><stop offset="1" stop-color="#EC2D8A"/></radialGradient><radialGradient id="i5fLIKd" cx="0" cy="0" r="1" gradientTransform="matrix(0 14.625 -22.0657 0 16 15.813)" gradientUnits="userSpaceOnUse"><stop offset=".906" stop-color="#DE66A6" stop-opacity="0"/><stop offset="1" stop-color="#DE66A6"/></radialGradient><radialGradient id="iJruSde" cx="0" cy="0" r="1" gradientTransform="rotate(129.92 6.214 6.9)scale(2.31328)" gradientUnits="userSpaceOnUse"><stop offset=".188" stop-color="#FFF453"/><stop offset="1" stop-color="#FFA424"/></radialGradient><radialGradient id="ivOq7Fb" cx="0" cy="0" r="1" gradientTransform="rotate(129.92 7.678 7.585)scale(2.31328)" gradientUnits="userSpaceOnUse"><stop offset=".188" stop-color="#FFF453"/><stop offset="1" stop-color="#FFA424"/></radialGradient><radialGradient id="i7KThcb" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.6875 -11.0657 0 16 9.125)" gradientUnits="userSpaceOnUse"><stop offset=".271" stop-color="#FFD544"/><stop offset="1" stop-color="#FFC046"/></radialGradient><radialGradient id="iYYbABe" cx="0" cy="0" r="1" gradientTransform="rotate(140.425 12.762 10.68)scale(3.97318 20.8132)" gradientUnits="userSpaceOnUse"><stop offset=".479" stop-color="#FFE05F"/><stop offset="1" stop-color="#FFE05F" stop-opacity="0"/></radialGradient><filter id="i4ptOnb" width="29.744" height="21.571" x="2.128" y="8.313" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="2" dy="-.5"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.737255 0 0 0 0 0.25098 0 0 0 0 0.396078 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17026"/></filter><filter id="iAG5bre" width="2.93" height="3.03" x="13.067" y="5.869" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.996078 0 0 0 0 0.541176 0 0 0 0 0.0941176 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17026"/></filter><filter id="if7sWCd" width="3.03" height="3.03" x="15.997" y="5.869" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.996078 0 0 0 0 0.541176 0 0 0 0 0.0941176 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17026"/></filter><filter id="iipaS6d" width="25.99" height="8.3" x="3.055" y="8.613" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy=".1"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.960784 0 0 0 0 0.678431 0 0 0 0 0.282353 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17026"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.498039 0 0 0 0 0.101961 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_17026" result="effect2_innerShadow_18_17026"/></filter><filter id="iyQZXCd" width="6.562" height="7.814" x="22.577" y="9.084" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17026" stdDeviation=".2"/></filter><linearGradient id="ilwbsOd" x1="27.93" x2="23.459" y1="15.923" y2="9.442" gradientUnits="userSpaceOnUse"><stop offset=".801" stop-color="#FFDE5F"/><stop offset="1" stop-color="#FFDE5F" stop-opacity="0"/></linearGradient></defs></g></svg>

Purse アイコンの使い方

React

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

<Icon icon="fluent-emoji:purse" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:purse" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:purse" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--purse]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:purse"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:purse"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/purse.svg" alt="Purse アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Fluent Emoji アイコンをすべて見る →