ICONYZ
日本語
OpenMoji の Face In Clouds アイコン

Face In Clouds アイコン

openmoji:face-in-clouds

Face In Clouds アイコン(openmoji:face-in-clouds)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
OpenMoji
作者
OpenMoji
ライセンス
CC-BY-SA-4.0
サイズ
72 × 72
カテゴリ
スマイリー・感情
タグ
facein、inclouds、faceinclouds、cloud
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d0cfce" d="M32.4 25.2a4.913 4.913 0 0 0 4.7-5.1a4.83 4.83 0 0 0-4.3-4.6a3.83 3.83 0 0 0-3.6-3.8a3.46 3.46 0 0 0-3.3 2.3a4.703 4.703 0 0 0-7 4a4 4 0 0 0-1.5-.3a3.805 3.805 0 0 0 0 7.6h15Z"/><path fill="#fcea2b" d="M36 17.6A18.4 18.4 0 1 0 54.4 36A18.35 18.35 0 0 0 36 17.6"/><path fill="#fff" d="M18.4 54.4a6.736 6.736 0 0 1-.6-13.4a5.04 5.04 0 0 1 4.9-5.2a4.85 4.85 0 0 1 4.5 3.2a5.6 5.6 0 0 1 3.1-.9a6.424 6.424 0 0 1 6.3 6.4a4.55 4.55 0 0 1 2-.5a5.17 5.17 0 0 1 4.9 5.5a5.115 5.115 0 0 1-4.9 4.9Z"/><path fill="#d0cfce" d="M53.3 59.9a6.744 6.744 0 0 0 6.8-6.8a6.84 6.84 0 0 0-6.2-6.8a5.335 5.335 0 0 0-5.3-5.3a5.5 5.5 0 0 0-4.9 3.2a6.697 6.697 0 0 0-9.2 2.5a8 8 0 0 0-.9 3a5.28 5.28 0 0 0-4.4 9.6a5.45 5.45 0 0 0 2.2.5h21.9Z"/><path fill="#fff" d="M38.2 27.1a5.55 5.55 0 0 1-5.5-5.5a5.61 5.61 0 0 1 5-5.5a4.27 4.27 0 0 1 4.3-4.3a4.14 4.14 0 0 1 3.9 2.6a5.432 5.432 0 0 1 8.2 4.5a4.21 4.21 0 0 1 5.6 2.1a4.297 4.297 0 0 1-2.1 5.6a3.9 3.9 0 0 1-1.8.4H38.2Z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M53.4 29.9a18.2 18.2 0 0 1 1 6.1a18 18 0 0 1-.1 2.3m-36.6-4.2A18.27 18.27 0 0 1 30 18.6"/><path d="M31.2 32a2.4 2.4 0 1 1-2.4-2.4a2.433 2.433 0 0 1 2.4 2.4m14.4 0a2.4 2.4 0 1 1-2.4-2.4a2.433 2.433 0 0 1 2.4 2.4"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M31.9 15.3a3.495 3.495 0 0 0-6.7-1.4a4.46 4.46 0 0 0-6.1 1.7a6.6 6.6 0 0 0-.6 2a3.468 3.468 0 1 0-2.9 6.3a3.2 3.2 0 0 0 1.4.3m4.9 29.3h-3.7a6.11 6.11 0 0 1-.5-12.2h0a4.695 4.695 0 0 1 4.7-4.7a4.79 4.79 0 0 1 4.4 2.9a6.114 6.114 0 0 1 7.6 1.3m18.9 19.1a6.744 6.744 0 0 0 6.8-6.8a6.84 6.84 0 0 0-6.2-6.8h0a5.335 5.335 0 0 0-5.3-5.3a5.5 5.5 0 0 0-4.9 3.2a6.697 6.697 0 0 0-9.2 2.5a8 8 0 0 0-.9 3a5.28 5.28 0 0 0-4.4 9.6a5.45 5.45 0 0 0 2.2.5h21.9ZM38.2 27.1a5.55 5.55 0 0 1-5.5-5.5a5.61 5.61 0 0 1 5-5.5h0a4.27 4.27 0 0 1 4.3-4.3a4.14 4.14 0 0 1 3.9 2.6a5.432 5.432 0 0 1 8.2 4.5a4.21 4.21 0 0 1 5.6 2.1a4.297 4.297 0 0 1-2.1 5.6a3.9 3.9 0 0 1-1.8.4H38.2Z"/></svg>

Face In Clouds アイコンの使い方

React

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

<Icon icon="openmoji:face-in-clouds" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:face-in-clouds" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:face-in-clouds" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--face-in-clouds]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:face-in-clouds"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:face-in-clouds"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/face-in-clouds.svg" alt="Face In Clouds アイコン" width="24" height="24">

OpenMoji の関連アイコン

face-blowing-a-kiss アイコン
face-blowing-a-kiss
 face-exhaling アイコン
face-exhaling
 face-holding-back-tears アイコン
face-holding-back-tears
 face-savoring-food アイコン
face-savoring-food
 face-screaming-in-fear アイコン
face-screaming-in-fear
 face-vomiting アイコン
face-vomiting
 face-with-bags-under-eyes アイコン
face-with-bags-under-eyes
 face-with-crossed-out-eyes アイコン
face-with-crossed-out-eyes
 face-with-diagonal-mouth アイコン
face-with-diagonal-mouth
 face-with-hand-over-mouth アイコン
face-with-hand-over-mouth
 face-with-head-bandage アイコン
face-with-head-bandage
 face-with-medical-mask アイコン
face-with-medical-mask
 face-with-monocle アイコン
face-with-monocle
 face-with-open-eyes-and-hand-over-mouth アイコン
face-with-open-eyes-and-hand-over-mouth
 face-with-open-mouth アイコン
face-with-open-mouth
 face-with-peeking-eye アイコン
face-with-peeking-eye
 face-with-raised-eyebrow アイコン
face-with-raised-eyebrow
 face-with-rolling-eyes アイコン
face-with-rolling-eyes
 face-with-spiral-eyes アイコン
face-with-spiral-eyes
 face-with-steam-from-nose アイコン
face-with-steam-from-nose
 face-with-symbols-on-mouth アイコン
face-with-symbols-on-mouth
 face-with-tears-of-joy アイコン
face-with-tears-of-joy
 face-with-thermometer アイコン
face-with-thermometer
 face-with-tongue アイコン
face-with-tongue

他のアイコンセットの Face In Clouds アイコン

Fluent Emoji の Face In Clouds アイコン
Fluent Emoji
 Fluent Emoji Flat の Face In Clouds アイコン
Fluent Emoji Flat
 Fluent Emoji High Contrast の Face In Clouds アイコン
Fluent Emoji High Contrast
 Noto Emoji の Face In Clouds アイコン
Noto Emoji
 Twitter Emoji の Face In Clouds アイコン
Twitter Emoji

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

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

OpenMoji アイコン をすべて見る →