Ikon Foggy
emojione:foggy
Ikon Foggy (emojione:foggy) adalah ikon SVG gratis dari set Emoji One (Colored) karya Emoji One. Ikon ini digambar pada grid 64 × 64. Emoji One (Colored) 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
- Emoji One (Colored)
- Pembuat
- Emoji One
- Lisensi
- CC-BY-4.0
- Ukuran
- 64 × 64
- Kategori
- Perjalanan
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#b4d7ee" d="M0 0h64v64H0z"/><g fill="#dae3ea"><path d="M19.7 6.4c0 .8-.7 1.5-1.5 1.5H5.3c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5h12.9c.8 0 1.5.7 1.5 1.5"/><path d="M25.4 3.5c0 .8-.7 1.5-1.5 1.5H11c-.8 0-1.5-.7-1.5-1.5c.1-.8.7-1.5 1.5-1.5h13c.8 0 1.4.7 1.4 1.5m34.8 16.1c0 .8-.7 1.5-1.5 1.5H45.8c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5h12.9c.8 0 1.5.7 1.5 1.5"/><path d="M56.8 16.7c0 .8-.7 1.5-1.5 1.5H42.4c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5h12.9c.8 0 1.5.7 1.5 1.5"/></g><path fill="#7c8d93" d="M48 30.7h16V49H44V34.7c0-2.2 1.8-4 4-4"/><path fill="#d6eef0" d="M60.8 34h.4c.4 0 .8.4.8 1v14h-2V35c0-.6.4-1 .8-1m-5 0h.4c.4 0 .8.4.8 1v14h-2V35c0-.6.4-1 .8-1"/><g fill="#7c8d93"><path d="M51.3 28h11v2.9h-11zM0 28.1h13.1v-5.2L0 25.9z"/><path d="M0 28h13v21H0z"/></g><path fill="#d6eef0" d="M9.5 36c0 .5-.4 1-1 1h-3c-.6 0-1-.5-1-1v-2c0-.6.4-1 1-1h3c.6 0 1 .4 1 1zm0 8c0 .5-.4 1-1 1h-3c-.6 0-1-.5-1-1v-2c0-.6.4-1 1-1h3c.6 0 1 .4 1 1z"/><path fill="#62727a" d="M23 4L13 15.3V49h20V15.3z"/><path fill="#d6eef0" d="M30 28c0 .5-.5 1-1 1H17c-.5 0-1-.5-1-1v-2c0-.6.5-1 1-1h12c.5 0 1 .4 1 1z"/><path fill="#ffdd7d" d="M30 44c0 .5-.5 1-1 1H17c-.5 0-1-.5-1-1v-2c0-.6.5-1 1-1h12c.5 0 1 .4 1 1z"/><path fill="#d6eef0" d="M30 20c0 .5-.5 1-1 1H17c-.5 0-1-.5-1-1v-2c0-.6.5-1 1-1h12c.5 0 1 .4 1 1z"/><path fill="#62727a" d="M50 23v-4l-6-2V6h-2v11l-6 2v4h-3v26h20V23z"/><path fill="#d6eef0" d="M41.5 30c0 .5-.5 1-1 1h-3c-.5 0-1-.5-1-1v-2c0-.6.5-1 1-1h3c.5 0 1 .4 1 1zm8 8c0 .5-.5 1-1 1h-3c-.5 0-1-.5-1-1v-2c0-.6.5-1 1-1h3c.5 0 1 .4 1 1z"/><path fill="#6adbc6" d="M41.5 46c0 .5-.5 1-1 1h-3c-.5 0-1-.5-1-1v-2c0-.6.5-1 1-1h3c.5 0 1 .4 1 1zm8 0c0 .5-.5 1-1 1h-3c-.5 0-1-.5-1-1v-2c0-.6.5-1 1-1h3c.5 0 1 .4 1 1z"/><path fill="#d6eef0" d="M30 36c0 .5-.5 1-1 1H17c-.5 0-1-.5-1-1v-2c0-.6.5-1 1-1h12c.5 0 1 .4 1 1z"/><path fill="#d0d0d0" d="m0 56l64-10v18H0z"/><path fill="#e8e8e8" d="M47 40.9c.4 0 .7.1 1.1.2c.4-2.4 2.4-4.2 4.9-4.2c2 0 3.7 1.2 4.5 2.9c.7-.5 1.5-.9 2.5-.9c2.2 0 4 1.8 4 4s-1.8 4-4 4H47c-1.7 0-3-1.3-3-3c0-1.6 1.3-3 3-3"/><circle cx="8" cy="52.9" r="8" fill="#d0d0d0"/><path fill="#e8e8e8" d="M8.9 42.5c.5 0 1 .1 1.4.3c.5-3.3 3.2-5.9 6.4-5.9c2.6 0 4.8 1.7 5.9 4c.9-.8 2-1.2 3.2-1.2c2.9 0 5.2 2.5 5.2 5.6s-2.3 5.6-5.2 5.6H8.9C6.7 50.9 5 49 5 46.7s1.7-4.2 3.9-4.2M0 54c2.5 0 4.5 1.8 4.9 4.2c.4-.2.7-.3 1.1-.3c1.7 0 3 1.3 3 3c0 1.6-1.3 3-3 3H0z"/><path fill="#d0d0d0" d="M58.2 41.6c-2.7 0-5.1.9-7 2.5c-2.3-4.8-7.1-8.1-12.8-8.1c-7 0-12.8 5.1-13.9 11.7c-.9-.4-2-.6-3-.6c-4.7 0-8.5 3.8-8.5 8.4s3.8 8.4 8.5 8.4H64V43.2c-1.7-1-3.7-1.6-5.8-1.6"/><path fill="#e8e8e8" d="M59.2 50.3c-.6 0-1.2.1-1.7.3c-.6-3.8-3.9-6.7-7.9-6.7c-3.2 0-6 1.9-7.2 4.6c-1.1-.9-2.5-1.4-4-1.4c-3.5 0-6.4 2.9-6.4 6.4s2.9 6.4 6.4 6.4h20.8c2.7 0 4.8-2.1 4.8-4.8c0-2.6-2.1-4.8-4.8-4.8M28 58c-.4 0-.7.1-1.1.2c-.4-2.4-2.4-4.2-4.9-4.2c-2 0-3.7 1.2-4.5 2.9c-.7-.6-1.6-.9-2.5-.9c-2.2 0-4 1.8-4 4s1.8 4 4 4h13c1.7 0 3-1.3 3-3s-1.3-3-3-3"/><path fill="#d0d0d0" d="M47 63.9c-.9-4.6-5.1-8-10-8s-9.1 3.4-10 8zm-25.5.1c-1.7-3.6-4.9-6-8.5-6s-6.8 2.4-8.5 6zM0 42.9v8h9.8c-.9-4.5-5-8-9.8-8"/></svg>
Cara memakai ikon Foggy
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:foggy" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:foggy" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:foggy" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--foggy]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:foggy"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:foggy"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/emojione/foggy.svg" alt="Ikon Foggy" width="24" height="24">
Ikon Foggy di set ikon lain
FAQ Ikon Foggy
Apakah ikon Foggy gratis untuk penggunaan komersial?
Ya. Emoji One (Colored) 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 Foggy di React?
Pasang @iconify/react lalu render <Icon icon="emojione:foggy" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Foggy ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/emojione/foggy.svg" alt="Ikon Foggy">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Emoji One (Colored) →
ICONYZ
