cancer emoji
cancer from Emoji One (Colored) by Emoji One · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- cancer
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Symbols
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More symbols icons from Emoji One (Colored)
Use the cancer emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#f2b200"/><path fill="#fff" stroke="#fff" stroke-miterlimit="10" d="M28.3 32.1c2.1-3.5.6-8.1-2.6-10.3c-.3-.2-.6-.4-.9-.5c5.1-2.1 10.9-1.9 16 .6c1.7.8 3.2-1.7 1.5-2.5c-8.2-4-17.4-3-24.5 2.8c-.2.1-.3.3-.4.4c-.5.5-1 1-1.4 1.6c-.1.1-.2.2-.2.3c-.1.1-.1.2-.2.4c-1.6 3.6-.6 7.6 2.8 9.9c3.5 2.4 8 .6 9.9-2.7zm-9.9-6c3.1-5.1 9.8-.4 7.4 4.6c-1.1 2.2-3.7 2.8-5.8 1.7c-2.2-1.3-2.6-4.3-1.6-6.3zM48.3 39c1.6-3.6.6-7.6-2.8-9.9s-7.8-.5-9.8 2.7c-2.1 3.5-.6 8.1 2.6 10.3c.3.2.6.4.9.5c-5.1 2.1-10.9 1.9-16-.6c-1.7-.8-3.2 1.7-1.5 2.5c8.2 4 17.4 3 24.5-2.8c.2-.1.3-.3.4-.4c.5-.5 1-1 1.4-1.6c.1-.1.2-.2.2-.3s0-.2.1-.4zm-10.1-5.7c1.1-2.2 3.7-2.8 5.8-1.7c2.2 1.2 2.6 4.2 1.6 6.3c-3.1 5.2-9.8.5-7.4-4.6z"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneCancer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#f2b200"/><path fill="#fff" stroke="#fff" strokeMiterlimit="10" d="M28.3 32.1c2.1-3.5.6-8.1-2.6-10.3c-.3-.2-.6-.4-.9-.5c5.1-2.1 10.9-1.9 16 .6c1.7.8 3.2-1.7 1.5-2.5c-8.2-4-17.4-3-24.5 2.8c-.2.1-.3.3-.4.4c-.5.5-1 1-1.4 1.6c-.1.1-.2.2-.2.3c-.1.1-.1.2-.2.4c-1.6 3.6-.6 7.6 2.8 9.9c3.5 2.4 8 .6 9.9-2.7zm-9.9-6c3.1-5.1 9.8-.4 7.4 4.6c-1.1 2.2-3.7 2.8-5.8 1.7c-2.2-1.3-2.6-4.3-1.6-6.3zM48.3 39c1.6-3.6.6-7.6-2.8-9.9s-7.8-.5-9.8 2.7c-2.1 3.5-.6 8.1 2.6 10.3c.3.2.6.4.9.5c-5.1 2.1-10.9 1.9-16-.6c-1.7-.8-3.2 1.7-1.5 2.5c8.2 4 17.4 3 24.5-2.8c.2-.1.3-.3.4-.4c.5-.5 1-1 1.4-1.6c.1-.1.2-.2.2-.3s0-.2.1-.4zm-10.1-5.7c1.1-2.2 3.7-2.8 5.8-1.7c2.2 1.2 2.6 4.2 1.6 6.3c-3.1 5.2-9.8.5-7.4-4.6z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#f2b200"/><path fill="#fff" stroke="#fff" stroke-miterlimit="10" d="M28.3 32.1c2.1-3.5.6-8.1-2.6-10.3c-.3-.2-.6-.4-.9-.5c5.1-2.1 10.9-1.9 16 .6c1.7.8 3.2-1.7 1.5-2.5c-8.2-4-17.4-3-24.5 2.8c-.2.1-.3.3-.4.4c-.5.5-1 1-1.4 1.6c-.1.1-.2.2-.2.3c-.1.1-.1.2-.2.4c-1.6 3.6-.6 7.6 2.8 9.9c3.5 2.4 8 .6 9.9-2.7zm-9.9-6c3.1-5.1 9.8-.4 7.4 4.6c-1.1 2.2-3.7 2.8-5.8 1.7c-2.2-1.3-2.6-4.3-1.6-6.3zM48.3 39c1.6-3.6.6-7.6-2.8-9.9s-7.8-.5-9.8 2.7c-2.1 3.5-.6 8.1 2.6 10.3c.3.2.6.4.9.5c-5.1 2.1-10.9 1.9-16-.6c-1.7-.8-3.2 1.7-1.5 2.5c8.2 4 17.4 3 24.5-2.8c.2-.1.3-.3.4-.4c.5-.5 1-1 1.4-1.6c.1-.1.2-.2.2-.3s0-.2.1-.4zm-10.1-5.7c1.1-2.2 3.7-2.8 5.8-1.7c2.2 1.2 2.6 4.2 1.6 6.3c-3.1 5.2-9.8.5-7.4-4.6z"/></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%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%23f2b200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M28.3%2032.1c2.1-3.5.6-8.1-2.6-10.3c-.3-.2-.6-.4-.9-.5c5.1-2.1%2010.9-1.9%2016%20.6c1.7.8%203.2-1.7%201.5-2.5c-8.2-4-17.4-3-24.5%202.8c-.2.1-.3.3-.4.4c-.5.5-1%201-1.4%201.6c-.1.1-.2.2-.2.3c-.1.1-.1.2-.2.4c-1.6%203.6-.6%207.6%202.8%209.9c3.5%202.4%208%20.6%209.9-2.7zm-9.9-6c3.1-5.1%209.8-.4%207.4%204.6c-1.1%202.2-3.7%202.8-5.8%201.7c-2.2-1.3-2.6-4.3-1.6-6.3zM48.3%2039c1.6-3.6.6-7.6-2.8-9.9s-7.8-.5-9.8%202.7c-2.1%203.5-.6%208.1%202.6%2010.3c.3.2.6.4.9.5c-5.1%202.1-10.9%201.9-16-.6c-1.7-.8-3.2%201.7-1.5%202.5c8.2%204%2017.4%203%2024.5-2.8c.2-.1.3-.3.4-.4c.5-.5%201-1%201.4-1.6c.1-.1.2-.2.2-.3s0-.2.1-.4zm-10.1-5.7c1.1-2.2%203.7-2.8%205.8-1.7c2.2%201.2%202.6%204.2%201.6%206.3c-3.1%205.2-9.8.5-7.4-4.6z%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%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%23f2b200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M28.3%2032.1c2.1-3.5.6-8.1-2.6-10.3c-.3-.2-.6-.4-.9-.5c5.1-2.1%2010.9-1.9%2016%20.6c1.7.8%203.2-1.7%201.5-2.5c-8.2-4-17.4-3-24.5%202.8c-.2.1-.3.3-.4.4c-.5.5-1%201-1.4%201.6c-.1.1-.2.2-.2.3c-.1.1-.1.2-.2.4c-1.6%203.6-.6%207.6%202.8%209.9c3.5%202.4%208%20.6%209.9-2.7zm-9.9-6c3.1-5.1%209.8-.4%207.4%204.6c-1.1%202.2-3.7%202.8-5.8%201.7c-2.2-1.3-2.6-4.3-1.6-6.3zM48.3%2039c1.6-3.6.6-7.6-2.8-9.9s-7.8-.5-9.8%202.7c-2.1%203.5-.6%208.1%202.6%2010.3c.3.2.6.4.9.5c-5.1%202.1-10.9%201.9-16-.6c-1.7-.8-3.2%201.7-1.5%202.5c8.2%204%2017.4%203%2024.5-2.8c.2-.1.3-.3.4-.4c.5-.5%201-1%201.4-1.6c.1-.1.2-.2.2-.3s0-.2.1-.4zm-10.1-5.7c1.1-2.2%203.7-2.8%205.8-1.7c2.2%201.2%202.6%204.2%201.6%206.3c-3.1%205.2-9.8.5-7.4-4.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/cancer.svg?color=%231a73e8&size=48
