Heavylatincross icon
fxemoji:heavylatincross
The Heavylatincross icon (fxemoji:heavylatincross) 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
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#464A4C" d="M422.024 133H313V25.855C313 16.544 305.541 9 296.231 9h-80.462C206.459 9 199 16.544 199 25.855V133H89.976C82.06 133 76 138.942 76 146.858v85.512c0 7.916 6.06 14.63 13.976 14.63H199v244.139c0 9.311 7.459 16.861 16.769 16.861h80.462c9.31 0 16.769-7.551 16.769-16.861V247h109.024c7.916 0 13.976-6.714 13.976-14.63v-85.512c0-7.916-6.06-13.858-13.976-13.858"/></svg>How to use the Heavylatincross icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:heavylatincross" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:heavylatincross" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:heavylatincross" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--heavylatincross]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:heavylatincross"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:heavylatincross"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/heavylatincross.svg" alt="Heavylatincross icon" width="24" height="24">Heavylatincross icon FAQ
Is the Heavylatincross 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 Heavylatincross icon in React?
Install @iconify/react and render <Icon icon="fxemoji:heavylatincross" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Heavylatincross icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/heavylatincross.svg" alt="Heavylatincross icon">, or paste the SVG code inline to style it with CSS.