Wind Face アイコン

Q: Wind Face アイコンは商用利用でも無料ですか?

はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

twemoji:wind-face

Wind Face アイコン(twemoji:wind-face)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Twitter Emoji
作者: Twitter
ライセンス: CC-BY-4.0
サイズ: 36 × 36
カテゴリ: 旅行・場所
タグ: windface

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><g fill="#bbddf5"><path d="M33.052 20.252c0 1.783-1.431 3.227-3.197 3.227s-3.197-1.444-3.197-3.227s1.431-3.229 3.197-3.229s3.197 1.447 3.197 3.229"/><path d="M35.833 22.565a2.78 2.78 0 1 1-5.562 0a2.78 2.78 0 0 1 5.562 0"/><path d="M34.595 27.072a3.188 3.188 0 1 1-6.375 0a3.188 3.188 0 0 1 6.375 0"/><path d="M30.271 27.288c0 .879-.996 1.592-2.225 1.592s-2.224-.713-2.224-1.592c0-.878.995-1.591 2.224-1.591s2.225.713 2.225 1.591m-1.248-5.777s-2.968.951-5.789.504c2.479 1.871 6.845.998 6.845.998z"/><path d="M29.221 23.335c-.087.021-3.002.551-7.037.145c1.222 1.227 6.482 1.358 7.438 1.033c.953-.325-.401-1.178-.401-1.178m.686 4s-2.422-1.123-6.673-1.988c2.896-.836 7.366.2 7.824.865c.46.665-1.151 1.123-1.151 1.123"/><path d="M32.463 24.292c0 2.275-.999 4.12-2.232 4.12s-2.233-1.845-2.233-4.12c0-2.277 1-4.122 2.233-4.122s2.232 1.845 2.232 4.122"/></g><path fill="#ccd6dd" d="M1.902 8.125s2.803 2.014 5.365.19c4.217-3.002 8.742-3.165 11.14-1.889c2.686 1.427 4.563 4.921 3.104 7.544c-1.792 3.231-.551 4.065.6 4.608c1.186.562-.338 1.859-1.008 2.018c-.668.16.297 1.501 1.039 1.501c-.232.925-.643 1.349-1.05 1.539c.612.353.868 1.495.484 1.578c-.813.176-1.491.524-1.771 1.156c-1.684 3.818-3.475-1.509-7.986 1.268c-4.897 3.013-9.855-2.424-7.299-6.395c-3.307-.658-4.104-4.176-1.807-6.057c-2.561-1.374-3.186-5.624-.811-7.061"/><path fill="#99aab5" d="M1.636 16.646s-1.492 3.71 2.886 4.598c3.52.714 5.645-1.911 5.645-1.911s-2.795 1.831-5.75.645c-2.955-1.187-2.781-3.332-2.781-3.332m.266-8.521S.042 9 .208 11.625S2.375 15.916 4.75 15c-3.708-.458-5.25-4.542-2.848-6.875"/><path fill="#99aab5" d="M4.522 21.244s-1.853 2.135 0 5.133s5.027 2.225 5.826 1.923c-5.139.772-6.749-5.232-4.569-6.933s-1.257-.123-1.257-.123m17.621.854s-.471.871-1.674.934c-.542.028.071.671.624.605c.433-.051.781-.441 1.05-1.539m-.483 3.063c.164-.142-.535-.54-1.129-.304s-.777 1.994-1.443 2.623c1.084-1.121.798-1.591 1.678-1.941c.467-.186.726-.232.894-.378m.885-5.994s.006 1.048-1.613 1.534s-.94-.508-.088-.576c1.468-.117 1.699-.96 1.701-.958m-2.378-1.708s.097-.722-.13-1.266c-.167-.402-.037.572-.949 1.022c-.985.486-2.072.534-2.072.534s1.968.845 3.151-.29m1.852-5.427s.325 3.562-3.675 3.718s-7.469-3.718-7.469-3.718s3.719 3.25 7.5 2.968c3.781-.281 3.644-2.968 3.644-2.968"/><path fill="#99aab5" d="M16.792 15.254s-1.417 2.454-5.5 2.496s-4.458-3.541-4.458-3.541s.955 3.404 5.25 2.883c2.917-.354 3.708-2.133 3.708-2.133z"/></svg>

Wind Face アイコンの使い方

React

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

<Icon icon="twemoji:wind-face" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:wind-face" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:wind-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--wind-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:wind-face"></div>

Web コンポーネント

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

<iconify-icon icon="twemoji:wind-face"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/twemoji/wind-face.svg" alt="Wind Face アイコン" width="24" height="24">

Twitter Emoji の関連アイコン

他のアイコンセットの Wind Face アイコン

Wind Face アイコンのよくある質問

Wind Face アイコンは商用利用でも無料ですか?

はい。Twitter Emoji icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Wind Face アイコンを使うには?

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

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

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

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