Techno Heart icon
game-icons:techno-heart
The Techno Heart icon (game-icons:techno-heart) 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
- technoheart
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M139.625 23.563c-1.58.008-3.147.052-4.72.125l171.75 258.093h146.25c15.35-16.906 27.875-35.263 35.69-56.56h-96.876c-7.317 18.17-25.136 31.093-45.845 31.093c-27.173 0-49.375-22.233-49.375-49.407c0-11.436 3.95-21.978 10.53-30.375l-49.155-77.655l-.094.156a195 195 0 0 0-3.624-6c-30.106-48.086-73.28-69.694-114.53-69.468zm228.656 2.656c-35.864.328-72.648 18.056-100.78 57.655h204.125C447.147 47.133 408.293 25.85 368.28 26.22zm-253.967.25c-11.495 2.624-22.58 7.007-32.876 13c10.672 9.08 17.47 22.6 17.47 37.624c0 12.72-4.873 24.35-12.844 33.125l43.187 67.31h85.594zM49.5 46.374c-17.074 0-30.72 13.645-30.72 30.72c0 17.073 13.646 30.686 30.72 30.686s30.72-13.612 30.72-30.686s-13.646-30.72-30.72-30.72m232.844 56.188l38.97 61.53a48.97 48.97 0 0 1 24.56-6.593c27.05 0 49.203 22.03 49.407 49.03h98.75c2.575-11.807 3.757-24.49 3.345-38.25c-.735-24.555-6.237-46.66-15.22-65.718h-199.81zm-259.47 16.062c-4.02 15.02-5.985 31.62-5.436 49.656c.095 3.143.293 6.215.562 9.25h89.063l-35.97-56.06a49 49 0 0 1-21.593 5c-9.79 0-18.926-2.887-26.625-7.845zm323 57.563c-17.073 0-30.687 13.644-30.687 30.718s13.614 30.72 30.688 30.72s30.72-13.646 30.72-30.72s-13.646-30.72-30.72-30.72zm-325.03 20.03c3.693 16.938 10.187 32.203 18.75 46.345h156.968l2.75 4.343L276.97 369.53l9.092 14.345H212.22a49.3 49.3 0 0 1-8.282 19c22.164 24.562 41.335 52.573 53.843 86.75c35.156-90.944 118.132-134.872 176.564-189.156h-137.72l-2.78-4.19l-66.594-100.06H20.844zM52.5 261.25c21.193 27.23 49.796 50.764 79.313 75.313c8.633-7.354 19.808-11.813 31.968-11.813c24.116 0 44.348 17.504 48.595 40.438h39.72L186.28 261.25zm111.28 82.188c-17.073 0-30.718 13.644-30.718 30.718s13.645 30.72 30.72 30.72c17.073 0 30.687-13.646 30.687-30.72s-13.615-30.72-30.69-30.72z"/></svg>How to use the Techno Heart icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:techno-heart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:techno-heart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:techno-heart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--techno-heart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:techno-heart"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:techno-heart"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/techno-heart.svg" alt="Techno Heart icon" width="24" height="24">Techno Heart icon FAQ
Is the Techno Heart 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 Techno Heart icon in React?
Install @iconify/react and render <Icon icon="game-icons:techno-heart" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Techno Heart icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/techno-heart.svg" alt="Techno Heart icon">, or paste the SVG code inline to style it with CSS.