asclepius icon

asclepius-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: asclepius-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

asclepius asclepius-bold asclepius-duotone asclepius-fill asclepius-light

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="M212 79v1a36 36 0 0 1-36 36h-44v88h12a20 20 0 0 0 13.33-34.91a4 4 0 1 1 5.34-6A28 28 0 0 1 144 212h-12v20a4 4 0 0 1-8 0v-20H96a4 4 0 0 1 0-8h28v-88H96a20 20 0 0 0 0 40a4 4 0 0 1 0 8a28 28 0 0 1 0-56h28V24a4 4 0 0 1 8 0v84h44a28 28 0 0 0 28-28v-1a27 27 0 0 0-27-27h-17a4 4 0 0 1 0-8h17a35 35 0 0 1 35 35M56 92H32a4 4 0 0 1-4-4v-8a36 36 0 0 1 36-36h32a4 4 0 0 1 0 8h-4v4a36 36 0 0 1-36 36m28-36v-4H64a28 28 0 0 0-28 28v4h20a28 28 0 0 0 28-28"/></svg>

React

import type { SVGProps } from "react";

export function PhAsclepiusThin(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="M212 79v1a36 36 0 0 1-36 36h-44v88h12a20 20 0 0 0 13.33-34.91a4 4 0 1 1 5.34-6A28 28 0 0 1 144 212h-12v20a4 4 0 0 1-8 0v-20H96a4 4 0 0 1 0-8h28v-88H96a20 20 0 0 0 0 40a4 4 0 0 1 0 8a28 28 0 0 1 0-56h28V24a4 4 0 0 1 8 0v84h44a28 28 0 0 0 28-28v-1a27 27 0 0 0-27-27h-17a4 4 0 0 1 0-8h17a35 35 0 0 1 35 35M56 92H32a4 4 0 0 1-4-4v-8a36 36 0 0 1 36-36h32a4 4 0 0 1 0 8h-4v4a36 36 0 0 1-36 36m28-36v-4H64a28 28 0 0 0-28 28v4h20a28 28 0 0 0 28-28"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M212 79v1a36 36 0 0 1-36 36h-44v88h12a20 20 0 0 0 13.33-34.91a4 4 0 1 1 5.34-6A28 28 0 0 1 144 212h-12v20a4 4 0 0 1-8 0v-20H96a4 4 0 0 1 0-8h28v-88H96a20 20 0 0 0 0 40a4 4 0 0 1 0 8a28 28 0 0 1 0-56h28V24a4 4 0 0 1 8 0v84h44a28 28 0 0 0 28-28v-1a27 27 0 0 0-27-27h-17a4 4 0 0 1 0-8h17a35 35 0 0 1 35 35M56 92H32a4 4 0 0 1-4-4v-8a36 36 0 0 1 36-36h32a4 4 0 0 1 0 8h-4v4a36 36 0 0 1-36 36m28-36v-4H64a28 28 0 0 0-28 28v4h20a28 28 0 0 0 28-28"/></svg>
</template>

CSS

.icon-asclepius-thin {
  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%22M212%2079v1a36%2036%200%200%201-36%2036h-44v88h12a20%2020%200%200%200%2013.33-34.91a4%204%200%201%201%205.34-6A28%2028%200%200%201%20144%20212h-12v20a4%204%200%200%201-8%200v-20H96a4%204%200%200%201%200-8h28v-88H96a20%2020%200%200%200%200%2040a4%204%200%200%201%200%208a28%2028%200%200%201%200-56h28V24a4%204%200%200%201%208%200v84h44a28%2028%200%200%200%2028-28v-1a27%2027%200%200%200-27-27h-17a4%204%200%200%201%200-8h17a35%2035%200%200%201%2035%2035M56%2092H32a4%204%200%200%201-4-4v-8a36%2036%200%200%201%2036-36h32a4%204%200%200%201%200%208h-4v4a36%2036%200%200%201-36%2036m28-36v-4H64a28%2028%200%200%200-28%2028v4h20a28%2028%200%200%200%2028-28%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%22M212%2079v1a36%2036%200%200%201-36%2036h-44v88h12a20%2020%200%200%200%2013.33-34.91a4%204%200%201%201%205.34-6A28%2028%200%200%201%20144%20212h-12v20a4%204%200%200%201-8%200v-20H96a4%204%200%200%201%200-8h28v-88H96a20%2020%200%200%200%200%2040a4%204%200%200%201%200%208a28%2028%200%200%201%200-56h28V24a4%204%200%200%201%208%200v84h44a28%2028%200%200%200%2028-28v-1a27%2027%200%200%200-27-27h-17a4%204%200%200%201%200-8h17a35%2035%200%200%201%2035%2035M56%2092H32a4%204%200%200%201-4-4v-8a36%2036%200%200%201%2036-36h32a4%204%200%200%201%200%208h-4v4a36%2036%200%200%201-36%2036m28-36v-4H64a28%2028%200%200%200-28%2028v4h20a28%2028%200%200%200%2028-28%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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