ICONYZ
Türkçe
Font Awesome 5 Solid setinden Hourglass ikonu

Hourglass ikonu

fa-solid:hourglass

Hourglass ikonu (fa-solid:hourglass), Font Awesome 5 Solid setinden ücretsiz bir SVG ikondur (yapımcı: Dave Gandy). 384 × 512 ızgara üzerinde çizilmiştir. Font Awesome 5 Solid 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
Font Awesome 5 Solid
Yazar
Dave Gandy
Lisans
CC-BY-4.0
Boyut
384 × 512
Kategori
Nesneler, Tarih ve saat
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="384" height="512" viewBox="0 0 384 512"><path fill="currentColor" d="M360 64c13.255 0 24-10.745 24-24V24c0-13.255-10.745-24-24-24H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24c0 90.965 51.016 167.734 120.842 192C75.016 280.266 24 357.035 24 448c-13.255 0-24 10.745-24 24v16c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24v-16c0-13.255-10.745-24-24-24c0-90.965-51.016-167.734-120.842-192C308.984 231.734 360 154.965 360 64"/></svg>

Hourglass ikonu nasıl kullanılır

React

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

<Icon icon="fa-solid:hourglass" width="24" />

Vue

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

<template>
  <Icon icon="fa-solid:hourglass" width="24" />
</template>

Svelte

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

<Icon icon="fa-solid:hourglass" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--hourglass]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:hourglass"></div>

Web bileşeni

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

<iconify-icon icon="fa-solid:hourglass"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/fa-solid/hourglass.svg" alt="Hourglass ikonu" width="24" height="24">

Font Awesome 5 Solid setindeki benzer ikonlar

Diğer ikon setlerinde Hourglass ikonu

Hourglass ikonu: sık sorulan sorular

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

Evet. Font Awesome 5 Solid 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.

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

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

Hourglass 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/fa-solid/hourglass.svg" alt="Hourglass ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Font Awesome 5 Solid ikonları →