Canoe 2 icon
glyphs-poly:canoe-2
The Canoe 2 icon (glyphs-poly:canoe-2) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly 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 Poly
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#eb5757" fill-rule="evenodd" d="M60.86 31c-2.767 4.782-7.938 8-13.86 8H33c-5.922 0-11.093-3.218-13.86-8z" clip-rule="evenodd"/><path fill="#eb5757" d="m60.86 31l.865.5a1 1 0 0 0-.866-1.5zm-41.72 0v-1a1 1 0 0 0-.865 1.5zm40.854-.5C57.399 34.984 52.55 38 47 38v2c6.294 0 11.787-3.42 14.725-8.5zM47 38H33v2h14zm-14 0c-5.55 0-10.399-3.015-12.994-7.5l-1.731 1C21.213 36.58 26.706 40 33 40zm-13.86-6h41.72v-2H19.14z"/><path fill="#f2c94c" fill-rule="evenodd" d="M17.197 25.514C11.762 28.071 8 33.596 8 40c0 8.836 7.163 16 16 16h32c8.837 0 16-7.164 16-16c0-6.404-3.762-11.929-9.196-14.486C61.597 33.156 54.98 39 47 39H33c-7.981 0-14.597-5.844-15.803-13.486" clip-rule="evenodd"/><path fill="#f2c94c" d="m17.197 25.514l.987-.156a1 1 0 0 0-1.413-.749zm45.607 0l.425-.905a1 1 0 0 0-1.413.75zM9 40c0-6.002 3.525-11.183 8.622-13.581l-.851-1.81C10.999 27.325 7 33.194 7 40zm15 15c-8.284 0-15-6.716-15-15H7c0 9.389 7.611 17 17 17zm32 0H24v2h32zm15-15c0 8.284-6.716 15-15 15v2c9.389 0 17-7.611 17-17zm-8.622-13.581C67.475 28.817 71 33.998 71 39.999h2c0-6.805-3.999-12.674-9.77-15.39zm-.562-1.06C60.685 32.521 54.48 37.998 47 37.998v2c8.48 0 15.51-6.209 16.791-14.329zM47 37.998H33v2h14zm-14 0c-7.481 0-13.685-5.477-14.816-12.64l-1.975.311C17.49 33.79 24.519 40 33 40z"/></g></svg>How to use the Canoe 2 icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:canoe-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:canoe-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:canoe-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--canoe-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:canoe-2"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:canoe-2"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/canoe-2.svg" alt="Canoe 2 icon" width="24" height="24">Related icons in Glyphs Poly
Canoe 2 icon in other icon sets
Canoe 2 icon FAQ
Is the Canoe 2 icon free for commercial use?
Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Canoe 2 icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:canoe-2" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Canoe 2 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/canoe-2.svg" alt="Canoe 2 icon">, or paste the SVG code inline to style it with CSS.