Icono Kayak Outline
glyphs:kayak-outline
El icono Kayak Outline (glyphs:kayak-outline) es un icono SVG gratuito de la colección Glyphs de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Glyphs
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- kayakoutline
Código SVG
<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>Cómo usar el icono Kayak Outline
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/kayak-outline.svg" alt="Icono Kayak Outline" width="24" height="24">Iconos relacionados en Glyphs
Preguntas frecuentes sobre Icono Kayak Outline
¿El icono Kayak Outline es gratis para uso comercial?
Sí. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Kayak Outline en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:kayak-outline" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Kayak Outline a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/kayak-outline.svg" alt="Icono Kayak Outline">, o pega el código SVG en línea para darle estilo con CSS.