Ikon Horse Riding
maki:horse-riding
Ikon Horse Riding (maki:horse-riding) adalah ikon SVG gratis dari set Maki karya Mapbox. Ikon ini digambar pada grid 15 × 15. Maki 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.
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M6 1a1 1 0 1 1 1 1a1 1 0 0 1-1-1m2 2.5v-.058A.47.47 0 0 0 7.5 3H6.442A.47.47 0 0 0 6 3.5V7h2Zm6.85 3.644L12.8 4.8l.085-.509l.008-.063a.25.25 0 0 0-.25-.25a.35.35 0 0 0-.158.056L9 7H8l1 1v1.5a.5.5 0 0 1-1 0v-1L6 7H4a1.5 1.5 0 0 0-1.243.661A1.47 1.47 0 0 0 1.563 7H1.5A1.45 1.45 0 0 0 0 8.4v.086A3.8 3.8 0 0 0 .559 10.4a.28.28 0 0 0 .191.1a.25.25 0 0 0 .25-.25V9s-.02-.924.753-1c.5-.048.747.253.747.5V11L2 13v1.75a.25.25 0 0 0 .25.25a.254.254 0 0 0 .25-.234V13L4 11v1l.5 2.8a.255.255 0 0 0 .246.2a.25.25 0 0 0 .254-.246L4.855 12.3L5.5 11H8v1l.508 2.813A.26.26 0 0 0 8.75 15a.25.25 0 0 0 .25-.25V12l.367-1a1.16 1.16 0 0 0 .543-.6l2.161-3.767a.86.86 0 0 0 1.023.4l1.066.818a.6.6 0 0 0 .35.135a.49.49 0 0 0 .475-.4a.55.55 0 0 0-.135-.442"/></svg>Cara memakai ikon Horse Riding
React
import { Icon } from "@iconify/react";
<Icon icon="maki:horse-riding" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="maki:horse-riding" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="maki:horse-riding" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[maki--horse-riding]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/maki -->
<div class="i-maki:horse-riding"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="maki:horse-riding"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/maki/horse-riding.svg" alt="Ikon Horse Riding" width="24" height="24">Ikon Horse Riding di set ikon lain
FAQ Ikon Horse Riding
Apakah ikon Horse Riding gratis untuk penggunaan komersial?
Ya. Maki icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Horse Riding di React?
Pasang @iconify/react lalu render <Icon icon="maki:horse-riding" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Horse Riding ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/maki/horse-riding.svg" alt="Ikon Horse Riding">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.