أيقونة Kayak

andrsrxn:kayak

أيقونة Kayak (andrsrxn:kayak) أيقونة SVG مجانية من مجموعة andrsrxn/icons من تصميم Andrés Raxón. مرسومة على شبكة 24 × 24. تُنشر andrsrxn/icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: andrsrxn/icons
المؤلف: Andrés Raxón
الترخيص: MIT
الحجم: 24 × 24
الفئة: الرياضات، السفر

تنزيل SVG

شيفرة SVG

<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

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>

مكوّن ويب

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

<iconify-icon icon="andrsrxn:kayak"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/andrsrxn/kayak.svg" alt="أيقونة Kayak" width="24" height="24">

أيقونة Kayak في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Kayak

هل أيقونة Kayak مجانية للاستخدام التجاري؟

نعم. تُنشر andrsrxn/icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Kayak في React؟

ثبّت @iconify/react واعرض <Icon icon="andrsrxn:kayak" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Kayak إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/andrsrxn/kayak.svg" alt="أيقونة Kayak">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل andrsrxn/icons →