Hoppscotch Light ikonu
selfhst:hoppscotch-light
Hoppscotch Light ikonu (selfhst:hoppscotch-light), selfh.st/icons setinden ücretsiz bir SVG ikondur (yapımcı: selfh.st). 512 × 512 ızgara üzerinde çizilmiştir. selfh.st/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
- selfh.st/icons
- Yazar
- selfh.st
- Lisans
- CC-BY-4.0
- Boyut
- 512 × 512
- Etiketler
- hoppscotchlight
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M365.7 280.2c-22.1-15.8-52.3-33.2-91.8-50.7c-10.7-4.8-14.9-17.5-10.4-27.7s14.4-16.9 35.3-17.9c9.8 0 11.1-2.8 11.6-5.1c.6-3.6-4.4-7.3-9.6-9.6c-41-18.2-91.1-10.6-125.9 26c-34-7.6-69.9-8.6-75.9 4.9c-7.3 16.3 31.8 62.7 138.9 110.4c107 47.7 167.7 45.7 174.9 29.3c6.1-13.5-18.7-39.5-47.1-59.6m-175.1-34.4c-4.8 7.7-16.5 9.1-26.1 3.1s-13.5-17.1-8.7-24.8s16.5-9.1 26.1-3.1s13.5 17.1 8.7 24.8m80 42c-3.7 8.4-15.2 11.4-25.5 6.7c-10.4-4.6-15.8-15.1-12.1-23.5s15.2-11.4 25.5-6.7c10.4 4.7 15.8 15.2 12.1 23.5m86.4 25.9c-2.5 8.7-13.4 13.3-24.2 10.2c-10.9-3.1-17.7-12.7-15.2-21.5c2.5-8.7 13.4-13.3 24.2-10.2s17.7 12.7 15.2 21.5M397.7 0H114.3C51.2 0 0 51.2 0 114.3v283.3C0 460.8 51.2 512 114.3 512h283.3c63.1 0 114.3-51.2 114.3-114.3V114.3C512 51.2 460.8 0 397.7 0m40.6 351.2c-15 33.6-68.3 32.3-129 15.2c-29.2 16.2-65.5 18.9-98.2 4.3c-32.8-14.6-55-43.4-62.5-75.9c-53.2-33.7-90-72.4-75-106c13.4-30 56.2-30 92.5-23.7c40.4-34.7 97-43.2 146.1-21.4c49.1 21.9 80.6 69.6 81.9 122.8c28.8 22.8 57.5 54.7 44.2 84.7"/></svg>Hoppscotch Light ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:hoppscotch-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:hoppscotch-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:hoppscotch-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--hoppscotch-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:hoppscotch-light"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:hoppscotch-light"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/hoppscotch-light.svg" alt="Hoppscotch Light ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Hoppscotch Light ikonu: sık sorulan sorular
Hoppscotch Light ikonu ticari kullanım için ücretsiz mi?
Evet. selfh.st/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.
Hoppscotch Light ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:hoppscotch-light" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Hoppscotch Light 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/selfhst/hoppscotch-light.svg" alt="Hoppscotch Light ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.