Circustent icon

fxemoji:circustent

The Circustent icon (fxemoji:circustent) 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: Places

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#00B1FF" d="m259 7.246l69.667 20.664v1.181L259 49.755z"/><path fill="#597B91" d="M256 82.167a3 3 0 0 1-3-3V5.833a3 3 0 1 1 6 0v73.333a3 3 0 0 1-3 3.001"/><path fill="#FF473E" d="M28.954 318.476v131.898c0 29.679 101.652 53.739 227.046 53.739s227.046-24.06 227.046-53.739V318.476z"/><path fill="#2B3B47" d="M335.078 500.769c-56.113 0-74.894-77.146-78.425-94.601c-.144-.712-1.159-.712-1.302.001c-3.516 17.456-22.227 94.6-78.34 94.6c0 0 34.164 3.344 78.989 3.344v-.007c.03 0 .058.007.089.007c44.825-.001 78.989-3.344 78.989-3.344"/><path fill="#FF6E83" d="M335.078 500.769c24.588 0-6.412-37.881-6.412-37.881s-17.333 37.881-40.438 14.58c.001 0 15.839 23.301 46.85 23.301"/><path fill="#D5DEE4" d="M497.55 293.558c-.138-3.588-1.671-7.096-4.479-10.497a4.5 4.5 0 0 0-1.786-1.989c-6.383-6.489-17.436-12.552-32.271-17.983C395.669 226.229 260.5 138.993 260.5 65.766a4.5 4.5 0 0 0-9 0c0 73.215-135.189 160.468-198.529 197.327c-14.826 5.429-25.873 11.491-32.255 17.977a4.47 4.47 0 0 0-1.789 1.992c-2.807 3.401-4.34 6.909-4.478 10.496h-.028v36.054c0 14.425 11.694 26.119 26.119 26.119h2.587c14.176 0 25.706-11.295 26.1-25.376c14.529 4.187 31.526 7.875 50.459 10.944v10.133c0 14.425 11.694 26.119 26.119 26.119h2.24c14.425 0 26.119-11.694 26.119-26.119V347.9c17.346 1.478 35.612 2.498 54.541 3.002v10.203c0 15.279 12.386 27.665 27.665 27.665h.974c15.279 0 27.665-12.386 27.665-27.665v-10.249c18.287-.518 35.944-1.519 52.741-2.948v3.524c0 14.425 11.694 26.119 26.119 26.119h1.539c14.425 0 26.119-11.694 26.119-26.119v-10.005c19.365-3.112 36.717-6.873 51.506-11.149c.355 14.116 11.901 25.453 26.102 25.453h2.587c14.425 0 26.119-11.694 26.119-26.119v-36.054z"/><path fill="#FFF" d="M256.007 63.253c0 128.984-101.909 216.252-129.582 237.571a17.67 17.67 0 0 0-6.875 13.977l-.038 26.954c0 14.425-11.694 26.119-26.119 26.119h-1.525c-14.425 0-26.119-11.694-26.119-26.119v-25.632a20.25 20.25 0 0 1 8.29-16.352c36.591-26.759 181.836-135.373 181.836-236.518zm.059.526c0 101.141-66.22 219.636-79.769 242.82a17.6 17.6 0 0 0-2.404 8.887v41.912c0 14.425 11.694 26.119 26.119 26.119h2.587c14.425 0 26.119-11.694 26.119-26.119v-44.872c0-1.223.163-2.433.486-3.612c3.68-13.396 26.992-103.694 26.992-241.162zm82.516 251.754a17.5 17.5 0 0 0-2.477-8.912c-14.078-23.522-80.161-139.447-80.161-242.842l-.132 3.973c0 133.843 23.253 222.984 28.052 239.959c.569 2.013.86 4.092.86 6.185v43.502c0 14.425 11.694 26.119 26.119 26.119h1.772c14.425 0 26.119-11.694 26.119-26.119zm107.731 5.309a29.73 29.73 0 0 0-12.013-23.774c-41.699-30.954-178.168-135.774-178.168-233.815H256c0 126.93 98.053 213.462 127.377 236.502a21.4 21.4 0 0 1 8.187 16.828v25.171c0 14.425 11.694 26.119 26.119 26.119h2.587c14.425 0 26.119-11.694 26.119-26.119z"/></svg>

How to use the Circustent icon

React

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

<Icon icon="fxemoji:circustent" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:circustent" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:circustent" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--circustent]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:circustent"></div>

Web component

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

<iconify-icon icon="fxemoji:circustent"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/circustent.svg" alt="Circustent icon" width="24" height="24">

Circustent icon FAQ

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

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

How do I add the Circustent icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/circustent.svg" alt="Circustent icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →