Blackheartsuit icon
fxemoji:blackheartsuit
The Blackheartsuit icon (fxemoji:blackheartsuit) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Symbols
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FF473E" d="M471.812 165.719c0-62.633-50.774-113.407-113.407-113.407c-38.786 0-73.018 19.475-93.467 49.175l-2.168 2.559c-3.829 4.52-10.091 4.184-13.591-.693a132 132 0 0 0-7.976-10.068l-.096.3c-20.801-25.206-52.28-41.273-87.513-41.273c-62.633 0-113.407 50.774-113.407 113.407c0 30.817 12.298 58.758 32.247 79.198l165.362 205.015c8.629 13.008 27.729 13.008 36.358 0l168.682-208.507c18.014-20.077 28.976-46.609 28.976-75.706"/></svg>How to use the Blackheartsuit icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:blackheartsuit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:blackheartsuit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:blackheartsuit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--blackheartsuit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:blackheartsuit"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:blackheartsuit"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/blackheartsuit.svg" alt="Blackheartsuit icon" width="24" height="24">Blackheartsuit icon FAQ
Is the Blackheartsuit icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Blackheartsuit icon in React?
Install @iconify/react and render <Icon icon="fxemoji:blackheartsuit" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Blackheartsuit icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/blackheartsuit.svg" alt="Blackheartsuit icon">, or paste the SVG code inline to style it with CSS.