Heavylargecircle icon
fxemoji:heavylargecircle
The Heavylargecircle icon (fxemoji:heavylargecircle) 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="M256 78.536c47.402 0 91.967 18.459 125.486 51.978c33.519 33.518 51.978 78.083 51.978 125.486s-18.459 91.967-51.978 125.486c-33.518 33.519-78.083 51.978-125.486 51.978s-91.967-18.459-125.486-51.978C96.996 347.967 78.536 303.402 78.536 256s18.459-91.967 51.978-125.486C164.033 96.996 208.598 78.536 256 78.536m0-68C120.434 10.536 10.536 120.434 10.536 256S120.434 501.464 256 501.464S501.464 391.566 501.464 256S391.566 10.536 256 10.536"/></svg>How to use the Heavylargecircle icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:heavylargecircle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:heavylargecircle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:heavylargecircle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--heavylargecircle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:heavylargecircle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:heavylargecircle"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/heavylargecircle.svg" alt="Heavylargecircle icon" width="24" height="24">Heavylargecircle icon FAQ
Is the Heavylargecircle 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 Heavylargecircle icon in React?
Install @iconify/react and render <Icon icon="fxemoji:heavylargecircle" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Heavylargecircle icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/heavylargecircle.svg" alt="Heavylargecircle icon">, or paste the SVG code inline to style it with CSS.