asclepius icon

asclepius-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name
asclepius-fill
Set
Phosphor
Style
Fill
Viewbox
256×256
License
MIT

5 other variants in Phosphor

asclepiusasclepius-boldasclepius-duotoneasclepius-lightasclepius-thin

Use the asclepius icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M136 128v72h11.62A12.25 12.25 0 0 0 160 188.53a12 12 0 0 0-5.93-10.87a4.08 4.08 0 0 1-2.06-3.49v-8.79a4 4 0 0 1 5.25-3.81A28.06 28.06 0 0 1 176 187.71c.16 15.56-13 28.29-28.59 28.29H136v16a8 8 0 0 1-16 0v-16H96a8 8 0 0 1-8-8.53a8.17 8.17 0 0 1 8.27-7.47H120v-72h-15.54c-8.6 0-16 6.6-16.44 15.19a16 16 0 0 0 12.87 16.51a3.94 3.94 0 0 1 3.11 3.89V172a4 4 0 0 1-4 4a36 36 0 0 1-36-36.87c.47-19.65 17-35.13 36.68-35.13H120V24a8 8 0 0 1 16 0v80h32a16 16 0 0 0 16-16.81C183.56 78.6 176.14 72 167.54 72H156a4 4 0 0 1-4-4V44a4 4 0 0 1 4-4h15.22c24.62 0 45.2 20.15 44.77 44.76A44 44 0 0 1 172 128ZM92.66 72H100a4 4 0 0 0 4-4V44a4 4 0 0 0-4-4H64a40 40 0 0 0-40 40v8a8 8 0 0 0 8 8h24a40 40 0 0 0 36.66-24"/></svg>

React

import type { SVGProps } from "react";

export function PhAsclepiusFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M136 128v72h11.62A12.25 12.25 0 0 0 160 188.53a12 12 0 0 0-5.93-10.87a4.08 4.08 0 0 1-2.06-3.49v-8.79a4 4 0 0 1 5.25-3.81A28.06 28.06 0 0 1 176 187.71c.16 15.56-13 28.29-28.59 28.29H136v16a8 8 0 0 1-16 0v-16H96a8 8 0 0 1-8-8.53a8.17 8.17 0 0 1 8.27-7.47H120v-72h-15.54c-8.6 0-16 6.6-16.44 15.19a16 16 0 0 0 12.87 16.51a3.94 3.94 0 0 1 3.11 3.89V172a4 4 0 0 1-4 4a36 36 0 0 1-36-36.87c.47-19.65 17-35.13 36.68-35.13H120V24a8 8 0 0 1 16 0v80h32a16 16 0 0 0 16-16.81C183.56 78.6 176.14 72 167.54 72H156a4 4 0 0 1-4-4V44a4 4 0 0 1 4-4h15.22c24.62 0 45.2 20.15 44.77 44.76A44 44 0 0 1 172 128ZM92.66 72H100a4 4 0 0 0 4-4V44a4 4 0 0 0-4-4H64a40 40 0 0 0-40 40v8a8 8 0 0 0 8 8h24a40 40 0 0 0 36.66-24"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M136 128v72h11.62A12.25 12.25 0 0 0 160 188.53a12 12 0 0 0-5.93-10.87a4.08 4.08 0 0 1-2.06-3.49v-8.79a4 4 0 0 1 5.25-3.81A28.06 28.06 0 0 1 176 187.71c.16 15.56-13 28.29-28.59 28.29H136v16a8 8 0 0 1-16 0v-16H96a8 8 0 0 1-8-8.53a8.17 8.17 0 0 1 8.27-7.47H120v-72h-15.54c-8.6 0-16 6.6-16.44 15.19a16 16 0 0 0 12.87 16.51a3.94 3.94 0 0 1 3.11 3.89V172a4 4 0 0 1-4 4a36 36 0 0 1-36-36.87c.47-19.65 17-35.13 36.68-35.13H120V24a8 8 0 0 1 16 0v80h32a16 16 0 0 0 16-16.81C183.56 78.6 176.14 72 167.54 72H156a4 4 0 0 1-4-4V44a4 4 0 0 1 4-4h15.22c24.62 0 45.2 20.15 44.77 44.76A44 44 0 0 1 172 128ZM92.66 72H100a4 4 0 0 0 4-4V44a4 4 0 0 0-4-4H64a40 40 0 0 0-40 40v8a8 8 0 0 0 8 8h24a40 40 0 0 0 36.66-24"/></svg>
</template>

CSS

.icon-asclepius-fill {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M136%20128v72h11.62A12.25%2012.25%200%200%200%20160%20188.53a12%2012%200%200%200-5.93-10.87a4.08%204.08%200%200%201-2.06-3.49v-8.79a4%204%200%200%201%205.25-3.81A28.06%2028.06%200%200%201%20176%20187.71c.16%2015.56-13%2028.29-28.59%2028.29H136v16a8%208%200%200%201-16%200v-16H96a8%208%200%200%201-8-8.53a8.17%208.17%200%200%201%208.27-7.47H120v-72h-15.54c-8.6%200-16%206.6-16.44%2015.19a16%2016%200%200%200%2012.87%2016.51a3.94%203.94%200%200%201%203.11%203.89V172a4%204%200%200%201-4%204a36%2036%200%200%201-36-36.87c.47-19.65%2017-35.13%2036.68-35.13H120V24a8%208%200%200%201%2016%200v80h32a16%2016%200%200%200%2016-16.81C183.56%2078.6%20176.14%2072%20167.54%2072H156a4%204%200%200%201-4-4V44a4%204%200%200%201%204-4h15.22c24.62%200%2045.2%2020.15%2044.77%2044.76A44%2044%200%200%201%20172%20128ZM92.66%2072H100a4%204%200%200%200%204-4V44a4%204%200%200%200-4-4H64a40%2040%200%200%200-40%2040v8a8%208%200%200%200%208%208h24a40%2040%200%200%200%2036.66-24%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M136%20128v72h11.62A12.25%2012.25%200%200%200%20160%20188.53a12%2012%200%200%200-5.93-10.87a4.08%204.08%200%200%201-2.06-3.49v-8.79a4%204%200%200%201%205.25-3.81A28.06%2028.06%200%200%201%20176%20187.71c.16%2015.56-13%2028.29-28.59%2028.29H136v16a8%208%200%200%201-16%200v-16H96a8%208%200%200%201-8-8.53a8.17%208.17%200%200%201%208.27-7.47H120v-72h-15.54c-8.6%200-16%206.6-16.44%2015.19a16%2016%200%200%200%2012.87%2016.51a3.94%203.94%200%200%201%203.11%203.89V172a4%204%200%200%201-4%204a36%2036%200%200%201-36-36.87c.47-19.65%2017-35.13%2036.68-35.13H120V24a8%208%200%200%201%2016%200v80h32a16%2016%200%200%200%2016-16.81C183.56%2078.6%20176.14%2072%20167.54%2072H156a4%204%200%200%201-4-4V44a4%204%200%200%201%204-4h15.22c24.62%200%2045.2%2020.15%2044.77%2044.76A44%2044%200%200%201%20172%20128ZM92.66%2072H100a4%204%200%200%200%204-4V44a4%204%200%200%200-4-4H64a40%2040%200%200%200-40%2040v8a8%208%200%200%200%208%208h24a40%2040%200%200%200%2036.66-24%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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