Ikon Hoppscotch
selfhst:hoppscotch
Ikon Hoppscotch (selfhst:hoppscotch) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- selfh.st/icons
- Pembuat
- selfh.st
- Lisensi
- CC-BY-4.0
- Ukuran
- 512 × 512
Kode SVG
<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>Cara memakai ikon Hoppscotch
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:hoppscotch"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/selfhst/hoppscotch.svg" alt="Ikon Hoppscotch" width="24" height="24">Ikon terkait di selfh.st/icons
Ikon Hoppscotch di set ikon lain
FAQ Ikon Hoppscotch
Apakah ikon Hoppscotch gratis untuk penggunaan komersial?
Ya. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Hoppscotch di React?
Pasang @iconify/react lalu render <Icon icon="selfhst:hoppscotch" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Hoppscotch ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/hoppscotch.svg" alt="Ikon Hoppscotch">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.