Ikon Shuttle
whh:shuttle
Ikon Shuttle (whh:shuttle) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1025 × 1025. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- WebHostingHub Glyphs
- Pembuat
- WebHostingHub
- Lisensi
- OFL-1.1
- Ukuran
- 1025 × 1025
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1025" viewBox="0 0 1025 1025"><path fill="currentColor" d="m910 386l-12 12q-27 51-46.5 122.5T832 673v224q0 26-50.5 77t-77.5 51L473 823l-58 58q-11 11-23.5 14.5t-27.5-2t-27.5-12t-33-24.5t-32.5-30l-36.5-36.5L198 754l-30-32.5l-24.5-33l-12-27.5l-2-27.5L144 610l58-58L0 321q0-27 51-77.5t77-50.5h224q81 0 152.5-19.5T627 127l12-12q26-26 97-60T883 5t117 20q36 41 20 117t-50 147t-60 97M768 129q-15 0-36 29.5T704 193q48 24 76 52t52 76q5-7 34.5-28t29.5-36q0-53-37.5-90.5T768 129M160 801q44-1 54.5 9.5T224 865q-1 47-62.5 103.5T32 1025H0v-32q0-68 56.5-129.5T160 801"/></svg>Cara memakai ikon Shuttle
React
import { Icon } from "@iconify/react";
<Icon icon="whh:shuttle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:shuttle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:shuttle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--shuttle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:shuttle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:shuttle"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/shuttle.svg" alt="Ikon Shuttle" width="24" height="24">Ikon Shuttle di set ikon lain
FAQ Ikon Shuttle
Apakah ikon Shuttle gratis untuk penggunaan komersial?
Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Shuttle di React?
Pasang @iconify/react lalu render <Icon icon="whh:shuttle" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Shuttle ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/shuttle.svg" alt="Ikon Shuttle">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.