cancer emoji
cancer from Noto Emoji by Google Inc · Default · Symbols · Apache-2.0 Free for personal and commercial use.
- Name
- cancer
- Set
- Noto Emoji
- Style
- Default
- Category
- Symbols
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More symbols icons from Noto Emoji
a-button-blood-typeab-button-blood-typeantenna-barsaquariusariesatm-signatom-symbolb-button-blood-typebaby-symbolback-arrowbaggage-claimbiohazardblack-circleblack-large-squareblack-medium-small-squareblack-medium-squareblack-small-squareblack-square-buttonblue-circleblue-squarebright-buttonbrown-circlebrown-squarecapricorn
Use the cancer emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><path id="SVGb7f7gcMM1" fill="#f9df9d" d="M24 29.7c4.5-7.1 14.1-13 24.1-14.8c2.5-.4 5-.6 7.1.2c1.6.6 2.9 2.1 2 3.8c-.7 1.4-2.6 2-4.1 2.5c-9.3 3-17.9 6.4-23.1 14.3c-2 3-4.9 14.4-8.6 12.3c-3.9-2.3-3.1-9.5 2.6-18.3"/></defs><circle cx="64" cy="64" r="60" fill="#ffa000"/><circle cx="60.1" cy="63.1" r="56.1" fill="#ffca28"/><use href="#SVGb7f7gcMM1" opacity=".65"/><g fill="#fafafa"><path d="M45.1 76.2C54.9 75 62.8 66.9 64 56.8c.9-8.4-2.8-16.5-9.5-21c2.6-.3 5.2-.5 7.9-.5c6.2 0 12.1.9 17.6 2.7c4.3 1.5 8.4 3.4 12 5.8c.6.4 1.3.6 1.9.6c2 0 3.6-1.6 3.6-3.6c0-1-.4-2-1.2-2.7c-4.3-4-9.4-7-15.2-9.1c-5.8-2.2-12.2-3.2-18.8-3.2c-6.3 0-11.8.9-18.9 3.1C24.9 34.8 21 45.9 21 54.2c0 12.2 9.6 22.1 21.5 22.1c.9 0 1.8-.1 2.6-.1m-14.3-22c0-6.8 5.3-12.3 11.9-12.3s11.9 5.5 11.9 12.3s-5.3 12.3-11.9 12.3S30.8 61 30.8 54.2"/><path d="M85.4 51.7c-.8 0-1.6 0-2.4.1c-9.9 1.2-17.8 9.3-19 19.4c-.9 8.4 2.8 16.5 9.4 21c-2.6.3-5.2.5-7.9.5q-9.3 0-17.7-2.7c-4.3-1.4-8.4-3.4-12-5.8c-.6-.4-1.3-.6-2-.6c-2 0-3.6 1.6-3.6 3.6c0 1 .4 2 1.1 2.7c4.3 4 9.4 7.1 15.2 9.2c5.8 2.2 12.2 3.2 18.8 3.2c6.3 0 11.8-.9 18.9-3.1c18.5-5.8 22.4-17 22.4-25.3c.2-12.3-9.4-22.2-21.2-22.2m0 34.4c-6.6 0-11.9-5.5-11.9-12.3s5.3-12.3 11.9-12.3S97.2 67 97.2 73.8s-5.3 12.3-11.8 12.3"/></g><use href="#SVGb7f7gcMM1" opacity=".35"/></svg>
React
import type { SVGProps } from "react";
export function NotoCancer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><path id="SVGb7f7gcMM1" fill="#f9df9d" d="M24 29.7c4.5-7.1 14.1-13 24.1-14.8c2.5-.4 5-.6 7.1.2c1.6.6 2.9 2.1 2 3.8c-.7 1.4-2.6 2-4.1 2.5c-9.3 3-17.9 6.4-23.1 14.3c-2 3-4.9 14.4-8.6 12.3c-3.9-2.3-3.1-9.5 2.6-18.3"/></defs><circle cx="64" cy="64" r="60" fill="#ffa000"/><circle cx="60.1" cy="63.1" r="56.1" fill="#ffca28"/><use href="#SVGb7f7gcMM1" opacity=".65"/><g fill="#fafafa"><path d="M45.1 76.2C54.9 75 62.8 66.9 64 56.8c.9-8.4-2.8-16.5-9.5-21c2.6-.3 5.2-.5 7.9-.5c6.2 0 12.1.9 17.6 2.7c4.3 1.5 8.4 3.4 12 5.8c.6.4 1.3.6 1.9.6c2 0 3.6-1.6 3.6-3.6c0-1-.4-2-1.2-2.7c-4.3-4-9.4-7-15.2-9.1c-5.8-2.2-12.2-3.2-18.8-3.2c-6.3 0-11.8.9-18.9 3.1C24.9 34.8 21 45.9 21 54.2c0 12.2 9.6 22.1 21.5 22.1c.9 0 1.8-.1 2.6-.1m-14.3-22c0-6.8 5.3-12.3 11.9-12.3s11.9 5.5 11.9 12.3s-5.3 12.3-11.9 12.3S30.8 61 30.8 54.2"/><path d="M85.4 51.7c-.8 0-1.6 0-2.4.1c-9.9 1.2-17.8 9.3-19 19.4c-.9 8.4 2.8 16.5 9.4 21c-2.6.3-5.2.5-7.9.5q-9.3 0-17.7-2.7c-4.3-1.4-8.4-3.4-12-5.8c-.6-.4-1.3-.6-2-.6c-2 0-3.6 1.6-3.6 3.6c0 1 .4 2 1.1 2.7c4.3 4 9.4 7.1 15.2 9.2c5.8 2.2 12.2 3.2 18.8 3.2c6.3 0 11.8-.9 18.9-3.1c18.5-5.8 22.4-17 22.4-25.3c.2-12.3-9.4-22.2-21.2-22.2m0 34.4c-6.6 0-11.9-5.5-11.9-12.3s5.3-12.3 11.9-12.3S97.2 67 97.2 73.8s-5.3 12.3-11.8 12.3"/></g><use href="#SVGb7f7gcMM1" opacity=".35"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><path id="SVGb7f7gcMM1" fill="#f9df9d" d="M24 29.7c4.5-7.1 14.1-13 24.1-14.8c2.5-.4 5-.6 7.1.2c1.6.6 2.9 2.1 2 3.8c-.7 1.4-2.6 2-4.1 2.5c-9.3 3-17.9 6.4-23.1 14.3c-2 3-4.9 14.4-8.6 12.3c-3.9-2.3-3.1-9.5 2.6-18.3"/></defs><circle cx="64" cy="64" r="60" fill="#ffa000"/><circle cx="60.1" cy="63.1" r="56.1" fill="#ffca28"/><use href="#SVGb7f7gcMM1" opacity=".65"/><g fill="#fafafa"><path d="M45.1 76.2C54.9 75 62.8 66.9 64 56.8c.9-8.4-2.8-16.5-9.5-21c2.6-.3 5.2-.5 7.9-.5c6.2 0 12.1.9 17.6 2.7c4.3 1.5 8.4 3.4 12 5.8c.6.4 1.3.6 1.9.6c2 0 3.6-1.6 3.6-3.6c0-1-.4-2-1.2-2.7c-4.3-4-9.4-7-15.2-9.1c-5.8-2.2-12.2-3.2-18.8-3.2c-6.3 0-11.8.9-18.9 3.1C24.9 34.8 21 45.9 21 54.2c0 12.2 9.6 22.1 21.5 22.1c.9 0 1.8-.1 2.6-.1m-14.3-22c0-6.8 5.3-12.3 11.9-12.3s11.9 5.5 11.9 12.3s-5.3 12.3-11.9 12.3S30.8 61 30.8 54.2"/><path d="M85.4 51.7c-.8 0-1.6 0-2.4.1c-9.9 1.2-17.8 9.3-19 19.4c-.9 8.4 2.8 16.5 9.4 21c-2.6.3-5.2.5-7.9.5q-9.3 0-17.7-2.7c-4.3-1.4-8.4-3.4-12-5.8c-.6-.4-1.3-.6-2-.6c-2 0-3.6 1.6-3.6 3.6c0 1 .4 2 1.1 2.7c4.3 4 9.4 7.1 15.2 9.2c5.8 2.2 12.2 3.2 18.8 3.2c6.3 0 11.8-.9 18.9-3.1c18.5-5.8 22.4-17 22.4-25.3c.2-12.3-9.4-22.2-21.2-22.2m0 34.4c-6.6 0-11.9-5.5-11.9-12.3s5.3-12.3 11.9-12.3S97.2 67 97.2 73.8s-5.3 12.3-11.8 12.3"/></g><use href="#SVGb7f7gcMM1" opacity=".35"/></svg> </template>
CSS
.icon-cancer {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGb7f7gcMM1%22%20fill%3D%22%23f9df9d%22%20d%3D%22M24%2029.7c4.5-7.1%2014.1-13%2024.1-14.8c2.5-.4%205-.6%207.1.2c1.6.6%202.9%202.1%202%203.8c-.7%201.4-2.6%202-4.1%202.5c-9.3%203-17.9%206.4-23.1%2014.3c-2%203-4.9%2014.4-8.6%2012.3c-3.9-2.3-3.1-9.5%202.6-18.3%22%2F%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%2264%22%20cy%3D%2264%22%20r%3D%2260%22%20fill%3D%22%23ffa000%22%2F%3E%3Ccircle%20cx%3D%2260.1%22%20cy%3D%2263.1%22%20r%3D%2256.1%22%20fill%3D%22%23ffca28%22%2F%3E%3Cuse%20href%3D%22%23SVGb7f7gcMM1%22%20opacity%3D%22.65%22%2F%3E%3Cg%20fill%3D%22%23fafafa%22%3E%3Cpath%20d%3D%22M45.1%2076.2C54.9%2075%2062.8%2066.9%2064%2056.8c.9-8.4-2.8-16.5-9.5-21c2.6-.3%205.2-.5%207.9-.5c6.2%200%2012.1.9%2017.6%202.7c4.3%201.5%208.4%203.4%2012%205.8c.6.4%201.3.6%201.9.6c2%200%203.6-1.6%203.6-3.6c0-1-.4-2-1.2-2.7c-4.3-4-9.4-7-15.2-9.1c-5.8-2.2-12.2-3.2-18.8-3.2c-6.3%200-11.8.9-18.9%203.1C24.9%2034.8%2021%2045.9%2021%2054.2c0%2012.2%209.6%2022.1%2021.5%2022.1c.9%200%201.8-.1%202.6-.1m-14.3-22c0-6.8%205.3-12.3%2011.9-12.3s11.9%205.5%2011.9%2012.3s-5.3%2012.3-11.9%2012.3S30.8%2061%2030.8%2054.2%22%2F%3E%3Cpath%20d%3D%22M85.4%2051.7c-.8%200-1.6%200-2.4.1c-9.9%201.2-17.8%209.3-19%2019.4c-.9%208.4%202.8%2016.5%209.4%2021c-2.6.3-5.2.5-7.9.5q-9.3%200-17.7-2.7c-4.3-1.4-8.4-3.4-12-5.8c-.6-.4-1.3-.6-2-.6c-2%200-3.6%201.6-3.6%203.6c0%201%20.4%202%201.1%202.7c4.3%204%209.4%207.1%2015.2%209.2c5.8%202.2%2012.2%203.2%2018.8%203.2c6.3%200%2011.8-.9%2018.9-3.1c18.5-5.8%2022.4-17%2022.4-25.3c.2-12.3-9.4-22.2-21.2-22.2m0%2034.4c-6.6%200-11.9-5.5-11.9-12.3s5.3-12.3%2011.9-12.3S97.2%2067%2097.2%2073.8s-5.3%2012.3-11.8%2012.3%22%2F%3E%3C%2Fg%3E%3Cuse%20href%3D%22%23SVGb7f7gcMM1%22%20opacity%3D%22.35%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGb7f7gcMM1%22%20fill%3D%22%23f9df9d%22%20d%3D%22M24%2029.7c4.5-7.1%2014.1-13%2024.1-14.8c2.5-.4%205-.6%207.1.2c1.6.6%202.9%202.1%202%203.8c-.7%201.4-2.6%202-4.1%202.5c-9.3%203-17.9%206.4-23.1%2014.3c-2%203-4.9%2014.4-8.6%2012.3c-3.9-2.3-3.1-9.5%202.6-18.3%22%2F%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%2264%22%20cy%3D%2264%22%20r%3D%2260%22%20fill%3D%22%23ffa000%22%2F%3E%3Ccircle%20cx%3D%2260.1%22%20cy%3D%2263.1%22%20r%3D%2256.1%22%20fill%3D%22%23ffca28%22%2F%3E%3Cuse%20href%3D%22%23SVGb7f7gcMM1%22%20opacity%3D%22.65%22%2F%3E%3Cg%20fill%3D%22%23fafafa%22%3E%3Cpath%20d%3D%22M45.1%2076.2C54.9%2075%2062.8%2066.9%2064%2056.8c.9-8.4-2.8-16.5-9.5-21c2.6-.3%205.2-.5%207.9-.5c6.2%200%2012.1.9%2017.6%202.7c4.3%201.5%208.4%203.4%2012%205.8c.6.4%201.3.6%201.9.6c2%200%203.6-1.6%203.6-3.6c0-1-.4-2-1.2-2.7c-4.3-4-9.4-7-15.2-9.1c-5.8-2.2-12.2-3.2-18.8-3.2c-6.3%200-11.8.9-18.9%203.1C24.9%2034.8%2021%2045.9%2021%2054.2c0%2012.2%209.6%2022.1%2021.5%2022.1c.9%200%201.8-.1%202.6-.1m-14.3-22c0-6.8%205.3-12.3%2011.9-12.3s11.9%205.5%2011.9%2012.3s-5.3%2012.3-11.9%2012.3S30.8%2061%2030.8%2054.2%22%2F%3E%3Cpath%20d%3D%22M85.4%2051.7c-.8%200-1.6%200-2.4.1c-9.9%201.2-17.8%209.3-19%2019.4c-.9%208.4%202.8%2016.5%209.4%2021c-2.6.3-5.2.5-7.9.5q-9.3%200-17.7-2.7c-4.3-1.4-8.4-3.4-12-5.8c-.6-.4-1.3-.6-2-.6c-2%200-3.6%201.6-3.6%203.6c0%201%20.4%202%201.1%202.7c4.3%204%209.4%207.1%2015.2%209.2c5.8%202.2%2012.2%203.2%2018.8%203.2c6.3%200%2011.8-.9%2018.9-3.1c18.5-5.8%2022.4-17%2022.4-25.3c.2-12.3-9.4-22.2-21.2-22.2m0%2034.4c-6.6%200-11.9-5.5-11.9-12.3s5.3-12.3%2011.9-12.3S97.2%2067%2097.2%2073.8s-5.3%2012.3-11.8%2012.3%22%2F%3E%3C%2Fg%3E%3Cuse%20href%3D%22%23SVGb7f7gcMM1%22%20opacity%3D%22.35%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/cancer.svg?color=%231a73e8&size=48
