Ikon Directions Bike Sharp

material-symbols-light:directions-bike-sharp

Ikon Directions Bike Sharp (material-symbols-light:directions-bike-sharp) adalah ikon SVG gratis dari set Material Symbols Light karya Google. Ikon ini digambar pada grid 24 × 24. Material Symbols Light icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Material Symbols Light
Pembuat: Google
Lisensi: Apache-2.0
Ukuran: 24 × 24
Kategori: Transportasi umum
Tag: bicycle, bike, direction, directions, human, maps, person, public, route, transportation, directionsbike, bikesharp, directionsbikesharp, directions bike outline sharp

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.116 5.385q-.633 0-1.067-.434t-.433-1.066t.433-1.067t1.067-.433t1.066.433t.434 1.067t-.434 1.066t-1.066.434m-4.893 5l2.277 2.377V18.5h-1v-4.942l-4.642-3.523l4.088-4.089q.229-.229.524-.347t.63-.118t.63.118t.524.347l1.9 1.9q.656.656 1.527 1.088t1.919.527V10.5q-1.325-.096-2.37-.601t-1.884-1.345L13.2 7.408zm-4.838 2.23q1.856 0 3.12 1.265T9.769 17t-1.264 3.12t-3.12 1.264t-3.12-1.264T1 17t1.265-3.12t3.12-1.265m2.481 6.867Q8.885 18.463 8.885 17t-1.019-2.482T5.385 13.5t-2.482 1.018Q1.885 15.537 1.885 17t1.018 2.482T5.385 20.5q1.463 0 2.481-1.018m13.87-5.602Q23 15.144 23 17t-1.264 3.12t-3.12 1.264t-3.12-1.264T14.23 17t1.264-3.12q1.265-1.265 3.12-1.265t3.12 1.265m-.638 5.602q1.019-1.019 1.019-2.482t-1.019-2.482t-2.482-1.018t-2.481 1.018T15.116 17t1.018 2.482t2.482 1.018t2.481-1.018"/></svg>

Cara memakai ikon Directions Bike Sharp

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols-light:directions-bike-sharp" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols-light:directions-bike-sharp" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols-light:directions-bike-sharp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--directions-bike-sharp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:directions-bike-sharp"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-symbols-light:directions-bike-sharp"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/directions-bike-sharp.svg" alt="Ikon Directions Bike Sharp" width="24" height="24">

Ikon terkait di Material Symbols Light

Ikon Directions Bike Sharp di set ikon lain

FAQ Ikon Directions Bike Sharp

Apakah ikon Directions Bike Sharp gratis untuk penggunaan komersial?

Ya. Material Symbols Light icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Directions Bike Sharp di React?

Pasang @iconify/react lalu render <Icon icon="material-symbols-light:directions-bike-sharp" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Directions Bike Sharp ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols-light/directions-bike-sharp.svg" alt="Ikon Directions Bike Sharp">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Material Symbols Light →