Ikon Hack The Box
thesvg-color:hack-the-box
Ikon Hack The Box (thesvg-color:hack-the-box) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 1024 × 791. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 1024 × 791
- Tag
- hackthe, thebox, hackthebox
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="791" viewBox="0 0 1024 791"><path fill="#9fef00" d="M697.938 297.501c0-.046.005-.093.005-.14c0-4.646-2.054-8.996-5.516-11.951q-.252-.217-.514-.424l-.155-.122a15 15 0 0 0-1.9-1.247L520.095 185.6q-.615-.365-1.257-.677a15.7 15.7 0 0 0-12.135-.643a16 16 0 0 0-2.923 1.397l-169.86 98.065c-4.866 2.81-7.862 8-7.862 13.618c0 .114.009.227.011.34c-.003.126-.021.25-.021.376v195.836c0 5.997 3.357 11.21 8.296 13.862l169.795 98.03q.471.272.955.509l.067.03q.726.347 1.475.617l.208.078a16 16 0 0 0 1.783.5q.755.169 1.52.26q.122.014.244.024c.536.055 1.072.09 1.61.09c.537 0 1.074-.035 1.61-.09q.121-.01.244-.024a16 16 0 0 0 1.805-.325a16 16 0 0 0 1.498-.435l.208-.078q.748-.268 1.473-.616l.069-.031q.484-.237.955-.508l169.795-98.03c4.938-2.653 8.295-7.866 8.295-13.863V297.956c0-.152-.01-.303-.014-.455m-305.267-6.545l115.632-66.76a7.4 7.4 0 0 1 7.398 0l115.63 66.759c4.932 2.847 4.932 9.966 0 12.813L515.699 370.53a7.4 7.4 0 0 1-7.398 0L392.67 303.77c-4.932-2.848-4.932-9.966 0-12.814m99.298 253.755c0 5.682-6.15 9.233-11.071 6.392l-115.406-66.63a7.38 7.38 0 0 1-3.69-6.392V344.834c0-5.682 6.15-9.233 11.071-6.392l115.406 66.63a7.38 7.38 0 0 1 3.69 6.392zm170.229-66.63a7.38 7.38 0 0 1-3.69 6.392l-115.406 66.63c-4.92 2.841-11.071-.71-11.071-6.392V411.464a7.38 7.38 0 0 1 3.69-6.392l115.405-66.63c4.92-2.841 11.072.71 11.072 6.392z"/></svg>
Cara memakai ikon Hack The Box
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:hack-the-box" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:hack-the-box" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:hack-the-box" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--hack-the-box]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:hack-the-box"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:hack-the-box"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/hack-the-box.svg" alt="Ikon Hack The Box" width="24" height="24">
Ikon terkait di theSVG Color
Ikon Hack The Box di set ikon lain
FAQ Ikon Hack The Box
Apakah ikon Hack The Box gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Hack The Box di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:hack-the-box" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Hack The Box ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/hack-the-box.svg" alt="Ikon Hack The Box">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon theSVG Color →
ICONYZ
