Cancellationx icon
fxemoji:cancellationx
The Cancellationx icon (fxemoji:cancellationx) 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="#2B3B47" d="m325.297 256l134.148-134.148c19.136-19.136 19.136-50.161 0-69.297c-19.137-19.136-50.16-19.136-69.297 0L256 186.703L121.852 52.555c-19.136-19.136-50.161-19.136-69.297 0s-19.136 50.161 0 69.297L186.703 256L52.555 390.148c-19.136 19.136-19.136 50.161 0 69.297c9.568 9.567 22.108 14.352 34.648 14.352s25.081-4.784 34.648-14.352L256 325.297l134.148 134.148c9.568 9.567 22.108 14.352 34.648 14.352s25.08-4.784 34.648-14.352c19.136-19.136 19.136-50.161 0-69.297z"/></svg>How to use the Cancellationx icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:cancellationx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:cancellationx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:cancellationx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--cancellationx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:cancellationx"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:cancellationx"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/cancellationx.svg" alt="Cancellationx icon" width="24" height="24">Cancellationx icon FAQ
Is the Cancellationx 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 Cancellationx icon in React?
Install @iconify/react and render <Icon icon="fxemoji:cancellationx" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cancellationx icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/cancellationx.svg" alt="Cancellationx icon">, or paste the SVG code inline to style it with CSS.