Direwolf icon

game-icons:direwolf

The Direwolf icon (game-icons:direwolf) 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="M145.14 22.185c9.508 36.595 15.32 71.885 14.22 108.31c21.73 18.495 44.074 28.207 68.035 38.93c11.813 5.288 23.99 10.82 36.37 17.69c-24.702-70.606-62.676-117.77-118.626-164.93zM27.122 25.887C24.958 45.21 27.53 71.24 34.12 97.38c6.96 18.72 16.942 37.974 27.595 54.67c15.003 23.516 32.422 42.276 40.48 46.868l-9.27 16.244c-14.91-8.496-31.08-28.122-46.978-53.037c-9.383-14.708-18.273-31.144-25.328-47.943v196.584l43.17 1.76c-2.8-23.054-4.248-45.878-2.73-66.516l18.614 1.382c-2.313 31.474 3.16 71.293 9.656 108.65c110.615 90.673 195.362 124.516 260.695 131.175l-95.107-66.8l40.053-15.876l-142.53-71.961l38.505-1.738c-28.377-14.028-48.9-32.894-63.144-55.63l1.464-22.964c35.81 41.623 89.82 73.71 151.373 98.096l-43.164 6.068l112.765 52.193l-22.39 25.518l119.7 42.32c16.61-5.68 31.058-12.678 43.66-19.464c-97.364-69.615-123.58-131.642-168.034-193.962l-.008-.01c-34.93-45.653-68.47-60.9-103.4-76.534c-33.725-15.094-68.975-30.612-101.788-72.558L27.123 25.887zm156.344 175.59l89.894 46.75l-24.032 17.57c18.66 30.458 55.134 55.834 91.12 72.86c-50.826-7.884-103.33-32.248-148.212-69.427l29.815-20.224l-38.583-47.53z"/></svg>

How to use the Direwolf icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Direwolf icon FAQ

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

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

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

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

Browse all Game Icons →