Heavy Timer icon

game-icons:heavy-timer

The Heavy Timer icon (game-icons:heavy-timer) 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: heavytimer

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="M25.563 18.344C111.623 205.977 310.53 404.92 498.219 491C412.14 303.367 213.25 104.405 25.56 18.344zm233.218.312c-10.107 20.728-14.86 46.41-14.28 71.813c-15.772 1.7-31.34 5.638-46.188 11.843c5.73 4.408 11.444 8.887 17.125 13.437a147 147 0 0 1 30.438-6.75c1.915 14.952 5.78 29.334 11.53 42.03c.66.582 1.312 1.17 1.97 1.75c6.285-13.29 10.402-28.54 12.375-44.405c16.632 1.05 33.113 4.906 48.688 11.594c-6.722 15.56-11.044 31.775-12.125 47.25c13.05-8.806 25.095-20.867 35.312-34.72a148 148 0 0 1 22.813 18.688a149 149 0 0 1 13.937 16.125c-14.324 10.39-26.802 22.724-35.844 36.125c16.357-1.143 33.54-5.89 49.908-13.282c7.71 15.614 12.458 32.306 14.28 49.25c-17.628 1.644-34.678 5.926-49.374 12.813c.753.84 1.5 1.687 2.25 2.53c14.29 6.336 30.652 10.278 47.53 11.813a147 147 0 0 1-7.343 35.812c4.543 5.688 9.04 11.39 13.44 17.125c7.026-16.736 11.175-34.384 12.467-52.22c23.276-.292 46.424-5.053 65.407-14.31c-19.094-9.313-42.4-14.07-65.813-14.314c-1.95-19.638-7.352-39.006-16.28-57.062c20.534-11.98 38.688-27.967 50.75-45.844c-21.718 1.517-44.895 9.384-65.688 21.375a166 166 0 0 0-16.437-19.156c-8.01-8.01-16.624-15.04-25.72-21.064C366.3 95.8 374.454 72.146 376 50c-18.6 12.55-35.16 31.694-47.28 53.25c-17.77-7.727-36.628-12.197-55.658-13.406c.488-25.2-4.255-50.63-14.28-71.188zM109.564 191.062c-6.392 15.302-10.39 31.39-12 47.657c-1.793-.055-3.58-.095-5.376-.095c-24.04 0-48.083 4.783-67.687 14.344c20.957 10.22 46.978 14.954 72.656 14.25a165.9 165.9 0 0 0 13.563 54.78c-22.225 12.198-42.04 29.117-54.907 48.188c22.76-1.583 47.09-10.154 68.624-23.125a166 166 0 0 0 20.782 25.343a166 166 0 0 0 18.75 16.125c-12.562 21.234-20.848 45.084-22.407 67.408c18.357-12.387 34.734-31.193 46.812-52.407c17.742 8.846 36.757 14.286 56.063 16.376c.04 23.938 4.824 47.856 14.343 67.375c9.438-19.348 14.222-43.02 14.345-66.75a166 166 0 0 0 53.625-12.592c-5.738-4.4-11.467-8.864-17.156-13.407a147.2 147.2 0 0 1-37.344 7.44c-1.77-17.947-6.252-35.266-13.47-50.064c-7.132 14.626-11.594 31.715-13.405 49.438a146.7 146.7 0 0 1-48.625-14.5c6.94-15.83 11.4-32.36 12.5-48.125c-12.898 8.7-24.798 20.598-34.938 34.25a149 149 0 0 1-15.875-13.783a148.3 148.3 0 0 1-18.53-22.562c13.182-9.96 24.66-21.578 33.124-34.125c-14.906 1.037-30.498 5.075-45.53 11.375c-6.7-15.384-10.63-31.677-11.813-48.125c15.835-2.107 31.014-6.356 44.188-12.78c-13.07-6.375-28.114-10.595-43.813-12.72a147 147 0 0 1 6.938-32.063c-4.55-5.68-9.03-11.394-13.438-17.125z"/></svg>

How to use the Heavy Timer icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Game Icons

Heavy Timer icon FAQ

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

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

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

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

Browse all Game Icons →