Tear Tracks icon

game-icons:tear-tracks

The Tear Tracks icon (game-icons:tear-tracks) 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: teartracks, track

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="M255.938 18.22c-42.195 0-80.92 25.056-109.782 67.75c-28.862 42.692-47.312 102.834-47.312 169.06c0 66.228 18.45 125.715 47.312 168.407c8.205 12.137 17.224 22.822 26.875 31.938V345.062c-1.848-68.64-15.293-95.28-56.374-95.28c0-33.167 45.555-52.78 82.563-52.313c25.32.32 46.655 10.066 46.655 31.28c-34.76 19.23-50.127 40.276-54.156 97.625V470.5c19.73 13.406 41.468 20.688 64.218 20.688c22.727 0 44.44-7.276 64.156-20.657V325.97c-4.074-57.04-19.45-78.038-54.125-97.22c0-21.214 21.334-30.96 46.655-31.28c37.008-.47 82.563 19.145 82.563 52.31c-41.08 0-54.526 26.64-56.375 95.282v110.375c9.675-9.128 18.683-19.837 26.906-32c28.86-42.692 47.342-102.18 47.342-168.406s-18.48-126.368-47.343-169.06c-28.863-42.694-67.588-67.75-109.783-67.75zm-78.344 194.56c-12.51 0-22.656 10.147-22.656 22.657s10.146 22.657 22.656 22.657s22.656-10.146 22.656-22.656s-10.146-22.657-22.656-22.657zm156.656 0c-12.51 0-22.656 10.147-22.656 22.657s10.146 22.657 22.656 22.657s22.625-10.146 22.625-22.656s-10.115-22.657-22.625-22.657z"/></svg>

How to use the Tear Tracks icon

React

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

<Icon icon="game-icons:tear-tracks" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:tear-tracks" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:tear-tracks" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:tear-tracks"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/tear-tracks.svg" alt="Tear Tracks icon" width="24" height="24">

Related icons in Game Icons

Tear Tracks icon FAQ

Is the Tear Tracks 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 Tear Tracks icon in React?

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

How do I add the Tear Tracks icon to a web page?

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

Browse all Game Icons →