Foggy ikonu

twemoji:foggy

Foggy ikonu (twemoji:foggy), Twitter Emoji setinden ücretsiz bir SVG ikondur (yapımcı: Twitter). 36 × 36 ızgara üzerinde çizilmiştir. Twitter Emoji icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Twitter Emoji
Yazar: Twitter
Lisans: CC-BY-4.0
Boyut: 36 × 36
Kategori: Seyahat ve yerler

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#88c9f9" d="M32 0H4a4 4 0 0 0-4 4v7h36V4a4 4 0 0 0-4-4"/><path fill="#e1e8ed" d="M36 16.368V9.257a4.15 4.15 0 0 0-2.188-.632c-1.325 0-2.491.627-3.259 1.588A4.47 4.47 0 0 0 27.5 9c-.721 0-1.392.185-1.996.486C24.763 8.018 23.257 7 21.5 7c-.607 0-1.184.124-1.712.342a3.49 3.49 0 0 0-6.189-.8A4.44 4.44 0 0 0 11.5 6c-1.641 0-3.062.887-3.848 2.198A4.99 4.99 0 0 0 3 5a4.96 4.96 0 0 0-3 1.022v7.955C.838 14.611 24.5 18 24.5 18s10.862-1.238 11.5-1.632"/><path fill="#ccd6dd" d="M36 14.771C35.157 13.7 33.864 13 32.396 13c-1.997 0-3.681 1.279-4.318 3.059A3.4 3.4 0 0 0 27.5 16c-.82 0-1.565.294-2.162.767C22.146 14.452 22.265 12 18 12a3.97 3.97 0 0 0-3.024 1.409A5 5 0 0 0 13 13c-.18 0-.35.034-.525.053A7 7 0 0 0 6 8.709a6.99 6.99 0 0 0-6 3.408v13.544l32.396-1.452s2.761-1.343 3.604-2.966z"/><path fill="#e1e8ed" d="M36 30.499V20.422A5 5 0 0 0 34 20a4.99 4.99 0 0 0-4.652 3.198C28.562 21.887 27.141 21 25.5 21c-.763 0-1.47.207-2.099.542a3.49 3.49 0 0 0-6.189.8A4.5 4.5 0 0 0 15.5 22c-1.757 0-3.263 1.018-4.004 2.486A4.45 4.45 0 0 0 9.5 24a4.47 4.47 0 0 0-3.054 1.213c-.768-.961-1.934-1.588-3.259-1.588c-1.284 0-2.419.591-3.188 1.501v5.373z"/><path fill="#fe5011" d="M36 24.059C32.465 22.229 25.013 17.594 20 9c0 0 0-2-2-2s-2 2-2 2C10.987 17.594 3.535 22.229 0 24.059v2.068a43 43 0 0 0 4-2.169V24h2v-1.341a44 44 0 0 0 4-3.094V27h2v-9.292a38.5 38.5 0 0 0 4-4.655V24h4V13.054a38.6 38.6 0 0 0 4 4.655V26h2v-6.435a44 44 0 0 0 4 3.095V25h2v-1.042a43 43 0 0 0 4 2.169z"/><path fill="#f5f8fa" d="M25 25c-.821 0-1.582.249-2.217.673a4.355 4.355 0 0 0-4.534-2.863a4.35 4.35 0 0 0-3.777 3.298a3.3 3.3 0 0 0-.55 0a3.3 3.3 0 0 0-1.965.93a3.76 3.76 0 0 0-2.278-.498a3.7 3.7 0 0 0-.942.236c-.003-.047.004-.093 0-.139a3.79 3.79 0 0 0-4.155-3.387a3.77 3.77 0 0 0-2.716 1.619A4.7 4.7 0 0 0 0 24.672V32c0 .773.23 1.489.61 2.101C.715 34.098 29 31.209 29 29s-1.791-4-4-4"/><path fill="#ccd6dd" d="M32 36a4 4 0 0 0 4-4v-7.608a7 7 0 0 0-3-.683a7 7 0 0 0-6.475 4.344C26.35 28.034 26.18 28 26 28c-.702 0-1.369.147-1.976.409A3.97 3.97 0 0 0 21 27a4 4 0 0 0-4 4c0 .05.013.097.015.146A4 4 0 0 0 16 31c-.876 0-1.679.289-2.338.767A3.47 3.47 0 0 0 11.5 31a3.3 3.3 0 0 0-.577.059C10.286 29.279 8.602 28 6.604 28c-1.987 0-3.665 1.266-4.31 3.03C2.195 31.022 2.101 31 2 31c-.732 0-1.41.211-2 .555V32a4 4 0 0 0 4 4z"/></svg>

Foggy ikonu nasıl kullanılır

React

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

<Icon icon="twemoji:foggy" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:foggy" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:foggy" width="24" />

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="twemoji:foggy"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/twemoji/foggy.svg" alt="Foggy ikonu" width="24" height="24">

Diğer ikon setlerinde Foggy ikonu

Foggy ikonu: sık sorulan sorular

Foggy ikonu ticari kullanım için ücretsiz mi?

Evet. Twitter Emoji icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Foggy ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="twemoji:foggy" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Foggy ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/twemoji/foggy.svg" alt="Foggy ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Twitter Emoji ikonları →