Kayak Outline icon
glyphs:kayak-outline
The Kayak Outline icon (glyphs:kayak-outline) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- kayakoutline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40 7a2 2 0 0 1 1.495.671A48.36 48.36 0 0 1 53.682 38h.608c.86-2.892 3.539-5 6.71-5h6a7 7 0 1 1 0 14h-6a7 7 0 0 1-6.71-5h-.623a48.37 48.37 0 0 1-12.172 29.946a2 2 0 0 1-2.99 0A48.36 48.36 0 0 1 26.333 42h-.623A7 7 0 0 1 19 47h-6a7 7 0 1 1 0-14h6a7 7 0 0 1 6.71 5h.608A48.36 48.36 0 0 1 38.505 7.671A2 2 0 0 1 40 7m-9.662 35A44.36 44.36 0 0 0 40 67.516A44.35 44.35 0 0 0 49.662 42h-1.875c-.28 4.155-1.386 8.204-3.255 11.845a28 28 0 0 1-2.963 4.617a2 2 0 0 1-3.138 0a28 28 0 0 1-2.963-4.617C33.6 50.204 32.493 46.155 32.213 42zm1.861-4h-1.878A44.37 44.37 0 0 1 40 12.101A44.36 44.36 0 0 1 49.68 38H47.8c-.255-4.23-1.367-8.356-3.268-12.06a28 28 0 0 0-2.963-4.618a2 2 0 0 0-3.138 0a28 28 0 0 0-2.963 4.617c-1.9 3.705-3.013 7.83-3.269 12.061m4.024 4c.273 3.53 1.23 6.952 2.804 10.02q.456.886.973 1.722a25 25 0 0 0 .973-1.723c1.574-3.067 2.53-6.489 2.804-10.019zm7.57-4h-7.586c.25-3.607 1.214-7.105 2.82-10.235q.456-.887.973-1.723q.518.836.973 1.723c1.606 3.13 2.57 6.628 2.82 10.235m-22.557 0c-.55-.614-1.348-1-2.236-1h-6a3 3 0 0 0 0 6h6a3 3 0 0 0 2.236-1H16a2 2 0 1 1 0-4zm37.528 4c.55.614 1.347 1 2.236 1h6a3 3 0 1 0 0-6h-6a3 3 0 0 0-2.236 1H64a2 2 0 1 1 0 4z" clip-rule="evenodd"/></svg>How to use the Kayak Outline icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:kayak-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:kayak-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:kayak-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--kayak-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:kayak-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:kayak-outline"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/kayak-outline.svg" alt="Kayak Outline icon" width="24" height="24">Related icons in Glyphs
Kayak Outline icon FAQ
Is the Kayak Outline icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Kayak Outline icon in React?
Install @iconify/react and render <Icon icon="glyphs:kayak-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Kayak Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/kayak-outline.svg" alt="Kayak Outline icon">, or paste the SVG code inline to style it with CSS.