ICONYZ
日本語
Fluent Emoji の Love You Gesture Dark アイコン

Love You Gesture Dark アイコン

fluent-emoji:love-you-gesture-dark

Love You Gesture Dark アイコン(fluent-emoji:love-you-gesture-dark)は、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、gesturedark、loveyougesturedark
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(#iNrKetb)"><path fill="#482D33" d="M28.742 13.606c-.7-.808-2.063-1.289-3.297-.648c-1.235.64-2.209 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.656V8.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.562-3.313 3.96-5.867c1.212-1.383 3.14-2.707 4.196-3.579c1.056-.87 1.258-2.695.313-3.789"/><path fill="url(#ii0UY6d)" d="M28.742 13.606c-.7-.808-2.063-1.289-3.297-.648c-1.235.64-2.209 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.656V8.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.562-3.313 3.96-5.867c1.212-1.383 3.14-2.707 4.196-3.579c1.056-.87 1.258-2.695.313-3.789"/><path fill="url(#igWyJ4b)" d="M28.742 13.606c-.7-.808-2.063-1.289-3.297-.648c-1.235.64-2.209 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.656V8.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.562-3.313 3.96-5.867c1.212-1.383 3.14-2.707 4.196-3.579c1.056-.87 1.258-2.695.313-3.789"/><path fill="url(#i8C5e5d)" d="M28.742 13.606c-.7-.808-2.063-1.289-3.297-.648c-1.235.64-2.209 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.656V8.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.562-3.313 3.96-5.867c1.212-1.383 3.14-2.707 4.196-3.579c1.056-.87 1.258-2.695.313-3.789"/></g><g filter="url(#ixEBzOb)"><rect width="3.696" height="5.966" x="12.051" y="11.524" fill="#19090E" rx="1.848"/></g><g filter="url(#i8vNitd)"><rect width="4.409" height="7.256" x="7.442" y="10.234" fill="#19090E" rx="2.204"/></g><path fill="#472F2D" d="M25.445 12.958c1.234-.64 2.598-.16 3.297.648c.945 1.094.743 2.918-.313 3.79c-.278.23-.617.49-.988.776c-1.035.797-2.315 1.783-3.207 2.802c-.794.845-1.248 1.513-1.584 2.114c-1.491-3.69-1.036-6.778-.366-8.437c.165.316.583.03.583.03c.37-.347 1.343-1.082 2.578-1.723"/><path fill="url(#ijy04oE)" d="M25.445 12.958c1.234-.64 2.598-.16 3.297.648c.945 1.094.743 2.918-.313 3.79c-.278.23-.617.49-.988.776c-1.035.797-2.315 1.783-3.207 2.802c-.794.845-1.248 1.513-1.584 2.114c-1.491-3.69-1.036-6.778-.366-8.437c.165.316.583.03.583.03c.37-.347 1.343-1.082 2.578-1.723"/><path fill="url(#iME8NJd)" d="M25.445 12.958c1.234-.64 2.598-.16 3.297.648c.945 1.094.743 2.918-.313 3.79c-.278.23-.617.49-.988.776c-1.035.797-2.315 1.783-3.207 2.802c-.794.845-1.248 1.513-1.584 2.114c-1.491-3.69-1.036-6.778-.366-8.437c.165.316.583.03.583.03c.37-.347 1.343-1.082 2.578-1.723"/><path fill="url(#inCI5zd)" d="M25.445 12.958c1.234-.64 2.598-.16 3.297.648c.945 1.094.743 2.918-.313 3.79c-.278.23-.617.49-.988.776c-1.035.797-2.315 1.783-3.207 2.802c-.794.845-1.248 1.513-1.584 2.114c-1.491-3.69-1.036-6.778-.366-8.437c.165.316.583.03.583.03c.37-.347 1.343-1.082 2.578-1.723"/><path fill="url(#iuReZSD)" d="M25.445 12.958c1.234-.64 2.598-.16 3.297.648c.945 1.094.743 2.918-.313 3.79c-.278.23-.617.49-.988.776c-1.035.797-2.315 1.783-3.207 2.802c-.794.845-1.248 1.513-1.584 2.114c-1.491-3.69-1.036-6.778-.366-8.437c.165.316.583.03.583.03c.37-.347 1.343-1.082 2.578-1.723"/><path fill="url(#ivZs7hc)" d="M22.223 12.54h-5.289l.039-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(#iMxR7Oe)" d="M22.223 12.54h-5.289l.039-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(#iiCbtXc)" d="M22.223 12.54h-5.289l.039-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(#ibiQZte)" d="M22.223 12.54h-5.289l.039-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(#iCnBUdd)"><rect width="5.172" height="8.172" x="7.882" y="8.919" fill="url(#ixfnQVb)" rx="2.539"/><rect width="5.172" height="8.172" x="7.882" y="8.919" fill="url(#i7NwaMN)" rx="2.539"/><rect width="5.172" height="8.172" x="7.882" y="8.919" fill="url(#iDM5Dwe)" rx="2.539"/></g><g filter="url(#iLMNWdc)"><rect width="5.078" height="9.734" x="12.445" y="7.356" fill="url(#iR0Ghoc)" rx="2.539"/></g><g filter="url(#iyQp2LV)"><rect width="1.636" height="10.444" x="19.579" y="3.697" fill="url(#i7VT3Qb)" rx=".818"/></g><g filter="url(#ilPVSud)"><rect width="1.468" height="6.264" x="15.266" y="9.092" fill="#67524F" rx=".734"/></g><g filter="url(#iPX0Qnc)"><rect width="1.468" height="8.935" x="5.974" y="7.105" fill="url(#i8ye50b)" rx=".734"/></g><g filter="url(#iktmbce)"><rect width="1.027" height="4.274" x="10.824" y="10.524" fill="url(#iWD9MYc)" rx=".513"/></g><defs><radialGradient id="ii0UY6d" cx="0" cy="0" r="1" gradientTransform="matrix(-6.16814 1.9123 -1.03264 -3.33077 9.6 11.988)" gradientUnits="userSpaceOnUse"><stop stop-color="#1B0B0D"/><stop offset="1" stop-color="#1B0B0D" stop-opacity="0"/></radialGradient><radialGradient id="igWyJ4b" cx="0" cy="0" r="1" gradientTransform="matrix(-8.93158 3.02526 -4.1051 -12.11964 23.37 18.334)" gradientUnits="userSpaceOnUse"><stop stop-color="#634F4E"/><stop offset="1" stop-color="#634F4E" stop-opacity="0"/></radialGradient><radialGradient id="i8C5e5d" cx="0" cy="0" r="1" gradientTransform="translate(7.496 7.504)scale(1.81597)" gradientUnits="userSpaceOnUse"><stop stop-color="#624F4D"/><stop offset="1" stop-color="#624F4D" stop-opacity="0"/></radialGradient><radialGradient id="ijy04oE" cx="0" cy="0" r="1" gradientTransform="matrix(-7.82462 -2.27134 3.5664 -12.28604 30.212 17.875)" gradientUnits="userSpaceOnUse"><stop offset=".676" stop-color="#5D4848" stop-opacity="0"/><stop offset="1" stop-color="#5D4848"/></radialGradient><radialGradient id="iME8NJd" cx="0" cy="0" r="1" gradientTransform="rotate(135.167 9.18 15.336)scale(8.73491 1.93512)" gradientUnits="userSpaceOnUse"><stop stop-color="#482D31"/><stop offset="1" stop-color="#482D31" stop-opacity="0"/></radialGradient><radialGradient id="inCI5zd" cx="0" cy="0" r="1" gradientTransform="rotate(144.638 12.251 11.61)scale(2.76123 1.79671)" gradientUnits="userSpaceOnUse"><stop stop-color="#675250"/><stop offset="1" stop-color="#675250" stop-opacity="0"/></radialGradient><radialGradient id="iuReZSD" cx="0" cy="0" r="1" gradientTransform="rotate(45.707 -4.075 35.469)scale(1.1207 2.36718)" gradientUnits="userSpaceOnUse"><stop stop-color="#433A38"/><stop offset="1" stop-color="#2E2320" stop-opacity="0"/></radialGradient><radialGradient id="iiCbtXc" cx="0" cy="0" r="1" gradientTransform="matrix(1.6875 0 0 1.53125 21.247 3.813)" gradientUnits="userSpaceOnUse"><stop stop-color="#64504E"/><stop offset="1" stop-color="#64504E" stop-opacity="0"/></radialGradient><radialGradient id="ibiQZte" cx="0" cy="0" r="1" gradientTransform="matrix(.875 0 0 3.0625 17.21 9.919)" gradientUnits="userSpaceOnUse"><stop offset=".216" stop-color="#2A1917"/><stop offset="1" stop-color="#2A1917" stop-opacity="0"/></radialGradient><radialGradient id="iDM5Dwe" cx="0" cy="0" r="1" gradientTransform="rotate(149.179 5.1 6.978)scale(1.07751 2.24971)" gradientUnits="userSpaceOnUse"><stop offset=".215" stop-color="#1A0C0A"/><stop offset="1" stop-color="#1A0C0A" stop-opacity="0"/></radialGradient><filter id="iNrKetb" width="26.567" height="28.515" x="3.431" 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.243137 0 0 0 0 0.133333 0 0 0 0 0.207843 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_2330"/></filter><filter id="ixEBzOb" width="6.696" height="8.966" x="10.551" 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_2330" stdDeviation=".75"/></filter><filter id="i8vNitd" width="8.409" height="11.255" x="5.442" 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_2330" stdDeviation="1"/></filter><filter id="iCnBUdd" width="5.922" height="8.922" x="7.882" 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.195833 0 0 0 0 0.0930208 0 0 0 0 0.136518 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_2330"/></filter><filter id="iLMNWdc" width="5.828" height="10.484" x="12.445" 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.219608 0 0 0 0 0.117647 0 0 0 0 0.160784 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_2330"/></filter><filter id="iyQp2LV" width="4.636" height="13.444" x="18.079" 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_2330" stdDeviation=".75"/></filter><filter id="ilPVSud" width="5.468" height="10.264" x="13.266" 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_2330" stdDeviation="1"/></filter><filter id="iPX0Qnc" width="4.468" height="11.935" x="4.474" y="5.605" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_2330" stdDeviation=".75"/></filter><filter id="iktmbce" width="5.027" height="8.274" x="8.824" y="8.524" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_2330" stdDeviation="1"/></filter><linearGradient id="ivZs7hc" x1="16.621" x2="18.544" y1="8.394" y2="8.394" gradientUnits="userSpaceOnUse"><stop stop-color="#271512"/><stop offset="1" stop-color="#271512" stop-opacity="0"/></linearGradient><linearGradient id="iMxR7Oe" x1="19.084" x2="19.084" y1="12.788" y2="10.411" gradientUnits="userSpaceOnUse"><stop stop-color="#574042"/><stop offset="1" stop-color="#574042" stop-opacity="0"/></linearGradient><linearGradient id="ixfnQVb" x1="9.201" x2="12.028" y1="11.542" y2="11.655" gradientUnits="userSpaceOnUse"><stop stop-color="#452F2C"/><stop offset="1" stop-color="#523632"/></linearGradient><linearGradient id="i7NwaMN" x1="12.665" x2="11.782" y1="13.005" y2="13.005" gradientUnits="userSpaceOnUse"><stop stop-color="#1E0F0C"/><stop offset="1" stop-color="#1E0F0C" stop-opacity="0"/></linearGradient><linearGradient id="iR0Ghoc" x1="13.297" x2="17.523" y1="10.616" y2="10.616" gradientUnits="userSpaceOnUse"><stop stop-color="#432D2B"/><stop offset="1" stop-color="#523632"/></linearGradient><linearGradient id="i7VT3Qb" x1="20.397" x2="20.397" y1="3.697" y2="14.141" gradientUnits="userSpaceOnUse"><stop stop-color="#65514F"/><stop offset="1" stop-color="#65514F" stop-opacity="0"/></linearGradient><linearGradient id="i8ye50b" x1="6.708" x2="6.708" y1="8.085" y2="19.417" gradientUnits="userSpaceOnUse"><stop stop-color="#634F4D"/><stop offset="1" stop-color="#634F4D" stop-opacity="0"/></linearGradient><linearGradient id="iWD9MYc" x1="11.338" x2="11.338" y1="13.957" y2="9.834" gradientUnits="userSpaceOnUse"><stop stop-color="#795F5B"/><stop offset="1" stop-color="#795F5B" stop-opacity="0"/></linearGradient></defs></g></svg>

Love You Gesture Dark アイコンの使い方

React

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

<Icon icon="fluent-emoji:love-you-gesture-dark" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:love-you-gesture-dark" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:love-you-gesture-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--love-you-gesture-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:love-you-gesture-dark"></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-dark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/love-you-gesture-dark.svg" alt="Love You Gesture Dark アイコン" width="24" height="24">

Fluent Emoji の関連アイコン

他のアイコンセットの Love You Gesture Dark アイコン

Love You Gesture Dark アイコン のよくある質問

Love You Gesture Dark アイコンは商用利用でも無料ですか?

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

React で Love You Gesture Dark アイコンを使うには?

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

Love You Gesture Dark アイコンをウェブページに追加するには?

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

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