Emoji Wink Duotone アイコン
stash:emoji-wink-duotone
Emoji Wink Duotone アイコン(stash:emoji-wink-duotone)は、Stash Icons セットの無料 SVG アイコンです(作者: Pingback LLC)。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- emojiwink、winkduotone、emojiwinkduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m5.234-10.375l-.136-.53c-.085-.337-.308-.87-.876-1.026c-.659-.18-1.438.015-2.016.298a3 3 0 0 0-.793.547c-.201.201-.413.497-.413.858a.5.5 0 0 0 .707.455c.534-.242 1.098-.429 1.594-.468c.493-.039.846.07 1.079.327a.5.5 0 0 0 .854-.46M10.5 10.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m6.75 4.222a1.105 1.105 0 0 0-.33-1.195a1.24 1.24 0 0 0-1.098-.255c-.235.057-.48.127-.737.2c-.855.245-1.854.53-3.085.53c-1.307 0-3.127-.11-3.956-.167c-.414-.028-.89-.085-1.138.333a.75.75 0 0 0 .013.79c.355.553.93.875 1.328 1.38l.001.001c-.015.335-.142.657-.13.993c.008.197.066.443.259.66c.297.334.76.416 1.184.457c.44.042 1.068.054 1.939.054c1.874 0 3.19-.46 4.116-1.22c.917-.751 1.36-1.724 1.635-2.561" clip-rule="evenodd" opacity=".5"/><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 Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:emoji-wink-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:emoji-wink-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:emoji-wink-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--emoji-wink-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:emoji-wink-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:emoji-wink-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/emoji-wink-duotone.svg" alt="Emoji Wink Duotone アイコン" width="24" height="24">Stash Icons の関連アイコン
Emoji Wink Duotone アイコン のよくある質問
Emoji Wink Duotone アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Emoji Wink Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:emoji-wink-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Emoji Wink Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/emoji-wink-duotone.svg" alt="Emoji Wink Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。