Hoplon ikonu
file-icons:hoplon
Hoplon ikonu (file-icons:hoplon), File Icons setinden ücretsiz bir SVG ikondur (yapımcı: John Gardner). 512 × 512 ızgara üzerinde çizilmiştir. File Icons, ISC 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
- File Icons
- Yazar
- John Gardner
- Lisans
- ISC
- Boyut
- 512 × 512
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M356.731 487.79H155.27c-19.4 0-37.416-10.472-47.017-27.33L7.055 282.777c-9.407-16.517-9.407-37.038 0-53.554L108.253 51.539c9.6-16.858 27.616-27.33 47.016-27.33H356.73c19.399 0 37.415 10.472 47.017 27.33l101.196 177.684c9.408 16.516 9.408 37.037 0 53.555L403.748 460.46c-9.602 16.859-27.617 27.33-47.017 27.33M155.27 53.06a25.31 25.31 0 0 0-21.948 12.757L32.124 243.5c-4.391 7.71-4.391 17.29 0 25l101.197 177.683a25.31 25.31 0 0 0 21.948 12.758H356.73a25.31 25.31 0 0 0 21.948-12.758L479.876 268.5c4.392-7.71 4.392-17.29 0-25L378.679 65.817a25.31 25.31 0 0 0-21.948-12.757zm31.282 80.96l31.29 54.348l-76.683 135.15l31.351 55.5c5.735 5.747 10.887 3.628 15.676-3.39l61.431-107.61c4.59-4.929 8.965-4.848 13.134 0l60.16 105.068c5.266 11.519 13.699 10.26 16.947 5.508l31.553-56.511L256.119 121.7h-62.334c-6.913.508-9.339 5.405-7.234 12.32"/></svg>Hoplon ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:hoplon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:hoplon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:hoplon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--hoplon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:hoplon"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:hoplon"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/file-icons/hoplon.svg" alt="Hoplon ikonu" width="24" height="24">Hoplon ikonu: sık sorulan sorular
Hoplon ikonu ticari kullanım için ücretsiz mi?
Evet. File Icons, ISC lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Hoplon ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="file-icons:hoplon" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Hoplon 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/file-icons/hoplon.svg" alt="Hoplon ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.