Squaredcl icon
fxemoji:squaredcl
The Squaredcl icon (fxemoji:squaredcl) 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="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="#D32A2A" 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="m253.531 161.092l-12.618 14.955c-4.298 5.094-11.742 6.17-17.287 2.471c-10.831-7.225-22.446-11.178-36.037-11.178c-31.762 0-54.397 25.92-54.397 87.618c0 60.237 22.27 86.523 55.857 86.523c15.524 0 27.556-5.892 38.965-13.796c5.723-3.965 13.542-2.787 17.828 2.699l11.972 15.325c4.44 5.683 3.478 13.892-2.176 18.369c-16.93 13.408-40.909 24.132-69.875 24.132c-69.364 0-115.729-46.365-115.729-133.252c0-85.063 48.555-132.522 113.903-132.522c28.192 0 48.992 7.145 67.056 19.411c6.398 4.344 7.524 13.334 2.538 19.245m111.47 178.09h70.383c7.962 0 14.091 7.029 13.008 14.917l-2.963 21.565a13.13 13.13 0 0 1-13.008 11.342H304.033c-7.251 0-13.13-5.878-13.13-13.13V135.572c0-7.251 5.878-13.13 13.13-13.13h34.707c7.251 0 13.13 5.878 13.13 13.13v190.481c.001 7.251 5.879 13.129 13.131 13.129"/></svg>How to use the Squaredcl icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:squaredcl" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:squaredcl" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:squaredcl" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--squaredcl]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:squaredcl"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:squaredcl"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/squaredcl.svg" alt="Squaredcl icon" width="24" height="24">Squaredcl icon FAQ
Is the Squaredcl 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 Squaredcl icon in React?
Install @iconify/react and render <Icon icon="fxemoji:squaredcl" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Squaredcl icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/squaredcl.svg" alt="Squaredcl icon">, or paste the SVG code inline to style it with CSS.