Hourglass 48 ikonu
energy-icons:hourglass-48
Hourglass 48 ikonu (energy-icons:hourglass-48), Energy Icons setinden ücretsiz bir SVG ikondur (yapımcı: Sam Passmore). 48 × 48 ızgara üzerinde çizilmiştir. Energy Icons, MIT lisansı ile yayınlanır. Bu lisans 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
- Energy Icons
- Yazar
- Sam Passmore
- Lisans
- MIT
- Boyut
- 48 × 48
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M36 5a1 1 0 1 1 0 2H12a1 1 0 1 1 0-2zm0 36a1 1 0 1 1 0 2H12a1 1 0 1 1 0-2z"/><path fill="currentColor" d="M13 42v-6c0-1.807.762-3.278 1.804-4.494c1.027-1.198 2.37-2.198 3.623-3.075c1.298-.909 2.464-1.666 3.342-2.455C22.654 25.179 23 24.557 23 24s-.346-1.18-1.231-1.976c-.878-.79-2.044-1.546-3.342-2.455c-1.254-.877-2.596-1.877-3.623-3.075C13.762 15.278 13 13.807 13 12V6a1 1 0 1 1 2 0v6c0 1.193.488 2.222 1.321 3.193c.848.99 2.006 1.865 3.252 2.738c1.202.841 2.536 1.71 3.533 2.607C24.096 21.43 25 22.558 25 24s-.904 2.57-1.894 3.462c-.997.898-2.33 1.766-3.533 2.607c-1.246.873-2.404 1.748-3.252 2.738c-.833.971-1.321 2-1.321 3.193v6a1 1 0 1 1-2 0"/><path fill="currentColor" d="M33 42v-6c0-1.193-.488-2.222-1.321-3.193c-.848-.99-2.006-1.865-3.252-2.738c-1.202-.841-2.536-1.71-3.533-2.607C23.904 26.57 23 25.442 23 24s.904-2.57 1.894-3.462c.997-.898 2.33-1.766 3.533-2.607c1.246-.873 2.404-1.748 3.252-2.738c.833-.971 1.321-2 1.321-3.193V6a1 1 0 1 1 2 0v6c0 1.807-.762 3.278-1.804 4.494c-1.027 1.198-2.37 2.198-3.623 3.075c-1.298.909-2.464 1.666-3.342 2.455C25.346 22.821 25 23.443 25 24s.346 1.18 1.231 1.976c.878.79 2.044 1.546 3.342 2.455c1.254.877 2.596 1.877 3.623 3.075C34.238 32.722 35 34.193 35 36v6a1 1 0 1 1-2 0"/></svg>Hourglass 48 ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:hourglass-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:hourglass-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:hourglass-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--hourglass-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:hourglass-48"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:hourglass-48"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/energy-icons/hourglass-48.svg" alt="Hourglass 48 ikonu" width="24" height="24">Energy Icons setindeki benzer ikonlar
Hourglass 48 ikonu: sık sorulan sorular
Hourglass 48 ikonu ticari kullanım için ücretsiz mi?
Evet. Energy Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Hourglass 48 ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="energy-icons:hourglass-48" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Hourglass 48 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/energy-icons/hourglass-48.svg" alt="Hourglass 48 ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.