Love Letter icon

game-icons:love-letter

The Love Letter icon (game-icons:love-letter) 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: loveletter

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="M216.058 50.312c-.86-.005-1.572.037-2.12.123c-5.981.932-20.108 8.016-36.207 19.511c-16.098 11.496-34.887 27.134-53.93 44.485C95.74 140 67.162 169.31 45.217 194.7a3640 3640 0 0 0 50.812-3.872c1.538-16.08 6.79-32.61 17.368-45.879c10.166-12.751 26.122-21.682 46.617-21.675c18.943.006 41.55 7.126 68.935 23.275c21.438-25.45 40.574-39.736 58.412-45.451c4.809-1.54 9.513-2.39 14.06-2.643c13.645-.757 25.888 3.872 35.364 11.428c12.635 10.075 21.142 24.598 26.899 38.805c.992 2.45 1.896 4.884 2.724 7.293c23.722-4.31 47.353-8.98 70.862-14.045c-37.748-21.248-80.89-42.643-120-59.428c-24.529-10.527-47.336-19.235-65.735-24.926c-16.098-4.98-29.455-7.241-35.476-7.271zM305.4 116.13c-3.799-.029-7.94.635-12.548 2.111c-14.046 4.5-32.654 17.808-54.899 45.59l-5.01 6.26l-6.795-4.258c-28.717-17.994-50.548-24.553-66.142-24.558c-15.595-.005-25.28 5.793-32.537 14.896c-14.515 18.206-15.809 52.865-10.364 69.465c18.603 56.713 44.738 83.02 82.76 99.79c40.195-.354 79.786-7.153 118.967-19.483c20.884-31.578 38.095-67.142 36.006-118.356c-.289-7.076-2.844-19.814-7.838-32.139c-4.994-12.324-12.465-24.333-21.44-31.49c-5.609-4.473-11.496-7.346-18.552-7.773q-.794-.048-1.608-.055m-3.562 12.434a32 32 0 0 1 1.945.008c12.646.438 23.185 11.183 29.035 24.455c-30.127-21.403-61.454-.145-79.638 12.49c12.363-17.632 28.675-36.452 48.658-36.953m-137.897 25.761c13.546.007 30.081 4.885 46.036 17.26c-86.153-26.888-63.03 66.667-35.965 120.168c-28.36-17.18-59.2-88.077-38.166-125.47c3.994-7.101 14.55-11.965 28.095-11.958m273.852 5.817a2248 2248 0 0 1-66.674 13.187c.972 4.94 1.54 9.517 1.703 13.524c1.966 48.19-12.285 84.872-30.328 115.326c3.958-.999 8.002-2.008 11.836-2.985c35.11-44.441 56.905-91.65 83.463-139.052m15.437 9.289c-24.388 43.716-45.437 88.85-78.228 132.535c42.408 26.96 76.17 59.279 109.562 91.057c-4.48-75.07-16.635-149.384-31.334-223.592m-357.435 39.4a3715 3715 0 0 1-68.361 5.033c42.3 39.285 77.699 79.787 131.166 113.1c2.476.118 4.947.205 7.414.275c-28.645-19.655-50.737-49.423-66.012-95.994c-2.143-6.533-3.63-14.2-4.207-22.414m-66.64 31.49l35.439 208.356c15.896-32.83 45.198-74.957 77.945-110.531c-46.16-29.99-78.98-64.656-113.385-97.825zm333.741 75.29l-1.09.277c-54.862 13.97-125.265 32.309-201.154 29.244c-35.114 37.072-67.574 85.062-82.158 116.557c146.769-2.776 272.969-26.229 398.856-50.698c-35.89-34.067-70.647-67.974-114.454-95.38"/></svg>

How to use the Love Letter icon

React

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

<Icon icon="game-icons:love-letter" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:love-letter" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:love-letter" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:love-letter"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/love-letter.svg" alt="Love Letter icon" width="24" height="24">

Related icons in Game Icons

Love Letter icon in other icon sets

Love Letter icon FAQ

Is the Love Letter 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 Love Letter icon in React?

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

How do I add the Love Letter icon to a web page?

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

Browse all Game Icons →