Ikon Kayaking
map:kayaking
Ikon Kayaking (map:kayaking) adalah ikon SVG gratis dari set Map Icons karya Scott de Jonge. Ikon ini digambar pada grid 50 × 50. Map 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
- Map Icons
- Pembuat
- Scott de Jonge
- Lisensi
- OFL-1.1
- Ukuran
- 50 × 50
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M41.446 30.82c-.997 0-1.949.238-2.793.648a6.6 6.6 0 0 1-2.718.602a6.6 6.6 0 0 1-2.715-.602a6.4 6.4 0 0 0-2.793-.648c-.986 0-1.939.238-2.794.648a6.5 6.5 0 0 1-2.705.602a6.6 6.6 0 0 1-2.72-.602a6.4 6.4 0 0 0-2.794-.648c-.996 0-1.948.238-2.792.648a6.6 6.6 0 0 1-2.711.602a6.6 6.6 0 0 1-2.717-.602a6.34 6.34 0 0 0-2.781-.648c-.998 0-1.902.238-2.747.648c-.831.376-1.666.602-2.666.602v4.212c1 0 1.835-.229 2.668-.603a6.3 6.3 0 0 1 2.771-.647c.996 0 1.926.238 2.769.647a6.7 6.7 0 0 0 2.273.557l-3.376 3.483a2.704 2.704 0 0 0-3.431.399l-3.867 4.006c-1.074 1.113-1.075 2.916 0 4.04a2.693 2.693 0 0 0 3.898 0l3.868-4.005c.877-.911 1.029-2.271.481-3.35l4.65-4.812c.318-.104.624-.182.92-.318a6.4 6.4 0 0 1 2.792-.647c.998 0 1.95.238 2.794.647a6.6 6.6 0 0 0 2.72.603c.964 0 1.881-.229 2.705-.603a6.5 6.5 0 0 1 2.794-.647c.996 0 1.948.238 2.793.647a6.6 6.6 0 0 0 2.715.603c.965 0 1.884-.229 2.718-.603a6.4 6.4 0 0 1 2.793-.647c.995 0 1.961.238 2.815.647c.82.375 1.737.603 2.737.603V32.07c-1 0-1.917-.227-2.738-.602a6.55 6.55 0 0 0-2.816-.648m1.873-20.596l3.867-4.007c1.084-1.123 1.084-2.929 0-4.042a2.68 2.68 0 0 0-3.9 0L39.42 6.182c-.932.965-1.051 2.441-.372 3.542l-4.809 4.99l-9.552-3.667a3.8 3.8 0 0 0-.81-.364c-2.084-.646-4.286.579-4.911 2.737l-2.935 10.225l-.059.355H3v5.407c1 0 1.403-.171 2.05-.465a7.8 7.8 0 0 1 3.386-.784c1.16 0 2.322.273 3.363.774a5 5 0 0 0 2.119.475c.729 0 1.437-.157 2.095-.465a8 8 0 0 1 3.404-.784c1.173 0 2.322.261 3.387.774a4.98 4.98 0 0 0 4.226.01a7.9 7.9 0 0 1 3.397-.784c1.182 0 2.322.261 3.383.774c.68.317 1.415.475 2.125.475c.725 0 1.447-.157 2.104-.465a7.9 7.9 0 0 1 3.407-.784c.195 0 .995.063 1.786-.481c1.401-.635 1.928-.998 3.153-1.776C47.395 25.26 48.193 24 46 24H27l5.869-5.802l.745.294c.942.352 1.993-.147 2.344-1.124a1.94 1.94 0 0 0-.405-1.94l4.535-4.717c1.04.569 2.353.42 3.231-.487M25.333 24h-1.171l2.365-8.199l4.886 1.889zm-.032-18.087l-.504 1.016C24.468 7.62 23.79 8 23.011 8h-1.185c.681 1 1.989 1.632 3.248 1.632C27.133 9.632 29 7.891 29 5.756V6h-3.523zM23.011 7c.406 0 .768-.253.932-.615l.493-.897c.186-.421.58-.488 1.041-.488h3.854c-.505-2-2.311-3.782-4.446-3.782c-2.533 0-4.582 2.018-4.582 4.65c0 .42.044 1.132.154 1.132z"/></svg>Cara memakai ikon Kayaking
React
import { Icon } from "@iconify/react";
<Icon icon="map:kayaking" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="map:kayaking" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="map:kayaking" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[map--kayaking]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/map -->
<div class="i-map:kayaking"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="map:kayaking"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/map/kayaking.svg" alt="Ikon Kayaking" width="24" height="24">Ikon Kayaking di set ikon lain
FAQ Ikon Kayaking
Apakah ikon Kayaking gratis untuk penggunaan komersial?
Ya. Map Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Kayaking di React?
Pasang @iconify/react lalu render <Icon icon="map:kayaking" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Kayaking ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/map/kayaking.svg" alt="Ikon Kayaking">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.