Ikon Bike
et:bike
Ikon Bike (et:bike) adalah ikon SVG gratis dari set Elegant karya Kenny Sing. Ikon ini digambar pada grid 56 × 32. Elegant icons dirilis di bawah lisensi GPL 3.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial; versi file ikon yang dimodifikasi harus tetap memakai lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Elegant
- Pembuat
- Kenny Sing
- Lisensi
- GPL-3.0-or-later
- Ukuran
- 56 × 32
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="32" viewBox="0 0 56 32"><path fill="currentColor" d="M45.5 11c-1.924 0-3.723.529-5.276 1.436L33.423 2h9.599c-.013.498-.129 1.331-.699 1.986C41.736 4.659 40.787 5 39.5 5a.5.5 0 0 0 0 1c1.589 0 2.792-.456 3.576-1.356c1.163-1.336.93-3.136.919-3.212A.5.5 0 0 0 43.5 1h-11a.498.498 0 0 0-.418.774l2.831 4.344H19.048L15.965 1H21.5a.5.5 0 0 0 0-1h-9a.5.5 0 0 0 0 1h2.314c.01.023.012.048.025.07l3.412 5.662l-3.054 5.39A10.4 10.4 0 0 0 10.5 11C4.71 11 0 15.71 0 21.5S4.71 32 10.5 32c5.588 0 10.157-4.391 10.42-10H32c.029.579-.096 1.368-.644 1.989C30.764 24.66 29.803 25 28.5 25a.5.5 0 0 0 0 1c1.608 0 2.824-.457 3.614-1.358c1.142-1.304.927-3.036.918-3.109a.5.5 0 0 0-.496-.435h-3.928l7.047-13.84l3.73 5.724C36.735 14.889 35 17.992 35 21.5C35 27.29 39.71 32 45.5 32S56 27.29 56 21.5S51.29 11 45.5 11M34.605 7l-6.848 13.568L19.651 7zm-15.762.715l8.065 13.383H20.98a10.49 10.49 0 0 0-4.912-8.484zm1.137 13.383h-8.719l4.314-7.615a9.5 9.5 0 0 1 4.405 7.615M10.5 31C5.262 31 1 26.738 1 21.5S5.262 12 10.5 12c1.51 0 2.934.364 4.204.993l-4.736 8.358a.5.5 0 0 0 .003.498c.089.153.254.248.432.15h9.567C19.659 27.057 15.537 31 10.5 31m35 0c-5.238 0-9.5-4.262-9.5-9.5c0-3.157 1.554-5.952 3.932-7.68l5.247 8.051a.5.5 0 0 0 .692.146a.5.5 0 0 0 .146-.692l-5.247-8.051A9.4 9.4 0 0 1 45.5 12c5.238 0 9.5 4.262 9.5 9.5S50.738 31 45.5 31"/></svg>
Cara memakai ikon Bike
React
import { Icon } from "@iconify/react";
<Icon icon="et:bike" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="et:bike" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="et:bike" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[et--bike]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/et -->
<div class="i-et:bike"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="et:bike"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/et/bike.svg" alt="Ikon Bike" width="24" height="24">
Ikon Bike di set ikon lain
FAQ Ikon Bike
Apakah ikon Bike gratis untuk penggunaan komersial?
Ya. Elegant icons dirilis di bawah lisensi GPL 3.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial; versi file ikon yang dimodifikasi harus tetap memakai lisensi yang sama.
Bagaimana cara memakai ikon Bike di React?
Pasang @iconify/react lalu render <Icon icon="et:bike" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Bike ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/et/bike.svg" alt="Ikon Bike">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Elegant →
ICONYZ
