Ikon Spring Rider
pinhead:spring-rider
Ikon Spring Rider (pinhead:spring-rider) adalah ikon SVG gratis dari set Pinhead Map Icons karya Quincy Morgan. Ikon ini digambar pada grid 15 × 15. Pinhead Map Icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Pinhead Map Icons
- Pembuat
- Quincy Morgan
- Lisensi
- CC0-1.0
- Ukuran
- 15 × 15
- Tag
- springrider
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M10 9.5c0 .18-.09.37-.28.45l-.1.04l-2.06.51l2.06.51c.47.12.5.76.1.94l-.1.04l-2.06.51l2.06.51c.47.12.5.76.1.94l-.1.04l-.06.01H12c.51 0 .94.39.99.88L13 15H2c0-.55.45-1 1-1h2.43l2.01-.5l-2.06-.51c-.47-.12-.5-.76-.1-.94l.1-.04l2.06-.51l-2.06-.51c-.47-.12-.5-.76-.1-.94l.1-.04l2.06-.51zM12 0v1c.62 0 1.21.31 1.55.83l1.28 1.92c.11.16.17.36.17.55v.77c0 .27-.22.5-.5.5c-.1 0-.2-.03-.28-.09l-.97-.65a.824.824 0 0 0-1.12.22c-.08.14-.13.29-.13.45c0 .58-.08 1.15-.23 1.7l2.55.85c.66.22.89 1.03.47 1.57l-.08.09l-2 2c-.39.39-1.03.39-1.42 0a.995.995 0 0 1-.08-1.32l.08-.1l.86-.85L10.84 9h-6.9L3 9.57V11l-.01.12c-.05.49-.48.88-.99.88s-.94-.39-.99-.88L1 11V9l.01-.13c.03-.26.16-.49.37-.65l.11-.08L3 7.23V7c0-.55-.45-1-1-1c-.51 0-.94.39-.99.88L1 7c0 .51-.39.94-.88.99L0 8V4.5c0-.55.45-1 1-1c.62 0 1.21.31 1.55.83L3 5c0-.55.45-1 1-1h1v.5l.01.16A2.49 2.49 0 0 0 7.5 7c1.33 0 2.41-1.03 2.49-2.34L10 4.5V4c0-2.67.67-4 2-4M9 4v.5l-.01.14C8.92 5.41 8.28 6 7.5 6s-1.42-.59-1.49-1.36L6 4.5V4z"/></svg>Cara memakai ikon Spring Rider
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:spring-rider" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:spring-rider" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:spring-rider" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--spring-rider]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:spring-rider"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:spring-rider"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/pinhead/spring-rider.svg" alt="Ikon Spring Rider" width="24" height="24">Ikon Spring Rider di set ikon lain
FAQ Ikon Spring Rider
Apakah ikon Spring Rider gratis untuk penggunaan komersial?
Ya. Pinhead Map Icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Spring Rider di React?
Pasang @iconify/react lalu render <Icon icon="pinhead:spring-rider" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Spring Rider ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/pinhead/spring-rider.svg" alt="Ikon Spring Rider">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.