Toucan icon

game-icons:toucan

The Toucan icon (game-icons:toucan) 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="M136.305 56.2c-26.775.293-51.41 10.03-68.227 26.773c-13.807 13.747-26.292 35.935-34.297 61.44s-11.387 54.328-4.72 80.88l.006.028l.008.028c16.725 64.885-8.947 137.524-8.947 209.82v8.315l8.29.654c47.508 3.753 109.388 13.052 155.915 11.496c23.264-.777 42.988-3.653 56.387-14.21c6.698-5.28 11.44-13.13 12.32-22.112c.86-8.743-1.513-18.126-6.493-28.48l-28.62-83.646c1.584-17.178 3.775-34.275 5.995-51.463c-9.145 3.377-16.63 7.06-21.967 11.062l-3.9 2.924l-4.58-1.67c-12.61-4.597-20.84-15.164-25.098-27.4c-3.734-10.73-5.053-23.012-5.232-36.28c-13.12-4.584-23.606-9.403-31.678-15.395c-20.8 68.91-60.375 117.633-21.028 179.626c54.554 51.386 80.942 36.894 118.062 25.112l1.28 3.738l.253.516c4.326 8.788 5.516 15.29 5.092 19.6s-1.96 6.906-5.55 9.734c-7.177 5.656-24.08 9.63-45.846 10.357c-41.13 1.375-98.234-6.527-145.412-10.652c1.957-65.556 26.012-136.89 8.2-206.08l-.014-.054c-5.527-22.073-2.804-47.94 4.45-71.055c7.262-23.13 19.205-43.5 29.823-54.07c13.423-13.365 34.508-21.622 57.885-21.405q1.13.01 2.27.047c12.555.41 58.063 7.278 72.234 21.35c5.96-3.354 7.456-3.266 10.998-3.643c-25.285-23.74-54.804-34.812-82.478-35.812a114 114 0 0 0-5.38-.068zm44.177 46.447c-12.823-.16-21.76 3.08-28.27 7.887c-11.577 8.548-17.266 24.19-20.054 41.078c-1.45 8.794-.018 13.53 5.84 19.33c5.475 5.42 15.875 11.11 31.682 16.635c21.675-26.59 32.825-53.065 40.363-80.022c-11.673-3.32-21.407-4.806-29.56-4.908zm70.465 6.16c-8.134.044-15.76.463-22.94 1.15c-6.935 25.474-17.194 51.583-35.652 77.497c2.252-.22 4.74-.395 7.065-.602c81.102-8.364 151.558-10.426 221.3-4.48a38 38 0 0 1-1.538-2.93c-3.443-7.358-3.7-15.327-1.22-21.902c1.934-5.134 5.1-9.336 9-12.688c-10.622-4.517-22.045-8.73-33.964-12.537c-43.227-13.812-93.02-22.376-133.746-23.422q-4.239-.108-8.305-.086m-82 9.018c9.942 0 18 8.133 18 18.166s-8.058 18.167-18 18.167c-9.94 0-18-8.134-18-18.166s8.06-18.165 18-18.165zm278.006 36.398c-5.937 2.13-10.82 6.144-12.148 9.664c-.834 2.212-.997 4.343.68 7.926c1.603 3.428 5.304 8.08 12.232 13.266c1.718.197 3.437.394 5.156.602c9.553.886 18.49 1.863 25.852 3.057c4.218.682 7.666 1.417 11.074 2.194c.69.112 1.38.214 2.073.328c-4.588-8.355-13.123-17.12-25.564-25.595c-5.77-3.93-12.27-7.758-19.357-11.444zM345.926 199.46c-4.81-.014-9.648-.01-14.502.01c-46.182.195-93.554 2.042-130.904 5.363c-6.385.66-12.723 1.296-19.256 2.035c.345 11 1.606 20.65 4.113 27.85c2.48 7.122 5.678 11.62 10.424 14.48c29.077-18.78 79.52-26.77 134.98-32.766c45.623-4.93 94.07-7.817 134.902-11.1c-4.555-.63-9.095-1.084-13.637-1.642c-18.027-1.69-39.86-2.936-63.998-3.6a1733 1733 0 0 0-42.12-.628z"/></svg>

How to use the Toucan icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Toucan icon FAQ

Is the Toucan 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 Toucan icon in React?

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

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

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

Browse all Game Icons →