Canoe icon

game-icons:canoe

The Canoe icon (game-icons:canoe) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256.778 68.814c-3.52.132-8.176 1.24-12.394 3.12c-4.821 2.147-9.08 5.35-10.95 7.697c-.904 1.136-1.165 1.924-1.21 2.127l.43.701l16.894 48.273c2.802 6.565 6.66 9.584 11.082 11.086c4.449 1.512 9.782 1.192 14.537-.789s8.705-5.526 10.722-9.707c2.007-4.157 2.547-8.97-.207-15.562l-22.326-44.828l-.002-.002c-.672-1.302-1.527-1.938-5.14-2.112a17 17 0 0 0-1.436-.004m33.266 84.424c-5.14 3.557-10.91 5.906-16.608 6.94l7.354 17.422a279 279 0 0 0-5.596 1.943c-12.78 4.607-27.478 10.508-37.275 19.506c-9.451 8.68-16.245 22.202-21.672 34.002a283 283 0 0 0-7.293 17.398c-23.803 14.552-45.156 28.97-52.934 68.66c25.558 1.772 40.744 4.549 84.135 2.762c-1.585-9.478-3.145-21.732 6.121-34.758a31.5 31.5 0 0 1-10.12-6.449c-15.085-14.282-12.484-39.002 2.68-55.102c3.574-4.153 7.068-9.332 11.257-13.257c5.472-5.026 19.287-11.536 31.205-15.832a266 266 0 0 1 6.511-2.243l40.213 95.272c-4.76 2.396-9.901 4.745-15.06 6.494c-10.363 3.513-19.712 4.202-26.588.625s-11.14-6.357-14.723-9.369c-8.437 2.841-17.349 2.983-25.219-.078c9.388 11.082 22.136 20.678 32.586 26.148c12.223 6.313 27.186 3.971 39.723-.279c5.848-1.983 11.37-4.463 16.303-6.906l8.29 19.64c3.079-1.935 6.376-3.547 9.764-4.863a60 60 0 0 1 6.793-2.191l-8.879-21.035l6.274-3.333l-8.44-15.896l-4.859 2.582l-38.814-91.959l6.826-1.766l-4.504-17.423l-9.054 2.343zm-18.606 75.8a20 20 0 0 0-1.68.007c-5.832.27-12.386 3.089-17.853 8.893c-9.719 10.318-9.844 23.532-3.41 29.625c6.434 6.092 19.586 5.21 29.305-5.108s9.844-23.532 3.41-29.625c-2.463-2.332-5.91-3.643-9.772-3.793zm218.498 53.95c-34.024 15.84-70.523 27.728-107.85 36.291c4.59 1.964 8.421 6.364 10.007 10.46l22.66 45.497l.11.262c1.971 4.673 2.994 9.38 3.183 13.92c9.949-7.106 18.208-18.26 26.97-32.385c7.378 2.756 14.126 5.466 20.29 8.137c3.5-6.443 6.684-13.523 9.484-21.047c7.494-20.142 12.35-42.591 15.146-61.135M22.188 308.043c-.773 18.548 2.054 38.377 8.436 54.734c4.675 11.984 10.995 21.82 18.795 28.545c11.39-7.493 16.875-15.566 16.517-22.83c31.708 4.607 49.836 8.36 70.985 40.455c35.327-2.006 45.846-20.052 46.226-34.18c27.33 9.146 57.483 22.265 73.346 35.233c26.294-5.579 54.363-17.684 64-48c4.357 1.772 8.401 3.747 12.207 5.83c-5.087-12.27-7.485-24.1 1.61-34.562c1.998-2.227 4.257-4.184 6.683-5.918c-35.918 5.91-72.047 9.005-106.979 9.752c-84.081 1.797-160.672-9.833-211.826-29.059m349.42 27.215c-3.103-.042-7.688.763-11.994 2.435c-4.922 1.911-9.517 4.932-11.912 7.6c-2.392 2.664-2.522 3.646-2.063 5.025l11.743 33.547c12.977 8.961 24.557 15.925 40.068 13.795c.464-.064.92-.14 1.377-.217c1.73-3.995 2.084-8.623-.514-14.841l-22.384-44.944c-.987-1.685-1.482-2.146-3.086-2.33c-.435-.05-.87-.053-1.235-.07"/></svg>

How to use the Canoe icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:canoe" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:canoe" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:canoe" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--canoe]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:canoe"></div>

Web component

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

<iconify-icon icon="game-icons:canoe"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/canoe.svg" alt="Canoe icon" width="24" height="24">

Canoe icon in other icon sets

Canoe icon FAQ

Is the Canoe icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Canoe icon in React?

Install @iconify/react and render <Icon icon="game-icons:canoe" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Canoe icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/canoe.svg" alt="Canoe icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →