ICONYZ
日本語
Stash Icons の Emoji Wink アイコン

Emoji Wink アイコン

stash:emoji-wink

Emoji Wink アイコン(stash:emoji-wink)は、Stash Icons セットの無料 SVG アイコンです(作者: Pingback LLC)。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Stash Icons
作者
Pingback LLC
ライセンス
MIT
サイズ
24 × 24
タグ
emojiwink
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m17.098 10.095l.136.53a.5.5 0 0 1-.854.46c-.233-.256-.586-.365-1.079-.326c-.496.04-1.06.226-1.594.468a.5.5 0 0 1-.707-.455c0-.36.212-.657.412-.858c.215-.214.496-.401.794-.547c.578-.283 1.358-.477 2.016-.298c.568.156.791.69.876 1.026M9 12a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3"/><path fill="currentColor" fill-rule="evenodd" d="M16.92 13.527c.316.273.485.724.33 1.195c-.274.837-.717 1.81-1.634 2.562c-.926.759-2.242 1.219-4.116 1.219c-.87 0-1.5-.012-1.939-.054a3 3 0 0 1-.608-.108a1.23 1.23 0 0 1-.576-.35a1.04 1.04 0 0 1-.258-.659c-.008-.187.029-.369.065-.552c.028-.146.057-.292.064-.44a4 4 0 0 0-.412-.399c-.27-.238-.66-.582-.917-.984a.75.75 0 0 1 .687-1.153q.77.056 1.54.1c2.05.115 3.948.138 5.939-.431c.258-.074.502-.144.737-.202c.39-.095.8 0 1.098.255m-1.342 1.367c-.86.248-2.124.609-3.578.609a52 52 0 0 1-2.566-.082c.139.179.316.464.316.832c0 .275-.036.518-.07.7c.35.036.92.05 1.82.05c1.626 0 2.574-.395 3.165-.879c.415-.34.7-.763.913-1.23" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75s9.75-4.365 9.75-9.75S17.385 2.25 12 2.25M3.75 12a8.25 8.25 0 1 1 16.5 0a8.25 8.25 0 0 1-16.5 0" clip-rule="evenodd"/></svg>

Emoji Wink アイコンの使い方

React

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

<Icon icon="stash:emoji-wink" width="24" />

Vue

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

<template>
  <Icon icon="stash:emoji-wink" width="24" />
</template>

Svelte

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

<Icon icon="stash:emoji-wink" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="stash:emoji-wink"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/stash/emoji-wink.svg" alt="Emoji Wink アイコン" width="24" height="24">

Stash Icons の関連アイコン

他のアイコンセットの Emoji Wink アイコン

Emoji Wink アイコン のよくある質問

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

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

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

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

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

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

Stash Icons をすべて見る →