Squaredid icon
fxemoji:squaredid
The Squaredid icon (fxemoji:squaredid) 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="#7359E2" d="M509.167 31.832c0-16.316-13.35-29.666-29.666-29.666H29.866c-14.685 0-26.699 12.015-26.699 26.699v452.602c0 14.685 12.015 26.699 26.699 26.699h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#5246CC" d="M479.501 488.082H29.866c-14.684 0-26.699-12.015-26.699-26.699v20.085c0 14.685 12.015 26.699 26.699 26.699h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.35 29.666-29.666 29.666"/><path fill="#FFF" d="M154.3 383.163h-37.447c-6.695 0-12.122-5.427-12.122-12.122v-231.75c0-6.695 5.427-12.122 12.122-12.122H154.3c6.695 0 12.122 5.427 12.122 12.122v231.75c0 6.695-5.427 12.122-12.122 12.122M284.999 127.17c68.708 0 133.354 21.056 133.354 126.704c0 103.062-62.06 129.29-127.812 129.29h-65.453c-6.695 0-12.122-5.427-12.122-12.122v-231.75c0-6.695 5.427-12.122 12.122-12.122zm-10.343 56.45v143.094c0 6.695 5.427 12.122 12.122 12.122h7.826c36.201 0 60.212-17.361 60.212-84.961c0-68.339-25.488-82.376-60.951-82.376h-7.086c-6.696-.001-12.123 5.426-12.123 12.121"/></svg>How to use the Squaredid icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:squaredid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:squaredid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:squaredid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--squaredid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:squaredid"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:squaredid"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/squaredid.svg" alt="Squaredid icon" width="24" height="24">Squaredid icon FAQ
Is the Squaredid 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 Squaredid icon in React?
Install @iconify/react and render <Icon icon="fxemoji:squaredid" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Squaredid icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/squaredid.svg" alt="Squaredid icon">, or paste the SVG code inline to style it with CSS.