Emoji Wink Light アイコン

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

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

stash:emoji-wink-light

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

アイコンセット: Stash Icons
作者: Pingback LLC
ライセンス: MIT
サイズ: 24 × 24
タグ: emojiwink、winklight、emojiwinklight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.75 10.75c-.75-.827-2.134-.485-3.25.022c0-.654 1.605-1.49 2.59-1.22c.293.08.45.371.523.666zM8.951 12a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3"/><path fill="currentColor" d="M16.423 11.002c.257.283.736.024.641-.345l-.039-.156c-.132-.537-.283-1.146-.885-1.311c-.617-.169-1.364.013-1.928.29c-.29.14-.558.32-.76.523c-.192.192-.376.458-.376.769c0 .268.286.452.53.341c.54-.245 1.12-.438 1.637-.478c.514-.04.912.071 1.18.367"/><path fill="currentColor" fill-rule="evenodd" d="M16.708 13.716c.247.213.377.56.256.928c-.268.817-.691 1.738-1.556 2.446c-.87.714-2.124 1.163-3.957 1.163c-.872 0-1.489-.012-1.915-.053c-.542-.052-1.191-.231-1.216-.878c-.008-.186.029-.37.065-.554c.032-.165.065-.33.066-.498c-.075-.168-.229-.294-.376-.414q-.065-.053-.125-.105c-.272-.24-.632-.56-.87-.929c-.234-.364.08-.797.488-.766a81 81 0 0 0 1.516.097c.886.05 1.988.1 2.867.1c1.27 0 2.313-.299 3.172-.545l.175-.052c.474-.143.992-.3 1.41.06m-7.945 1.42c.323.293.688.647.688 1.117c0 .34-.058.627-.096.812l-.02.097c.533.117 1.105.106 1.66.096q.231-.004.456-.005c1.667 0 2.677-.406 3.323-.936c.598-.49.938-1.129 1.177-1.801q-.217.059-.483.135c-.862.249-2.089.602-3.517.602a59 59 0 0 1-3.188-.117" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M12 2.5a9.5 9.5 0 1 0 0 19a9.5 9.5 0 0 0 0-19M3.5 12a8.5 8.5 0 1 1 17 0a8.5 8.5 0 0 1-17 0" clip-rule="evenodd"/></svg>

Emoji Wink Light アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Stash Icons の関連アイコン

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

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

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

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

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

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

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

Stash Icons をすべて見る →