One Piece Swimsuit アイコン
fluent-emoji:one-piece-swimsuit
One Piece Swimsuit アイコン(fluent-emoji:one-piece-swimsuit)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- onepiece、pieceswimsuit、onepieceswimsuit
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#it5FMHX)"><path fill="url(#izFDWwc)" d="M8.735 2.143a.94.94 0 0 0-.94.941v6.061a5 5 0 0 0 .189 1.361l1.634 5.776a2 2 0 0 1-.098 1.36l-2.28 5.107a1.5 1.5 0 0 0 .483 1.821l6.356 4.658a3.25 3.25 0 0 0 3.842 0l6.356-4.658a1.5 1.5 0 0 0 .483-1.821l-2.28-5.107a2 2 0 0 1-.098-1.36l1.635-5.776c.125-.443.189-.9.189-1.361v-6.06a.94.94 0 1 0-1.882 0v1.924a1.2 1.2 0 0 1-1.2 1.2H10.876a1.2 1.2 0 0 1-1.2-1.2V3.084a.94.94 0 0 0-.94-.94"/><path fill="url(#ikTPyge)" d="M8.735 2.143a.94.94 0 0 0-.94.941v6.061a5 5 0 0 0 .189 1.361l1.634 5.776a2 2 0 0 1-.098 1.36l-2.28 5.107a1.5 1.5 0 0 0 .483 1.821l6.356 4.658a3.25 3.25 0 0 0 3.842 0l6.356-4.658a1.5 1.5 0 0 0 .483-1.821l-2.28-5.107a2 2 0 0 1-.098-1.36l1.635-5.776c.125-.443.189-.9.189-1.361v-6.06a.94.94 0 1 0-1.882 0v1.924a1.2 1.2 0 0 1-1.2 1.2H10.876a1.2 1.2 0 0 1-1.2-1.2V3.084a.94.94 0 0 0-.94-.94"/></g><g filter="url(#iwLJdkd)"><path fill="url(#iTSQqDc)" d="M23.02 5.367V3.011a.25.25 0 0 1 .5 0v6.266a6 6 0 0 1-.259 1.741l-1.764 5.82a3 3 0 0 0 .16 2.158l1.43 3.009a1.238 1.238 0 0 1-2.225 1.085l-2.79-5.57a3 3 0 0 1-.318-1.344v-4.534a3 3 0 0 1 1.167-2.376l3.515-2.711a1.5 1.5 0 0 0 .584-1.188"/></g><path fill="url(#iPUFgki)" d="M23.281 13.104H8.72l.57 2.016h13.422z"/><path fill="url(#iUnVELd)" d="M23.281 13.104H8.72l.57 2.016h13.422z"/><path fill="url(#i13wTSp)" d="M22.485 15.917H9.515l.103.365a2 2 0 0 1-.098 1.36l-.13.29h13.22l-.13-.29a2 2 0 0 1-.098-1.36z"/><path fill="url(#iduPNDb)" d="M22.485 15.917H9.515l.103.365a2 2 0 0 1-.098 1.36l-.13.29h13.22l-.13-.29a2 2 0 0 1-.098-1.36z"/><g filter="url(#iUkxjYb)"><path stroke="url(#i4uTffb)" stroke-linecap="round" stroke-width=".4" d="M9.145 2.854V5.34c0 .594.334 1.781 1.671 1.781"/></g><defs><radialGradient id="izFDWwc" cx="0" cy="0" r="1" gradientTransform="matrix(-14.74996 -.94815 2.13671 -33.2399 22.754 16.948)" gradientUnits="userSpaceOnUse"><stop offset=".145" stop-color="#FF75D2"/><stop offset="1" stop-color="#E755AD"/></radialGradient><radialGradient id="ikTPyge" cx="0" cy="0" r="1" gradientTransform="matrix(0 5.125 -1.0625 0 23.66 2.48)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8FDF"/><stop offset="1" stop-color="#FF8FDF" stop-opacity="0"/></radialGradient><radialGradient id="iPUFgki" cx="0" cy="0" r="1" gradientTransform="matrix(0 -3.51563 6.875 0 19.879 15.12)" gradientUnits="userSpaceOnUse"><stop stop-color="#9074CE"/><stop offset="1" stop-color="#7B5EB8"/></radialGradient><radialGradient id="i13wTSp" cx="0" cy="0" r="1" gradientTransform="matrix(-.84374 -2.65626 2.9311 -.93104 21.66 18.323)" gradientUnits="userSpaceOnUse"><stop stop-color="#AB93E2"/><stop offset="1" stop-color="#8466C2"/></radialGradient><radialGradient id="iduPNDb" cx="0" cy="0" r="1" gradientTransform="matrix(2.02036 0 0 1.97579 9.39 16.925)" gradientUnits="userSpaceOnUse"><stop stop-color="#9283BB"/><stop offset="1" stop-color="#775DB0" stop-opacity="0"/></radialGradient><linearGradient id="iTSQqDc" x1="24.441" x2="16.16" y1="14.604" y2="15.073" gradientUnits="userSpaceOnUse"><stop stop-color="#FF89E4"/><stop offset="1" stop-color="#FF89E4" stop-opacity="0"/></linearGradient><linearGradient id="iUnVELd" x1="9.223" x2="12.16" y1="14.667" y2="14.112" gradientUnits="userSpaceOnUse"><stop stop-color="#8C7AB8"/><stop offset="1" stop-color="#775AB3" stop-opacity="0"/></linearGradient><linearGradient id="i4uTffb" x1="9.98" x2="11.301" y1="2.854" y2="8.417" gradientUnits="userSpaceOnUse"><stop stop-color="#FF7EC8"/><stop offset="1" stop-color="#FF7EC8" stop-opacity="0"/></linearGradient><filter id="it5FMHX" width="18.282" height="28.213" x="7.109" y="1.643" 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="-.5"/><feGaussianBlur stdDeviation=".625"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.827451 0 0 0 0 0.27451 0 0 0 0 0.701961 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_16808"/><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=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.905882 0 0 0 0 0.466667 0 0 0 0 0.686275 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_16808" result="effect2_innerShadow_18_16808"/></filter><filter id="iwLJdkd" width="8.766" height="24.013" x="16.254" y="1.261" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_16808" stdDeviation=".75"/></filter><filter id="iUkxjYb" width="2.872" height="5.466" x="8.545" y="2.254" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_16808" stdDeviation=".2"/></filter></defs></g></svg>One Piece Swimsuit アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:one-piece-swimsuit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:one-piece-swimsuit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:one-piece-swimsuit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--one-piece-swimsuit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:one-piece-swimsuit"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:one-piece-swimsuit"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/one-piece-swimsuit.svg" alt="One Piece Swimsuit アイコン" width="24" height="24">Fluent Emoji の関連アイコン
他のアイコンセットの One Piece Swimsuit アイコン
One Piece Swimsuit アイコン のよくある質問
One Piece Swimsuit アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で One Piece Swimsuit アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:one-piece-swimsuit" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
One Piece Swimsuit アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/one-piece-swimsuit.svg" alt="One Piece Swimsuit アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。