Kayak ikonu
andrsrxn:kayak
Kayak ikonu (andrsrxn:kayak), andrsrxn/icons setinden ücretsiz bir SVG ikondur (yapımcı: Andrés Raxón). 24 × 24 ızgara üzerinde çizilmiştir. andrsrxn/icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- andrsrxn/icons
- Yazar
- Andrés Raxón
- Lisans
- MIT
- Boyut
- 24 × 24
- Kategori
- Sporlar, Seyahat
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="M7.7 7.7C2.62 12.78.42 18.83 2.8 21.2c2.37 2.38 8.42.18 13.5-4.9s7.28-11.13 4.9-13.5C18.83.42 12.78 2.62 7.7 7.7m.47 5.31l2.79 2.79l4.9-4.9l-2.79-2.79z" clip-rule="evenodd" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.7 21.3c-1.55-1.54.24-8.08 5.38-13.22S19.81 1.2 21.31 2.7s-.25 8.09-5.4 13.23C10.79 21.06 4.25 22.85 2.7 21.3"/><path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17.99 6.73a.51.51 0 1 1-.72-.72a.51.51 0 0 1 .72.72M6.73 17.99a.51.51 0 1 1-.72-.73a.51.51 0 0 1 .72.73"/><rect width="7.29" height="4.34" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" rx="1" transform="rotate(-45 24.93 -5.17)scale(1 -1)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M20.64 20.64c-.58.59-.87.88-1.15.94a1 1 0 0 1-.94-.27c-.2-.2-.29-.6-.47-1.41l-.52-2.34l2.34.52c.8.18 1.2.27 1.4.47a1 1 0 0 1 .28.94c-.06.28-.35.57-.94 1.15M3.36 3.36c-.59.58-.88.87-.94 1.15a1 1 0 0 0 .27.94c.2.2.6.29 1.41.47l2.34.52l-.52-2.34c-.18-.8-.27-1.2-.47-1.4a1 1 0 0 0-.94-.28c-.28.06-.57.35-1.15.94m14.42 14.42L6.22 6.22"/></g></svg>Kayak ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:kayak" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:kayak" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:kayak" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--kayak]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:kayak"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:kayak"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/andrsrxn/kayak.svg" alt="Kayak ikonu" width="24" height="24">Diğer ikon setlerinde Kayak ikonu
Kayak ikonu: sık sorulan sorular
Kayak ikonu ticari kullanım için ücretsiz mi?
Evet. andrsrxn/icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Kayak ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="andrsrxn:kayak" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Kayak ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/andrsrxn/kayak.svg" alt="Kayak ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.