Cancer icon
fxemoji:cancer
The Cancer icon (fxemoji:cancer) 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="#A97DFF" d="M508.333 32.666C508.333 16.35 494.984 3 478.668 3H29.032C14.348 3 2.333 15.015 2.333 29.699v452.602C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#7F4AFF" d="M478.668 488.915H29.032c-14.684 0-26.699-12.015-26.699-26.699v20.085C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.349 29.666-29.665 29.666"/><path fill="#FFF" d="M447.683 343.279c0-37.349-30.386-67.734-67.734-67.734s-67.734 30.386-67.734 67.734c0 19.691 8.452 37.44 21.912 49.828c-20.362 3.787-44.1 5.511-72.72 5.511c-48.463 0-90.593-14.679-125.221-43.628c-26.101-21.82-38.087-44.104-38.303-44.51c-4.716-9.029-15.851-12.552-24.903-7.865c-9.074 4.697-12.622 15.86-7.925 24.935c.586 1.133 14.724 28.056 45.974 54.626c28.674 24.38 78.039 53.442 150.377 53.442c73.599 0 119.569-10.889 158.675-37.585a18.6 18.6 0 0 0 3.021-2.587c15.005-12.434 24.581-31.202 24.581-52.167m-67.735-30.734c16.947 0 30.734 13.787 30.734 30.734c0 16.946-13.787 30.733-30.734 30.733s-30.734-13.787-30.734-30.733c0-16.947 13.787-30.734 30.734-30.734m65.664-128.094c-.587-1.133-14.725-28.056-45.975-54.626c-28.674-24.38-78.038-53.443-150.377-53.443c-73.598 0-119.569 10.889-158.675 37.585a18.5 18.5 0 0 0-3.021 2.588c-15.005 12.434-24.58 31.202-24.58 52.167c0 37.349 30.385 67.734 67.734 67.734s67.734-30.385 67.734-67.734c0-19.691-8.452-37.441-21.912-49.828c20.362-3.787 44.1-5.511 72.72-5.511c48.463 0 90.593 14.679 125.221 43.628c26.099 21.819 38.086 44.102 38.303 44.51c3.299 6.318 9.74 9.94 16.414 9.94c2.863 0 5.771-.667 8.489-2.075c9.074-4.698 12.622-15.862 7.925-24.935m-314.894 15.004c-16.947 0-30.734-13.787-30.734-30.734s13.787-30.734 30.734-30.734s30.734 13.788 30.734 30.734s-13.787 30.734-30.734 30.734"/></svg>
How to use the Cancer icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:cancer" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:cancer" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:cancer" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--cancer]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:cancer"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:cancer"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/cancer.svg" alt="Cancer icon" width="24" height="24">
Cancer icon in other icon sets
Cancer icon FAQ
Is the Cancer 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 Cancer icon in React?
Install @iconify/react and render <Icon icon="fxemoji:cancer" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cancer icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/cancer.svg" alt="Cancer icon">, or paste the SVG code inline to style it with CSS.
Browse all Firefox OS Emoji icons →
ICONYZ
