Templar Heart icon
game-icons:templar-heart
The Templar Heart icon (game-icons:templar-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
- templarheart
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M332.893 24.46c-28.788.09-58.326 13.893-78.948 43.06c-25.802-33.94-66.387-47.043-101.986-40.067c-39.714 7.782-73.4 41.826-72.13 94.83c1.203 50.248 35.647 83.413 71.764 115.047c21.513 18.843 43.86 37.513 62.06 59.25c11.54 23.798 18.216 49.248 20.576 74.943c-29.393-2.8-57.648-11.638-84.19-26.353v91.902c26.518-14.695 54.958-23.64 84.19-26.345c-2.71 29.228-11.014 58.316-25.707 84.83h91.9c-14.574-26.624-23.46-55.476-26.347-84.83c29.233 2.708 58.317 11.65 84.83 26.345V345.17c-26.478 14.497-55.636 23.412-84.83 26.353c2.536-27.582 10.353-54.176 23.383-79.293c18.175-19.046 39.397-35.617 59.667-52.552c18.543-15.493 36.226-31.296 49.39-50.176c13.166-18.88 21.6-41.106 20.977-67.66c-1.167-49.86-33.55-84.978-72.29-94.674a90.8 90.8 0 0 0-22.31-2.707zm-.018 18.55c1.894.016 3.783.113 5.666.273c-23.313 7.815-40.118 29.82-40.118 55.764c0 32.483 26.333 58.816 58.816 58.816c22.212 0 41.544-12.317 51.55-30.49c-.527 20.08-7.037 36.29-17.6 51.44c-11.444 16.41-27.843 31.317-46.043 46.523c-31.857 26.616-69.413 54.153-92.62 95.404c-21.54-41.422-57.462-70.18-88.62-97.47c-35.664-31.237-64.39-59.52-65.393-101.434c-1.084-45.253 25.016-69.768 57.04-76.043c6.41-1.256 13.045-1.713 19.727-1.37c-21.685 8.664-37.01 29.848-37.01 54.624c0 32.483 26.333 58.816 58.816 58.816c31.712 0 57.55-25.1 58.758-56.517l6.582-12.23C278.688 58.9 302.762 45 326.856 43.207a73 73 0 0 1 6.02-.196z"/></svg>How to use the Templar Heart icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:templar-heart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:templar-heart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:templar-heart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--templar-heart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:templar-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:templar-heart"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/templar-heart.svg" alt="Templar Heart icon" width="24" height="24">Related icons in Game Icons
Templar Heart icon FAQ
Is the Templar 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 Templar Heart icon in React?
Install @iconify/react and render <Icon icon="game-icons:templar-heart" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Templar Heart icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/templar-heart.svg" alt="Templar Heart icon">, or paste the SVG code inline to style it with CSS.