Top Hat icon

game-icons:top-hat

The Top Hat icon (game-icons:top-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: tophat

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="M203.594 58.188c-1.933-.01-3.824-.006-5.688.03c-22.398.437-39.932 4.19-51.812 9.688c-15.84 7.33-20.987 15.728-19.78 25.625c1.434 11.79 13.465 23.993 37.405 33.532c23.94 9.54 58.333 15.71 98.78 16.813c39.643 1.082 78.206-.902 103.563-7.625c12.678-3.362 21.815-8.05 26.062-12.5s5.273-7.606 2.47-15.22c-2.138-5.8-9.053-12.543-20.626-18.56c-11.575-6.02-27.22-11.233-44.564-15.47c-34.675-8.47-76.14-13.155-107.5-15.563h-.03a261 261 0 0 0-18.282-.75zm-72.313 72.718c5.676 41.283 10.312 83.897 5.94 129.03c.064 6.285 2.516 11.206 7.81 16.345c5.873 5.7 15.5 10.996 27.72 15.158c24.44 8.323 58.864 12.14 92.938 11.75c34.073-.39 67.996-4.942 91.406-12.22c11.704-3.638 20.75-8.09 25.47-12.03c2.653-2.217 3.885-3.58 4.31-4.813c-6.956-41.256-4.108-83.612 2.407-126.22c-5.526 2.566-11.706 4.63-18.405 6.407c-28.88 7.658-68.327 9.357-108.875 8.25c-42.035-1.147-78.177-7.392-105.188-18.156c-9.615-3.83-18.264-8.317-25.53-13.5zM117.657 266.78c-10.383 3.2-20.108 6.752-29.062 10.658c-42.218 18.415-66.15 43.515-67.938 68.812c-1.084 15.323 3.8 28.18 14.344 40.125c10.543 11.944 27.054 22.592 48.406 31.094c42.706 17.003 104.308 25.326 172.97 23.03c67.127-2.244 127.832-10.5 170.718-25.28c21.443-7.392 38.36-16.458 49.375-26.5c11.014-10.045 16.25-20.462 16.25-32.94c0-12.476-5.55-24.876-16.845-37.155c-11.296-12.28-28.275-24.05-49.688-34.156a280 280 0 0 0-19.968-8.47c2.088 11.05 4.905 21.955 8.655 32.688c4.382 12.54.81 25.65-7.438 35.03c-8.248 9.383-20.406 16.283-35.03 21.938c-29.25 11.31-68.99 17.358-108.97 18.22c-39.978.86-79.94-3.45-109.718-14.376c-14.89-5.463-27.414-12.538-35.907-22.563c-8.494-10.024-12.13-23.69-8.407-37.593c3.867-14.44 6.522-28.603 8.25-42.563zm15.22 23.69a329 329 0 0 1-5.407 23.717c-2.33 8.702-.7 14.412 4.593 20.657c5.29 6.245 15.052 12.34 28.093 17.125c26.083 9.57 64.56 14.043 102.875 13.217s76.716-6.937 102.658-16.968c12.97-5.017 22.683-11.086 27.718-16.814s6.182-9.87 3.844-16.562a242 242 0 0 1-5.813-19.188c-7.61 5.452-17.37 9.6-28.812 13.156c-26.114 8.118-61.16 12.657-96.72 13.063c-35.557.406-71.418-3.262-99.186-12.72c-13.456-4.58-25.092-10.516-33.845-18.686z"/></svg>

How to use the Top Hat icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:top-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:top-hat"></iconify-icon>

HTML image

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

Related icons in Game Icons

Top Hat icon in other icon sets

Top Hat icon FAQ

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

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

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

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

Browse all Game Icons →