Wyvern icon

game-icons:wyvern

The Wyvern icon (game-icons:wyvern) 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="m324.97 17.54l.087.106l-34.924 32.428l36.904-3.752l-15.396 30.12l38.048-16.075c26.147 69.965.623 154.277-52.555 166.262c-6.554-25.37-34.13-37.945-36.055-57.382c.303.093.604.187.912.27a27.1 27.1 0 0 0 14.274-.07l25.138 22.89l20.653-16.377c-7.363 2.836-28.588-1.402-33.25-13.923a27.1 27.1 0 0 0 6.793-11.922c.485-1.813.757-3.635.86-5.445l11.524 22.777l5.22-16.94c7.625 5.575 12.474 13.605 11.49 21.136l16.673-29.4l-72.14-29.56l-58.057-48.03l17.1 31.25l-48.206-19.753l35.14 31.237c-40.602 28.158-22.085 85.04-1.796 119.29c-57.5-9.685-103.128-77.435-95.763-145.03l49.21-21.366l-31.08-5.14l29.207-33.417l-32.015 11.54c.037-.067.07-.135.107-.202c-168.36 66.33-116.413 367-63.728 417.99c-.19-1.317-.364-2.58-.54-3.855c-14.922-56.244-20.375-125.624-17.5-190.53c3.02-68.237 14.834-131.16 36.794-169.522l16.22 9.283c-18.894 33.008-31.4 94.563-34.345 161.064c-1.942 43.86.106 90.022 6.275 132.082c6.124 1.892 15.046 9.615 27.295 23.24c-4.818-13.35-6.78-26.5-6.482-38.28c20.286 41.665 67.34 69.234 104.633 62.308c22.444-4.17 41.803-12.73 57.81-24.475l7.31 15.418c-20.068 5.036-22.807 32.635-14.737 55.112c1.748-19.882 11.36-29.794 21.73-32.303c-6.598 15.867-4.698 30.623-3.117 44.158c10.15-12.147 21.47-23.793 23.628-39.354c8.738 7.332 12.317 21.49 1.194 39.057c26.32-15.473 31.565-41.994 7.978-57.685l-32.07-34.297c5.918-5.55 11.24-11.6 15.947-18.066l39.28 15.776c-3.942 13.69 5.833 31.512 19.77 43.31c-8.055-17.288-4.826-30.08 2.562-37.103c1.63 17.39 10.64 29.193 18.733 40.064c2.73-15.665 6.79-31.493-.213-45.987c11.016 1.56 21.2 11.568 20.338 31.877c14.362-25.313 6.11-49.702-20.742-51.52l-71.135-9.892c12.757-22.982 18.676-49.823 17.015-77.475c14.188-34.708 50.058-11.816 54.523 49.16C394.924 262.27 434.58 304 426.324 367.13c11.808-23.38 21.835-35.013 29.862-36.247c-10.772-91.925-40.458-191.57-77.637-250.748l15.823-9.942c50.328 80.106 85.112 220.65 84.88 331.547c42.403-115.912-2.347-356.61-154.282-384.2m-29.458 476.913l-.026.016l-.015.05q.021-.031.042-.067zm26.543-318.492h.01v-.007l-.01.008zm-53.348-41.716a9.1 9.1 0 0 1 2.652.313c4.774 1.28 7.467 5.945 6.187 10.72s-5.943 7.47-10.72 6.19c-4.775-1.28-7.468-5.943-6.188-10.72c.96-3.584 3.823-5.993 7.21-6.435a9 9 0 0 1 .857-.068zM204.904 297.13c11.878-.2 22.637 6.756 26.172 22.487c-.008 35.88-9.557 68.823-42.137 77.412c-27.624 7.283-69.725-11.398-84.12-53.663c12.28-21.078 37.362-21.986 62.838 22.592c-12.583-41.596 14.386-68.444 37.246-68.83z"/></svg>

How to use the Wyvern icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Wyvern icon FAQ

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

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

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

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

Browse all Game Icons →