Heavy Collar icon

game-icons:heavy-collar

The Heavy Collar icon (game-icons:heavy-collar) 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: heavycollar

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="M185.4 75.49C167 75.64 147.5 79.5 128 86c49.4 15.9 77.5 80.1 128 81c52 .6 74.6-62.5 128-81c-48-16-96-16-128 16c-19-19-43.6-26.72-70.6-26.51m-10.2 66.01L73.55 158.4C86.09 179 98.58 197.5 111 213.8l81.8-54.5c-6.1-5.2-11.9-11.1-17.6-17.8m161.6 0c-5.7 6.7-11.5 12.6-17.6 17.8l81.9 54.6c12.4-16.3 24.9-34.8 37.4-55.5zm-123 32.4l-20.1 80.3c3.5-3.8 7.7-7.2 12.3-10.1c7.1-4.4 15.5-7.9 24.6-10.1c-.9-.6-1.8-1.2-2.6-1.8c-7.6-5.7-13-14.3-13-24.2s5.4-18.5 13-24.2c1.2-.9 2.4-1.7 3.7-2.4c-6.1-1.9-12-4.4-17.9-7.5m84.4 0c-5.9 3.1-11.8 5.6-17.9 7.5c1.3.7 2.5 1.5 3.7 2.4c7.6 5.7 13 14.3 13 24.2s-5.4 18.5-13 24.2c-.8.6-1.7 1.2-2.6 1.8c9.1 2.2 17.5 5.7 24.6 10.1q7.05 4.35 12.3 10.2zm-235.62 1L32 496h215V328.6c-1.7-.1-3.4-.3-5.1-.5c-61.8-7.1-121.2-59.6-179.32-153.2m386.82 0c-59.9 97-121 149.4-184.4 153.8V496h215zm-255.8 5.5L122.2 228c16 19.5 31.8 35.5 47.5 48zm124.8 0l23.9 95.9c15.8-12.5 31.7-28.6 47.7-48.2zM256 193c-7 0-13.2 2.2-17.2 5.2c-4.1 3.1-5.8 6.4-5.8 9.8s1.7 6.7 5.8 9.8c4 3 10.2 5.2 17.2 5.2s13.2-2.2 17.2-5.2c4.1-3.1 5.8-6.4 5.8-9.8s-1.7-6.7-5.8-9.8c-4-3-10.2-5.2-17.2-5.2m0 56c-16.2 0-30.6 4.2-40.5 10.3c-9.8 6.2-14.5 13.5-14.5 20.7s4.7 14.5 14.5 20.7c11.9 6.9 27.4 10.1 40.3 10.3c13.5-.6 30.1-3.9 40.7-10.3c9.8-6.2 14.5-13.5 14.5-20.7s-4.7-14.5-14.5-20.7c-9.9-6.1-24.3-10.3-40.5-10.3"/></svg>

How to use the Heavy Collar icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:heavy-collar"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/heavy-collar.svg" alt="Heavy Collar icon" width="24" height="24">

Related icons in Game Icons

Heavy Collar icon FAQ

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

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

How do I add the Heavy Collar icon to a web page?

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

Browse all Game Icons →