Hoppscotch ikonu
selfhst:hoppscotch
Hoppscotch ikonu (selfhst:hoppscotch), 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
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#08110f" d="M114.3 0h283.3C460.8 0 512 51.2 512 114.3v283.3c0 63.1-51.2 114.3-114.3 114.3H114.3C51.2 512 0 460.8 0 397.7V114.3C0 51.2 51.2 0 114.3 0"/><radialGradient id="SVGq3fmhdaf" cx="-98.683" cy="1.009" r=".621" gradientTransform="rotate(125.613 -53197.522 28366.606)scale(1089.59 1210.3399)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00d196" stop-opacity=".5"/><stop offset=".997" stop-color="#00d196" stop-opacity="0"/></radialGradient><path fill="url(#SVGq3fmhdaf)" fill-opacity=".5" d="M114.3 0h283.3C460.8 0 512 51.2 512 114.3v283.3c0 63.1-51.2 114.3-114.3 114.3H114.3C51.2 512 0 460.8 0 397.7V114.3C0 51.2 51.2 0 114.3 0"/><linearGradient id="SVGTE2SLdLg" x1="251.8" x2="251.8" y1="411.728" y2="660.272" gradientTransform="translate(0 -280)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00d196"/><stop offset="1" stop-color="#00b381"/></linearGradient><path fill="url(#SVGTE2SLdLg)" d="M270.6 287.8c-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.5"/><radialGradient id="SVGQjo7HcRw" cx="-98.704" cy=".766" r=".621" gradientTransform="rotate(159.984 -30951.758 5788.676)scale(631.37 385.135)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><path fill="url(#SVGQjo7HcRw)" d="M270.6 287.8c-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.5"/><linearGradient id="SVG3T7fOnvC" x1="337.3" x2="337.3" y1="411.728" y2="660.272" gradientTransform="translate(0 -280)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00d196"/><stop offset="1" stop-color="#00b381"/></linearGradient><path fill="url(#SVG3T7fOnvC)" d="M332.8 323.8c10.9 3.1 21.7-1.4 24.2-10.2c2.5-8.7-4.3-18.4-15.2-21.5s-21.7 1.4-24.2 10.2s4.3 18.4 15.2 21.5"/><path fill="url(#SVGQjo7HcRw)" d="M332.8 323.8c10.9 3.1 21.7-1.4 24.2-10.2c2.5-8.7-4.3-18.4-15.2-21.5s-21.7 1.4-24.2 10.2s4.3 18.4 15.2 21.5"/><linearGradient id="SVG2XVKXbsW" x1="173.2" x2="173.2" y1="411.728" y2="660.272" gradientTransform="translate(0 -280)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00d196"/><stop offset="1" stop-color="#00b381"/></linearGradient><path fill="url(#SVG2XVKXbsW)" d="M181.9 221c9.6 6 13.5 17.1 8.7 24.8s-16.5 9.1-26.1 3.1s-13.5-17.1-8.7-24.8s16.5-9.1 26.1-3.1"/><path fill="url(#SVGQjo7HcRw)" d="M181.9 221c9.6 6 13.5 17.1 8.7 24.8s-16.5 9.1-26.1 3.1s-13.5-17.1-8.7-24.8s16.5-9.1 26.1-3.1"/><linearGradient id="SVGoP7T1d8C" x1="255.937" x2="255.937" y1="411.733" y2="660.149" gradientTransform="translate(0 -280)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00d196"/><stop offset="1" stop-color="#00b381"/></linearGradient><path fill="url(#SVGoP7T1d8C)" fill-rule="evenodd" d="M312.1 143.7c49.1 21.9 80.6 69.6 81.9 122.8c28.9 22.7 57.6 54.6 44.3 84.6c-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.6 96.9-43.1 146-21.3M99 200.1c-7.3 16.3 31.8 62.7 138.9 110.4c107 47.7 167.7 45.7 174.9 29.3c6-13.5-18.8-39.5-47.1-59.7c-22.1-15.8-52.3-33.2-91.8-50.7c-10.7-4.8-14.9-17.5-10.4-27.7c4.5-10.1 14.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.5-69.8-8.5-75.9 5"/><path fill="url(#SVGQjo7HcRw)" fill-rule="evenodd" d="M312.1 143.7c49.1 21.9 80.6 69.6 81.9 122.8c28.9 22.7 57.6 54.6 44.3 84.6c-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.6 96.9-43.1 146-21.3M99 200.1c-7.3 16.3 31.8 62.7 138.9 110.4c107 47.7 167.7 45.7 174.9 29.3c6-13.5-18.8-39.5-47.1-59.7c-22.1-15.8-52.3-33.2-91.8-50.7c-10.7-4.8-14.9-17.5-10.4-27.7c4.5-10.1 14.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.5-69.8-8.5-75.9 5"/></svg>Hoppscotch ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:hoppscotch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:hoppscotch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:hoppscotch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--hoppscotch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:hoppscotch"></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"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/hoppscotch.svg" alt="Hoppscotch ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Diğer ikon setlerinde Hoppscotch ikonu
Hoppscotch ikonu: sık sorulan sorular
Hoppscotch 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 ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:hoppscotch" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Hoppscotch 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.svg" alt="Hoppscotch ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.