Tearing icon
game-icons:tearing
The Tearing icon (game-icons:tearing) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M14.223 16.04C61.87 72.49 129.64 160.757 96.22 203.394c56.01 18.077 119.235 143.897 150.99 175.052c1.477-24.13 23.964-14.4 51.776 7.51c10.106-14.555 19.463-30.113 28.04-46.437c-71.51-21.026-159.736-152.712-108.915-135.123C159.834 150.63 67.013 58.298 14.224 16.04zm392.732.126l.035.838c3.71 31.3 4.355 64.147 2.094 97.443c35.58 48.458 39.525 120.59 24.836 190.244c-11.444 54.268-34.302 107.376-64.797 147.394c23.478 24.646 40.965 44.89 40.965 44.89c56.49-99.385 157.33-291.34-3.133-480.808zm-.865 129.848c-11.03 90.59-42.957 181.907-92.518 252.078c14.08 12.273 28.75 26.505 42.31 40.304c27.426-37.093 49.073-86.927 59.75-137.562c11.892-56.388 10.05-113.31-9.542-154.82"/></svg>How to use the Tearing icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:tearing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:tearing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:tearing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--tearing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:tearing"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:tearing"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/tearing.svg" alt="Tearing icon" width="24" height="24">Tearing icon FAQ
Is the Tearing 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 Tearing icon in React?
Install @iconify/react and render <Icon icon="game-icons:tearing" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tearing icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/tearing.svg" alt="Tearing icon">, or paste the SVG code inline to style it with CSS.