colorectal cancer icon

colorectal-cancer from Health Icons by Resolve to Save Lives · Filled · Conditions · MIT Free for personal and commercial use.

Name: colorectal-cancer
Set: Health Icons
Style: Filled
Category: Conditions
Viewbox: 48×48
License: MIT

1 other variant in Health Icons

colorectal-cancer-outline

More conditions icons from Health Icons

Use the colorectal cancer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M12.194 6a6.194 6.194 0 0 0-4.909 9.972A6.17 6.17 0 0 0 6 19.75c0 1.646.642 3.142 1.688 4.25A6.196 6.196 0 0 0 10 34.044v1.29a2.889 2.889 0 0 0 5.778 0v-2.03a6.19 6.19 0 0 0 2.61-5.054A6.17 6.17 0 0 0 16.702 24a6.18 6.18 0 0 0 1.688-4.25a6.2 6.2 0 0 0-.198-1.56a6.2 6.2 0 0 0 1.56.199A6.17 6.17 0 0 0 24 16.7a6.17 6.17 0 0 0 4.186 1.688a7 7 0 0 0 .12 3.667h-.057A6.195 6.195 0 0 0 25 33.524V42h6v-7.524q.091-.476.187-.722l.026-.063a6 6 0 0 0 .815-.532a6.194 6.194 0 0 0 9.962-5.268a6 6 0 0 1-.537.439c-.716.514-1.824 1.007-2.985.463c-1.508-.707-2.416-2.225-2.099-3.763a8 8 0 0 1-.722-1.002c-1.594-.38-2.963-1.63-3.022-3.341c-.06-1.727 1.237-3.015 2.81-3.428a7 7 0 0 1 .63-.974c-.415-1.518.372-3.08 1.878-3.83c1.405-.699 2.881-.39 4.042.173q.015-.215.015-.434a6.194 6.194 0 0 0-9.972-4.909A6.17 6.17 0 0 0 28.25 6A6.17 6.17 0 0 0 24 7.688A6.18 6.18 0 0 0 19.75 6a6.17 6.17 0 0 0-3.778 1.285A6.17 6.17 0 0 0 12.194 6"/><path d="M41.5 14.637c-.948-.57-1.92-.762-2.666-.391c-.861.429-1.037 1.192-.739 1.77l.317.615l-.463.513a5.3 5.3 0 0 0-.919 1.403l-.228.517l-.56.07c-1.092.14-1.64.873-1.618 1.483c.022.638.659 1.39 1.777 1.517l.532.06l.245.476c.26.504.606.98 1.03 1.41l.476.485l-.276.621c-.149.337-.13.766.122 1.15c.161.246.418.473.787.646c.174.082.468.084.97-.277c.433-.31.833-.769 1.1-1.144a6.2 6.2 0 0 0-.837-1.294A6.97 6.97 0 0 0 42 20a6.97 6.97 0 0 0-1.28-4.035c.312-.406.575-.852.78-1.328"/></g></svg>

React

import type { SVGProps } from "react";

