Love You Gesture アイコン
fluent-emoji:love-you-gesture
Love You Gesture アイコン(fluent-emoji:love-you-gesture)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- loveyou、yougesture、loveyougesture
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#i1W5Yrb)"><path fill="#FFBF40" d="M28.995 13.606c-.699-.808-2.063-1.289-3.297-.648c-1.235.64-2.208 1.376-2.578 1.723c0 0-.649.444-.649-.385v-9.26c0-1.672-1.125-2.969-2.625-2.969c-1.406 0-2.625 1.125-2.625 2.97l-.038 7.506H8.909V8.567c0-1.656-1.157-2.88-2.594-2.88c-1.438 0-2.614 1.408-2.614 2.767c0 1.36-.017 11.219-.017 11.219c0 7.103 4.328 10.26 9.653 10.26c2.709 0 5.41-1.22 7.189-3.092c2.258-2.375 1.563-3.313 3.961-5.867c1.21-1.383 3.139-2.707 4.195-3.579c1.057-.87 1.258-2.695.313-3.789"/><path fill="url(#iT1gjYc)" d="M28.995 13.606c-.699-.808-2.063-1.289-3.297-.648c-1.235.64-2.208 1.376-2.578 1.723c0 0-.649.444-.649-.385v-9.26c0-1.672-1.125-2.969-2.625-2.969c-1.406 0-2.625 1.125-2.625 2.97l-.038 7.506H8.909V8.567c0-1.656-1.157-2.88-2.594-2.88c-1.438 0-2.614 1.408-2.614 2.767c0 1.36-.017 11.219-.017 11.219c0 7.103 4.328 10.26 9.653 10.26c2.709 0 5.41-1.22 7.189-3.092c2.258-2.375 1.563-3.313 3.961-5.867c1.21-1.383 3.139-2.707 4.195-3.579c1.057-.87 1.258-2.695.313-3.789"/><path fill="url(#i8xWosd)" d="M28.995 13.606c-.699-.808-2.063-1.289-3.297-.648c-1.235.64-2.208 1.376-2.578 1.723c0 0-.649.444-.649-.385v-9.26c0-1.672-1.125-2.969-2.625-2.969c-1.406 0-2.625 1.125-2.625 2.97l-.038 7.506H8.909V8.567c0-1.656-1.157-2.88-2.594-2.88c-1.438 0-2.614 1.408-2.614 2.767c0 1.36-.017 11.219-.017 11.219c0 7.103 4.328 10.26 9.653 10.26c2.709 0 5.41-1.22 7.189-3.092c2.258-2.375 1.563-3.313 3.961-5.867c1.21-1.383 3.139-2.707 4.195-3.579c1.057-.87 1.258-2.695.313-3.789"/></g><g filter="url(#iKPDVde)"><rect width="3.696" height="5.966" x="12.304" y="11.524" fill="#B44B10" rx="1.848"/></g><g filter="url(#iCixzPD)"><rect width="4.409" height="7.256" x="7.696" y="10.234" fill="#B44B10" rx="2.204"/></g><path fill="#F4B616" d="M25.698 12.958c1.234-.64 2.598-.16 3.297.648c.945 1.094.744 2.918-.313 3.79c-.278.23-.617.49-.988.776c-1.035.797-2.315 1.783-3.207 2.802c-.793.845-1.248 1.513-1.583 2.114c-1.492-3.69-1.037-6.778-.367-8.437c.165.316.583.03.583.03c.37-.347 1.343-1.082 2.578-1.723"/><path fill="url(#iJeF9ir)" d="M25.698 12.958c1.234-.64 2.598-.16 3.297.648c.945 1.094.744 2.918-.313 3.79c-.278.23-.617.49-.988.776c-1.035.797-2.315 1.783-3.207 2.802c-.793.845-1.248 1.513-1.583 2.114c-1.492-3.69-1.037-6.778-.367-8.437c.165.316.583.03.583.03c.37-.347 1.343-1.082 2.578-1.723"/><path fill="url(#iW3212b)" d="M25.698 12.958c1.234-.64 2.598-.16 3.297.648c.945 1.094.744 2.918-.313 3.79c-.278.23-.617.49-.988.776c-1.035.797-2.315 1.783-3.207 2.802c-.793.845-1.248 1.513-1.583 2.114c-1.492-3.69-1.037-6.778-.367-8.437c.165.316.583.03.583.03c.37-.347 1.343-1.082 2.578-1.723"/><path fill="url(#iiAJYGb)" d="M25.698 12.958c1.234-.64 2.598-.16 3.297.648c.945 1.094.744 2.918-.313 3.79c-.278.23-.617.49-.988.776c-1.035.797-2.315 1.783-3.207 2.802c-.793.845-1.248 1.513-1.583 2.114c-1.492-3.69-1.037-6.778-.367-8.437c.165.316.583.03.583.03c.37-.347 1.343-1.082 2.578-1.723"/><path fill="url(#i4WcKPb)" d="M25.698 12.958c1.234-.64 2.598-.16 3.297.648c.945 1.094.744 2.918-.313 3.79c-.278.23-.617.49-.988.776c-1.035.797-2.315 1.783-3.207 2.802c-.793.845-1.248 1.513-1.583 2.114c-1.492-3.69-1.037-6.778-.367-8.437c.165.316.583.03.583.03c.37-.347 1.343-1.082 2.578-1.723"/><path fill="url(#iibljwc)" d="M22.476 12.54h-5.288l.038-7.504c0-1.844 1.219-2.969 2.625-2.969c1.5 0 2.625 1.297 2.625 2.97z"/><path fill="url(#ixC16vV)" d="M22.476 12.54h-5.288l.038-7.504c0-1.844 1.219-2.969 2.625-2.969c1.5 0 2.625 1.297 2.625 2.97z"/><path fill="url(#iVG0Fib)" d="M22.476 12.54h-5.288l.038-7.504c0-1.844 1.219-2.969 2.625-2.969c1.5 0 2.625 1.297 2.625 2.97z"/><path fill="url(#iwamvHb)" d="M22.476 12.54h-5.288l.038-7.504c0-1.844 1.219-2.969 2.625-2.969c1.5 0 2.625 1.297 2.625 2.97z"/><g filter="url(#iir9wCc)"><rect width="5.172" height="8.172" x="8.135" y="8.919" fill="url(#ig6bD9b)" rx="2.539"/><rect width="5.172" height="8.172" x="8.135" y="8.919" fill="url(#iGoSOOb)" rx="2.539"/><rect width="5.172" height="8.172" x="8.135" y="8.919" fill="url(#iK4qiNc)" rx="2.539"/></g><g filter="url(#isyc0Eb)"><rect width="5.078" height="9.734" x="12.698" y="7.356" fill="url(#iPl0Wsb)" rx="2.539"/></g><g filter="url(#iu1TPhP)"><rect width="1.636" height="10.444" x="19.832" y="3.697" fill="url(#i3xPxkd)" rx=".818"/></g><g filter="url(#iEWQoOc)"><rect width="1.468" height="6.264" x="15.519" y="9.092" fill="#FFE948" rx=".734"/></g><defs><radialGradient id="iT1gjYc" cx="0" cy="0" r="1" gradientTransform="matrix(-6.16814 1.9123 -1.03264 -3.33077 9.852 11.988)" gradientUnits="userSpaceOnUse"><stop stop-color="#E79330"/><stop offset="1" stop-color="#E79330" stop-opacity="0"/></radialGradient><radialGradient id="i8xWosd" cx="0" cy="0" r="1" gradientTransform="matrix(-8.93158 3.02526 -4.1051 -12.11964 23.622 18.334)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE542"/><stop offset="1" stop-color="#FFE542" stop-opacity="0"/></radialGradient><radialGradient id="iJeF9ir" cx="0" cy="0" r="1" gradientTransform="rotate(170.185 14.465 10.245)scale(8.18707 12.8551)" gradientUnits="userSpaceOnUse"><stop offset=".693" stop-color="#FFDC42" stop-opacity="0"/><stop offset="1" stop-color="#FFDC42"/></radialGradient><radialGradient id="iW3212b" cx="0" cy="0" r="1" gradientTransform="rotate(135.167 9.307 15.388)scale(8.73491 1.93512)" gradientUnits="userSpaceOnUse"><stop stop-color="#F2A159"/><stop offset="1" stop-color="#F2A159" stop-opacity="0"/></radialGradient><radialGradient id="iiAJYGb" cx="0" cy="0" r="1" gradientTransform="matrix(-2.73778 1.4406 -1.64432 -3.12494 29.601 13.76)" gradientUnits="userSpaceOnUse"><stop offset=".103" stop-color="#FFE847"/><stop offset="1" stop-color="#FFE847" stop-opacity="0"/></radialGradient><radialGradient id="i4WcKPb" cx="0" cy="0" r="1" gradientTransform="rotate(59.5 .502 28.11)scale(.86367 2.71772)" gradientUnits="userSpaceOnUse"><stop stop-color="#D4A33C"/><stop offset="1" stop-color="#D4A33C" stop-opacity="0"/></radialGradient><radialGradient id="iVG0Fib" cx="0" cy="0" r="1" gradientTransform="matrix(-2.55702 2.9414 -4.98997 -4.33786 22.83 2.067)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE645"/><stop offset="1" stop-color="#FFE645" stop-opacity="0"/></radialGradient><radialGradient id="iwamvHb" cx="0" cy="0" r="1" gradientTransform="matrix(.875 0 0 3.0625 17.463 9.919)" gradientUnits="userSpaceOnUse"><stop offset=".216" stop-color="#D17703"/><stop offset="1" stop-color="#D17703" stop-opacity="0"/></radialGradient><radialGradient id="iK4qiNc" cx="0" cy="0" r="1" gradientTransform="rotate(149.179 5.226 7.013)scale(1.07751 2.24971)" gradientUnits="userSpaceOnUse"><stop offset=".215" stop-color="#AD690C"/><stop offset="1" stop-color="#AD690C" stop-opacity="0"/></radialGradient><filter id="i1W5Yrb" width="26.567" height="28.515" x="3.684" y="1.417" 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=".65" dy="-.65"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.94902 0 0 0 0 0.486275 0 0 0 0 0.380392 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_2320"/></filter><filter id="iKPDVde" width="6.696" height="8.966" x="10.804" y="10.024" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_2320" stdDeviation=".75"/></filter><filter id="iCixzPD" width="8.409" height="11.255" x="5.696" y="8.234" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_2320" stdDeviation="1"/></filter><filter id="iir9wCc" width="5.922" height="8.922" x="8.135" y="8.169" 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=".75" dy="-.75"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.921569 0 0 0 0 0.533333 0 0 0 0 0.223529 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_2320"/></filter><filter id="isyc0Eb" width="5.828" height="10.484" x="12.698" y="6.606" 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=".75" dy="-.75"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.921569 0 0 0 0 0.533333 0 0 0 0 0.223529 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_2320"/></filter><filter id="iu1TPhP" width="4.636" height="13.444" x="18.332" y="2.197" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_2320" stdDeviation=".75"/></filter><filter id="iEWQoOc" width="5.468" height="10.264" x="13.519" y="7.092" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_2320" stdDeviation="1"/></filter><linearGradient id="iibljwc" x1="16.874" x2="18.797" y1="8.394" y2="8.394" gradientUnits="userSpaceOnUse"><stop stop-color="#E3961F"/><stop offset="1" stop-color="#E3961F" stop-opacity="0"/></linearGradient><linearGradient id="ixC16vV" x1="19.337" x2="19.337" y1="12.788" y2="10.411" gradientUnits="userSpaceOnUse"><stop stop-color="#FEC942"/><stop offset="1" stop-color="#FEC942" stop-opacity="0"/></linearGradient><linearGradient id="ig6bD9b" x1="9.454" x2="12.282" y1="11.542" y2="11.655" gradientUnits="userSpaceOnUse"><stop stop-color="#FABB25"/><stop offset="1" stop-color="#FFD43E"/></linearGradient><linearGradient id="iGoSOOb" x1="12.918" x2="12.408" y1="13.005" y2="13.005" gradientUnits="userSpaceOnUse"><stop stop-color="#E59617"/><stop offset="1" stop-color="#E59617" stop-opacity="0"/></linearGradient><linearGradient id="iPl0Wsb" x1="13.55" x2="17.776" y1="10.616" y2="10.616" gradientUnits="userSpaceOnUse"><stop stop-color="#FABB25"/><stop offset="1" stop-color="#FFD43E"/></linearGradient><linearGradient id="i3xPxkd" x1="20.65" x2="20.65" y1="3.697" y2="14.141" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE948"/><stop offset="1" stop-color="#FFE948" stop-opacity="0"/></linearGradient></defs></g></svg>Love You Gesture アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:love-you-gesture" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:love-you-gesture" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:love-you-gesture" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--love-you-gesture]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:love-you-gesture"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:love-you-gesture"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/love-you-gesture.svg" alt="Love You Gesture アイコン" width="24" height="24">Fluent Emoji の関連アイコン
他のアイコンセットの Love You Gesture アイコン
Love You Gesture アイコン のよくある質問
Love You Gesture アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Love You Gesture アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:love-you-gesture" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Love You Gesture アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/love-you-gesture.svg" alt="Love You Gesture アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。