heavylargecircle emoji

heavylargecircle from Firefox OS Emoji by Mozilla · Default · Symbols · Apache-2.0 Free for personal and commercial use.

Name
heavylargecircle
Set
Firefox OS Emoji
Style
Default
Category
Symbols
Viewbox
512×512
License
Apache 2.0

More symbols icons from Firefox OS Emoji

alarmclockantennawithbarsanticlockwiseupwardsanddownwardsarrowsaquariusariesarrowrightwardsdownwardsarrowrightwardsupwardsautomatedtellermachinebabysymbolbackwithleftwardsarrowbaggageclaimballotboxwithcheckblackclubsuitblackdiamondsuitblackdownpointingdoublearrowblackheartsuitblacklargesquareblackleftpointingarrowblackleftpointingdoublearrowblackmediumsmallsquareblackmediumsquareblackquestionmarkblackrightpointingarrowblackrightpointingdoublearrow

Use the heavylargecircle emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function FxemojiHeavylargecircle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-heavylargecircle {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M256%2078.536c47.402%200%2091.967%2018.459%20125.486%2051.978c33.519%2033.518%2051.978%2078.083%2051.978%20125.486s-18.459%2091.967-51.978%20125.486c-33.518%2033.519-78.083%2051.978-125.486%2051.978s-91.967-18.459-125.486-51.978C96.996%20347.967%2078.536%20303.402%2078.536%20256s18.459-91.967%2051.978-125.486C164.033%2096.996%20208.598%2078.536%20256%2078.536m0-68C120.434%2010.536%2010.536%20120.434%2010.536%20256S120.434%20501.464%20256%20501.464S501.464%20391.566%20501.464%20256S391.566%2010.536%20256%2010.536%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M256%2078.536c47.402%200%2091.967%2018.459%20125.486%2051.978c33.519%2033.518%2051.978%2078.083%2051.978%20125.486s-18.459%2091.967-51.978%20125.486c-33.518%2033.519-78.083%2051.978-125.486%2051.978s-91.967-18.459-125.486-51.978C96.996%20347.967%2078.536%20303.402%2078.536%20256s18.459-91.967%2051.978-125.486C164.033%2096.996%20208.598%2078.536%20256%2078.536m0-68C120.434%2010.536%2010.536%20120.434%2010.536%20256S120.434%20501.464%20256%20501.464S501.464%20391.566%20501.464%20256S391.566%2010.536%20256%2010.536%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/heavylargecircle.svg?color=%231a73e8&size=48