Ikon Face In Clouds

twemoji:face-in-clouds

Ikon Face In Clouds (twemoji:face-in-clouds) adalah ikon SVG gratis dari set Twitter Emoji karya Twitter. Ikon ini digambar pada grid 36 × 36. Twitter Emoji icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Twitter Emoji
Pembuat: Twitter
Lisensi: CC-BY-4.0
Ukuran: 36 × 36
Kategori: Smiley dan emosi
Tag: facein, inclouds, faceinclouds, cloud

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><circle cx="30.583" cy="7.966" r="4" fill="#f3f7f9"/><path fill="#f3f7f9" d="M7.839 29.942a4.7 4.7 0 0 1-1.578.436a4.316 4.316 0 0 1-4.627-3.937a4.306 4.306 0 0 1 3.937-4.627a4.3 4.3 0 0 1 3.719 1.633z"/><circle cx="18" cy="18" r="16" fill="#ffcc4d"/><path fill="#664500" d="M15.057 17.023c0 1.664-.966 3.019-2.152 3.019c-1.196 0-2.162-1.355-2.162-3.019c0-1.674.967-3.019 2.162-3.019c1.185-.001 2.152 1.345 2.152 3.019m11.229 0c0 1.664-.967 3.019-2.162 3.019c-1.196 0-2.162-1.355-2.162-3.019c0-1.674.967-3.019 2.162-3.019c1.196-.001 2.162 1.345 2.162 3.019"/><path fill="#c9d5dd" d="M13.931 8.882a8 8 0 0 1-.359.618a7.8 7.8 0 0 1-1.604 1.774a7.4 7.4 0 0 1-1.963 1.156c-1.614.668-3.527.737-5.092.12a4.4 4.4 0 0 1-.697-.329c-.947-.488-1.734-1.216-2.212-2.102a6.9 6.9 0 0 0 2.63 1.216a6.7 6.7 0 0 0 4.175-.418a6.5 6.5 0 0 0 1.594-.986a6.66 6.66 0 0 0 2.342-3.955a4.4 4.4 0 0 0 1.574-.737c.159-.12.319-.249.458-.379a7.45 7.45 0 0 1-.846 4.022"/><path fill="#f3f7f9" d="M35.378 4.814a3.02 3.02 0 0 1-.702 2.166a3.04 3.04 0 0 1-2.023 1.037a3.1 3.1 0 0 1-1.678-.366a5.6 5.6 0 0 1-.803 1.078c-.071.071-.132.132-.204.193a5.58 5.58 0 0 1-4.799 1.474a5.6 5.6 0 0 1-4.088-2.959a5 5 0 0 1-.417-1.037a2.6 2.6 0 0 1-.885.244a2.42 2.42 0 0 1-2.593-2.206a2.413 2.413 0 0 1 2.207-2.593a2.41 2.41 0 0 1 2.085.915A4.91 4.91 0 0 1 25.484.015a4.9 4.9 0 0 1 4.87 2.898a3 3 0 0 1 1.82-.824a2.987 2.987 0 0 1 3.204 2.725"/><path fill="#c9d5dd" d="M34.467 7.208c-.1.339-.269.658-.518.937c-.299.359-.707.608-1.166.807c-.179.08-.389.14-.588.169a5 5 0 0 1-.628.787a6 6 0 0 1-2.152 1.495c-1.415.598-3.109.658-4.553.159a5.8 5.8 0 0 1-2.132-1.265a5 5 0 0 1-1.196-1.544a4.4 4.4 0 0 1-.448-1.315c.12.239.259.458.418.678a5.6 5.6 0 0 0 1.764 1.614h.01a5.5 5.5 0 0 0 1.893.668c1.823.309 3.557-.299 4.803-1.475c.07-.06.13-.12.199-.189c.1-.11.199-.219.289-.339c.199-.229.369-.478.518-.747a3.05 3.05 0 0 0 1.674.369a3.12 3.12 0 0 0 1.813-.809"/><path fill="#f3f7f9" d="M23.775 5.926c0 3.091-3.162 5.592-7.067 5.592c-2.267 0-4.291-.844-5.582-2.156c-1.261 1.485-3.437 2.471-5.277 2.471c-2.786 0-5.043-2.257-5.043-5.043s2.257-5.043 5.043-5.043c.071 0 .152 0 .224.01A3.14 3.14 0 0 1 8.615.476c1.23 0 2.298.712 2.806 1.739C12.712 1.046 14.604.324 16.708.324c3.905-.001 7.067 2.501 7.067 5.602"/><path fill="#dee7ed" d="M27.92 4.408c-.06.409-.219.827-.458 1.216a3.8 3.8 0 0 1-1.345 1.285c-.438.249-.947.468-1.485.548a8.7 8.7 0 0 1-1.355 2.272h-.01a7 7 0 0 1-.538.568a7 7 0 0 1-.697.608a8.68 8.68 0 0 1-5.311 1.774c-1.644 0-3.368-.478-4.753-1.405a9 9 0 0 1-1.564-1.345a8.6 8.6 0 0 1-.897-1.096a8 8 0 0 1-.598-1.137a4 4 0 0 1-1.375-.379a3 3 0 0 1-.578-.329c-.568-.408-1.026-.936-1.255-1.554a2.8 2.8 0 0 1-.24-1.315A3.036 3.036 0 0 0 8.75 6.232l.189-.03a2.9 2.9 0 0 0 1.056-.428c.199.458.428.887.707 1.285c.08.13.169.249.269.369c.249.329.538.638.847.907a6.7 6.7 0 0 0 1.754 1.166a6.8 6.8 0 0 0 2.621.638a7.02 7.02 0 0 0 5.131-1.843l.179-.179a7 7 0 0 0 1.534-2.242c.658.279 1.395.329 2.152.229c.598-.08 1.236-.458 1.744-.837c.559-.41.957-.819.987-.859"/><path fill="#f3f7f9" d="M33.607 33.196a2.97 2.97 0 0 1-2.776.468l-.041-.01c0 .02-.393 1.209-1.922 1.2a2.2 2.2 0 0 1-1.668-.752a4.49 4.49 0 0 1-4.535.976a4.4 4.4 0 0 1-2.522.793c-1.881.005-2.695-.671-3.142-1.139c-3.891 2.271-8.874 1.171-10.483-.783a4 4 0 0 1-.397-.58a3.55 3.55 0 0 1-2.247.427C1.84 33.542.386 31.661.641 29.627a3.7 3.7 0 0 1 1.261-2.339c.051-.051.112-.102.163-.142a3.74 3.74 0 0 1 3.224-.65l.122.03c.152.041.295.102.437.163s.285.132.417.213c.193.112.366.234.529.376c.102-.112.203-.214.305-.315l.02-.02c1.932-1.891 4.83-2.593 7.514-1.546a7 7 0 0 1 3.071 2.318a4.36 4.36 0 0 1 2.44-.732c.946 0 1.82.295 2.542.803c1.779-.488 3.64-.224 5.196.62c.01 0 .01.01.01.01c.224.112.447.244.651.397c.213.142.417.305.62.468c.183-.325.437-.62.752-.864a3.03 3.03 0 0 1 4.057.336l.183.214a3.01 3.01 0 0 1-.548 4.229"/><path fill="#dee7ed" d="m22.729 35.087l-.07-.01a3 3 0 0 0-.149-1.743a2.98 2.98 0 0 0-2.401-1.843c-.12-.02-.249-.02-.379-.02a3.2 3.2 0 0 0-.757.09c-.03-.399-.1-.807-.199-1.186a6.9 6.9 0 0 0-1.166-2.501a7 7 0 0 0-3.109-2.361c-2.66-1.036-5.54-.339-7.453 1.534l-.02.02c-.11.1-.209.209-.309.319a3 3 0 0 0-.528-.379a3 3 0 0 0-.408-.209c-.12-.05-.239-.1-.369-.14c-.02-.01-.05-.01-.07-.02l-.12-.03a3.67 3.67 0 0 0-3.198.647c-.05.04-.11.09-.159.14l-.01-.02c.438-.857 1.355-1.574 2.491-1.803c.13-.02.259-.05.389-.06c.389-.05.787-.06 1.186.01a8.1 8.1 0 0 1 3.517-2.431c1.754-.618 3.776-.618 5.56 0c1.764.578 3.428 1.774 4.434 3.358c0 .02.01.02.01.03c.03.04.06.09.08.13a9 9 0 0 1 1.006 2.162c.01.04.03.09.05.13c0 .02.01.04.02.06c.11.418.179.847.219 1.265c.658.299 1.216.727 1.604 1.275c.369.508.618 1.076.688 1.654c.01.07.02.139.02.209c.048.627-.101 1.245-.4 1.723"/><path fill="#c9d5dd" d="M34.118 28.979c-.996-1.016-2.621-1.226-3.866-.498c-.1.04-.189.1-.279.169a2.9 2.9 0 0 0-.767.847a7 7 0 0 0-.628-.458a4.5 4.5 0 0 0-.668-.389s0-.01-.01-.01a7.46 7.46 0 0 0-6.327-.249a7 7 0 0 0-.996.508a.7.7 0 0 1-.05-.13a9 9 0 0 0-1.006-2.162c.14-.07.269-.14.399-.199c1.704-.817 3.776-1.126 5.669-.737c.937.189 1.833.508 2.66.937a8 8 0 0 1 1.066.737c.658-.249 1.355-.339 2.003-.249c.03 0 .07 0 .1.01c.717.11 1.375.369 1.863.797c.378.299.667.678.837 1.076"/></svg>

Cara memakai ikon Face In Clouds

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

<img src="https://iconyz.com/api/public/svg/twemoji/face-in-clouds.svg" alt="Ikon Face In Clouds" width="24" height="24">

Ikon terkait di Twitter Emoji

Ikon Face In Clouds di set ikon lain

FAQ Ikon Face In Clouds

Apakah ikon Face In Clouds gratis untuk penggunaan komersial?

Ya. Twitter Emoji icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Face In Clouds di React?

Pasang @iconify/react lalu render <Icon icon="twemoji:face-in-clouds" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Face In Clouds ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/twemoji/face-in-clouds.svg" alt="Ikon Face In Clouds">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Twitter Emoji →