Pirate Hat icon

game-icons:pirate-hat

The Pirate Hat icon (game-icons:pirate-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: piratehat

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="M94.32 70.473c-12.257.27-25.32 12.332-36.568 29.64a146 146 0 0 1 19.855-12.115c-31.622 23.364-46.658 83.72-47.166 122.336C43.54 191.32 70.73 160.196 96 174.964c-28.952-6.018-47.296 38.325-56.428 58.606c22.808-9.36 39.494-24.152 72.428-24.523c-32.47 21.4-43.966 44.83-56.428 68.168c23.376-14.505 40.286-22.99 55.528-26.227c13.683-16.43 28.01-33.093 43.728-46.746c11.79-10.24 24.533-18.877 38.37-24.043c-16.805-46.114-42.764-88.828-89.626-107.49c-3-1.6-6.1-2.307-9.252-2.237zM207.578 194.64c-14.066 3.29-27.57 11.573-40.947 23.192c-17.53 15.227-34.353 35.82-50.868 55.703s-32.62 39.088-50.287 51.707c-13.545 9.674-29.157 15.164-45.014 12.565c2.883 14.468 9.866 33.213 19.38 50.42c12.655 22.886 30.036 43.342 44.482 50.59c6.637 3.328 12.566 3.416 21.23 1.243c8.662-2.173 19.453-6.957 32.762-12.52C164.934 416.41 201.78 402.6 256 402.6s91.066 13.81 117.686 24.94c13.31 5.563 24.1 10.347 32.763 12.52s14.59 2.085 21.228-1.244c14.446-7.247 31.827-27.703 44.482-50.59c9.514-17.206 16.497-35.95 19.38-50.42c-15.858 2.6-31.47-2.89-45.015-12.564c-17.667-12.62-33.772-31.823-50.287-51.707s-33.337-40.476-50.87-55.703c-13.376-11.62-26.88-19.902-40.946-23.193c3.024 13.966-.075 26.363-7.594 34.985c-10.06 11.535-25.643 16.307-40.828 16.307s-30.77-4.772-40.828-16.307c-7.52-8.622-10.618-21.02-7.594-34.986zm113.04 35.702c8.495-.304 17.71 10.54 7.925 22.465c16.326-15.08 30.872 6.004 13.81 13.808c-13.26 6.065-25.986 13.423-37.937 21.86a32.3 32.3 0 0 1 1.584 9.958c0 10.202-2.76 19.5-10.88 26.696l-1.18 1.055l-.047 1.582l-.11 4.397c13.784 10.594 29.233 19.1 46.635 25.016c20.08 6.825 5.405 31.39-15.922 15.912c18.035 18.658-6.53 32.908-14.275 14.275c-4.626-11.13-10.36-21.786-17.02-31.887l-.007.233c-1.505.906-4.646 2.64-9.295 4.308V340.6h-9.343v21.583c-3.997.946-6.635 1.68-11.875 1.94v-20.516h-11.344v20.565c-5-.19-7.527-.81-11.518-1.645V340.6h-9.344v20c-5.884-1.864-9.905-3.948-11.69-4.96l-.01-.298c-6.652 10.092-12.38 20.738-17.003 31.855c-7.746 18.632-32.31 4.384-14.274-14.275c-21.327 15.48-36.005-9.097-15.924-15.922c17.313-5.885 32.705-14.322 46.435-24.84l-.156-4.687l-.05-1.547l-1.152-1.032C208.72 317.74 206 308.48 206 298.396c0-3.362.53-6.647 1.533-9.798c-11.935-8.415-24.646-15.747-37.883-21.8c-17.063-7.806-2.527-28.89 13.8-13.812c-9.574-11.666-.968-22.302 7.364-22.474c3.52-.073 6.99 1.722 9.024 6.086c5.733 12.305 12.05 24.032 19.04 35.013c8.91-7.97 21.735-13.142 36.214-13.352H256c14.805 0 27.942 5.186 37.03 13.28c7.024-11.008 13.372-22.763 19.124-35.11c1.926-4.134 5.14-5.967 8.463-6.086zM224.7 293.228c-4.483.056-7.877 1.904-8.042 7.28c0 8.555 6.923 15.498 15.485 15.498c8.555 0 15.496-6.943 15.496-15.498c0 0-13.757-7.395-22.94-7.28zm62.624 0c-9.18-.116-22.937 7.28-22.937 7.28c0 8.555 6.94 15.498 15.496 15.498c8.555 0 15.484-6.943 15.484-15.498c-.164-5.376-3.56-7.224-8.043-7.28m-31.336 18.96l-7.994 17.84h15.988z"/></svg>

How to use the Pirate Hat icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Game Icons

Pirate Hat icon FAQ

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

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

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

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

Browse all Game Icons →