ICONYZ
English
Western Hat icon from Game Icons

Western Hat icon

game-icons:western-hat

The Western Hat icon (game-icons:western-hat) 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
Tags
westernhat
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="M199.117 111.268c-2.435.007-4.816.524-7.117 1.675c-18.365 9.194-38.59 129.65-50.16 164.987c45.64 13.262 87.106 16.556 115.314 16.425c28.21-.13 68.652-3.635 112.97-16.49C358.53 242.48 338.34 122.123 320 112.943c-21.065-10.53-48.73 31.998-64 32c-13.6.002-37.05-33.734-56.883-33.675M224 160c11.53 40.5 9.107 74.724 0 96s-32 11.235-32 0c25.333-6.927 26.21-35.5 32-96m64 0c5.79 60.5 6.667 89.073 32 96c0 11.235-22.893 21.276-32 0s-11.53-55.5 0-96M46.79 263.127c-17.5.4-24.138 17.83-14.79 40.873c11.088 30.345 58.972 96.774 112 96c24.103-.352 31.438-15.483 112-16s87.88 15.648 112 16c53.017.774 100.907-65.655 112-96c13.006-32.066-4.934-53.25-40.016-32.84c-21.85 11.926-44.06 17.898-65.984 24.48c-.02 0-.044.024-.064.024v-.006c-45.8 13.756-87.924 17.486-116.754 17.615c-28.83.13-72.027-3.357-119.145-17.548c-21.897-6.618-44.09-12.59-66.027-24.565c-9.866-5.74-18.374-8.19-25.22-8.033"/></svg>

How to use the Western Hat icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:western-hat"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/western-hat.svg" alt="Western Hat icon" width="24" height="24">

Western Hat icon FAQ

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

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

How do I add the Western Hat icon to a web page?

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

Browse all Game Icons →