Hierarchy Square 10 ikonu
hugeicons:hierarchy-square-10
Hierarchy Square 10 ikonu (hugeicons:hierarchy-square-10), Huge Icons setinden ücretsiz bir SVG ikondur (yapımcı: Hugeicons). 24 × 24 ızgara üzerinde çizilmiştir. Huge 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
- Huge Icons
- Yazar
- Hugeicons
- Lisans
- MIT
- Boyut
- 24 × 24
- Etiketler
- hierarchysquare
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 20c0-.943 0-1.414.293-1.707S3.057 18 4 18h1c.943 0 1.414 0 1.707.293S7 19.057 7 20s0 1.414-.293 1.707S5.943 22 5 22H4c-.943 0-1.414 0-1.707-.293S2 20.943 2 20Zm15 0c0-.943 0-1.414.293-1.707S18.057 18 19 18h1c.943 0 1.414 0 1.707.293S22 19.057 22 20s0 1.414-.293 1.707S20.943 22 20 22h-1c-.943 0-1.414 0-1.707-.293S17 20.943 17 20Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 17.5c0-3.31-.648-4-3.75-4H14.5m-10 4c0-3.31.648-4 3.75-4H9.5M12 7v4"/><path d="M10 2h4c1.815 0 2 .925 2 2.5S15.815 7 14 7h-4c-1.815 0-2-.925-2-2.5S8.185 2 10 2Zm4.5 11.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0Z"/></g></svg>
Hierarchy Square 10 ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:hierarchy-square-10" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:hierarchy-square-10" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:hierarchy-square-10" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--hierarchy-square-10]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:hierarchy-square-10"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:hierarchy-square-10"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/hugeicons/hierarchy-square-10.svg" alt="Hierarchy Square 10 ikonu" width="24" height="24">
Huge Icons setindeki benzer ikonlar
Hierarchy Square 10 ikonu: sık sorulan sorular
Hierarchy Square 10 ikonu ticari kullanım için ücretsiz mi?
Evet. Huge Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Hierarchy Square 10 ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="hugeicons:hierarchy-square-10" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Hierarchy Square 10 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/hugeicons/hierarchy-square-10.svg" alt="Hierarchy Square 10 ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Huge Icons →
ICONYZ