export function HealthiconsColorectalCancer(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M12.194 6a6.194 6.194 0 0 0-4.909 9.972A6.17 6.17 0 0 0 6 19.75c0 1.646.642 3.142 1.688 4.25A6.196 6.196 0 0 0 10 34.044v1.29a2.889 2.889 0 0 0 5.778 0v-2.03a6.19 6.19 0 0 0 2.61-5.054A6.17 6.17 0 0 0 16.702 24a6.18 6.18 0 0 0 1.688-4.25a6.2 6.2 0 0 0-.198-1.56a6.2 6.2 0 0 0 1.56.199A6.17 6.17 0 0 0 24 16.7a6.17 6.17 0 0 0 4.186 1.688a7 7 0 0 0 .12 3.667h-.057A6.195 6.195 0 0 0 25 33.524V42h6v-7.524q.091-.476.187-.722l.026-.063a6 6 0 0 0 .815-.532a6.194 6.194 0 0 0 9.962-5.268a6 6 0 0 1-.537.439c-.716.514-1.824 1.007-2.985.463c-1.508-.707-2.416-2.225-2.099-3.763a8 8 0 0 1-.722-1.002c-1.594-.38-2.963-1.63-3.022-3.341c-.06-1.727 1.237-3.015 2.81-3.428a7 7 0 0 1 .63-.974c-.415-1.518.372-3.08 1.878-3.83c1.405-.699 2.881-.39 4.042.173q.015-.215.015-.434a6.194 6.194 0 0 0-9.972-4.909A6.17 6.17 0 0 0 28.25 6A6.17 6.17 0 0 0 24 7.688A6.18 6.18 0 0 0 19.75 6a6.17 6.17 0 0 0-3.778 1.285A6.17 6.17 0 0 0 12.194 6"/><path d="M41.5 14.637c-.948-.57-1.92-.762-2.666-.391c-.861.429-1.037 1.192-.739 1.77l.317.615l-.463.513a5.3 5.3 0 0 0-.919 1.403l-.228.517l-.56.07c-1.092.14-1.64.873-1.618 1.483c.022.638.659 1.39 1.777 1.517l.532.06l.245.476c.26.504.606.98 1.03 1.41l.476.485l-.276.621c-.149.337-.13.766.122 1.15c.161.246.418.473.787.646c.174.082.468.084.97-.277c.433-.31.833-.769 1.1-1.144a6.2 6.2 0 0 0-.837-1.294A6.97 6.97 0 0 0 42 20a6.97 6.97 0 0 0-1.28-4.035c.312-.406.575-.852.78-1.328"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M12.194 6a6.194 6.194 0 0 0-4.909 9.972A6.17 6.17 0 0 0 6 19.75c0 1.646.642 3.142 1.688 4.25A6.196 6.196 0 0 0 10 34.044v1.29a2.889 2.889 0 0 0 5.778 0v-2.03a6.19 6.19 0 0 0 2.61-5.054A6.17 6.17 0 0 0 16.702 24a6.18 6.18 0 0 0 1.688-4.25a6.2 6.2 0 0 0-.198-1.56a6.2 6.2 0 0 0 1.56.199A6.17 6.17 0 0 0 24 16.7a6.17 6.17 0 0 0 4.186 1.688a7 7 0 0 0 .12 3.667h-.057A6.195 6.195 0 0 0 25 33.524V42h6v-7.524q.091-.476.187-.722l.026-.063a6 6 0 0 0 .815-.532a6.194 6.194 0 0 0 9.962-5.268a6 6 0 0 1-.537.439c-.716.514-1.824 1.007-2.985.463c-1.508-.707-2.416-2.225-2.099-3.763a8 8 0 0 1-.722-1.002c-1.594-.38-2.963-1.63-3.022-3.341c-.06-1.727 1.237-3.015 2.81-3.428a7 7 0 0 1 .63-.974c-.415-1.518.372-3.08 1.878-3.83c1.405-.699 2.881-.39 4.042.173q.015-.215.015-.434a6.194 6.194 0 0 0-9.972-4.909A6.17 6.17 0 0 0 28.25 6A6.17 6.17 0 0 0 24 7.688A6.18 6.18 0 0 0 19.75 6a6.17 6.17 0 0 0-3.778 1.285A6.17 6.17 0 0 0 12.194 6"/><path d="M41.5 14.637c-.948-.57-1.92-.762-2.666-.391c-.861.429-1.037 1.192-.739 1.77l.317.615l-.463.513a5.3 5.3 0 0 0-.919 1.403l-.228.517l-.56.07c-1.092.14-1.64.873-1.618 1.483c.022.638.659 1.39 1.777 1.517l.532.06l.245.476c.26.504.606.98 1.03 1.41l.476.485l-.276.621c-.149.337-.13.766.122 1.15c.161.246.418.473.787.646c.174.082.468.084.97-.277c.433-.31.833-.769 1.1-1.144a6.2 6.2 0 0 0-.837-1.294A6.97 6.97 0 0 0 42 20a6.97 6.97 0 0 0-1.28-4.035c.312-.406.575-.852.78-1.328"/></g></svg>
</template>

CSS

.icon-colorectal-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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.194%206a6.194%206.194%200%200%200-4.909%209.972A6.17%206.17%200%200%200%206%2019.75c0%201.646.642%203.142%201.688%204.25A6.196%206.196%200%200%200%2010%2034.044v1.29a2.889%202.889%200%200%200%205.778%200v-2.03a6.19%206.19%200%200%200%202.61-5.054A6.17%206.17%200%200%200%2016.702%2024a6.18%206.18%200%200%200%201.688-4.25a6.2%206.2%200%200%200-.198-1.56a6.2%206.2%200%200%200%201.56.199A6.17%206.17%200%200%200%2024%2016.7a6.17%206.17%200%200%200%204.186%201.688a7%207%200%200%200%20.12%203.667h-.057A6.195%206.195%200%200%200%2025%2033.524V42h6v-7.524q.091-.476.187-.722l.026-.063a6%206%200%200%200%20.815-.532a6.194%206.194%200%200%200%209.962-5.268a6%206%200%200%201-.537.439c-.716.514-1.824%201.007-2.985.463c-1.508-.707-2.416-2.225-2.099-3.763a8%208%200%200%201-.722-1.002c-1.594-.38-2.963-1.63-3.022-3.341c-.06-1.727%201.237-3.015%202.81-3.428a7%207%200%200%201%20.63-.974c-.415-1.518.372-3.08%201.878-3.83c1.405-.699%202.881-.39%204.042.173q.015-.215.015-.434a6.194%206.194%200%200%200-9.972-4.909A6.17%206.17%200%200%200%2028.25%206A6.17%206.17%200%200%200%2024%207.688A6.18%206.18%200%200%200%2019.75%206a6.17%206.17%200%200%200-3.778%201.285A6.17%206.17%200%200%200%2012.194%206%22%2F%3E%3Cpath%20d%3D%22M41.5%2014.637c-.948-.57-1.92-.762-2.666-.391c-.861.429-1.037%201.192-.739%201.77l.317.615l-.463.513a5.3%205.3%200%200%200-.919%201.403l-.228.517l-.56.07c-1.092.14-1.64.873-1.618%201.483c.022.638.659%201.39%201.777%201.517l.532.06l.245.476c.26.504.606.98%201.03%201.41l.476.485l-.276.621c-.149.337-.13.766.122%201.15c.161.246.418.473.787.646c.174.082.468.084.97-.277c.433-.31.833-.769%201.1-1.144a6.2%206.2%200%200%200-.837-1.294A6.97%206.97%200%200%200%2042%2020a6.97%206.97%200%200%200-1.28-4.035c.312-.406.575-.852.78-1.328%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.194%206a6.194%206.194%200%200%200-4.909%209.972A6.17%206.17%200%200%200%206%2019.75c0%201.646.642%203.142%201.688%204.25A6.196%206.196%200%200%200%2010%2034.044v1.29a2.889%202.889%200%200%200%205.778%200v-2.03a6.19%206.19%200%200%200%202.61-5.054A6.17%206.17%200%200%200%2016.702%2024a6.18%206.18%200%200%200%201.688-4.25a6.2%206.2%200%200%200-.198-1.56a6.2%206.2%200%200%200%201.56.199A6.17%206.17%200%200%200%2024%2016.7a6.17%206.17%200%200%200%204.186%201.688a7%207%200%200%200%20.12%203.667h-.057A6.195%206.195%200%200%200%2025%2033.524V42h6v-7.524q.091-.476.187-.722l.026-.063a6%206%200%200%200%20.815-.532a6.194%206.194%200%200%200%209.962-5.268a6%206%200%200%201-.537.439c-.716.514-1.824%201.007-2.985.463c-1.508-.707-2.416-2.225-2.099-3.763a8%208%200%200%201-.722-1.002c-1.594-.38-2.963-1.63-3.022-3.341c-.06-1.727%201.237-3.015%202.81-3.428a7%207%200%200%201%20.63-.974c-.415-1.518.372-3.08%201.878-3.83c1.405-.699%202.881-.39%204.042.173q.015-.215.015-.434a6.194%206.194%200%200%200-9.972-4.909A6.17%206.17%200%200%200%2028.25%206A6.17%206.17%200%200%200%2024%207.688A6.18%206.18%200%200%200%2019.75%206a6.17%206.17%200%200%200-3.778%201.285A6.17%206.17%200%200%200%2012.194%206%22%2F%3E%3Cpath%20d%3D%22M41.5%2014.637c-.948-.57-1.92-.762-2.666-.391c-.861.429-1.037%201.192-.739%201.77l.317.615l-.463.513a5.3%205.3%200%200%200-.919%201.403l-.228.517l-.56.07c-1.092.14-1.64.873-1.618%201.483c.022.638.659%201.39%201.777%201.517l.532.06l.245.476c.26.504.606.98%201.03%201.41l.476.485l-.276.621c-.149.337-.13.766.122%201.15c.161.246.418.473.787.646c.174.082.468.084.97-.277c.433-.31.833-.769%201.1-1.144a6.2%206.2%200%200%200-.837-1.294A6.97%206.97%200%200%200%2042%2020a6.97%206.97%200%200%200-1.28-4.035c.312-.406.575-.852.78-1.328%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/colorectal-cancer.svg?color=%231a73e8&size=48