medusa icon logo

medusa-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
medusa-icon
Set
SVG Logos
Style
Color
Viewbox
256×277
License
CC0

Use the medusa icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 277"><defs><linearGradient id="SVGzusNleCd" x1="-66.697%" x2="108.63%" y1="81.87%" y2="34.419%"><stop offset="26.563%" stop-color="#592ee1"/><stop offset="100%" stop-color="#b836d9"/></linearGradient></defs><path fill="url(#SVGzusNleCd)" d="M223.517 44.823L161.174 8.85a65.57 65.57 0 0 0-65.792 0l-62.63 35.973C12.642 56.623 0 78.495 0 101.806v72.235c0 23.6 12.641 45.183 32.752 56.982l62.343 36.263a65.57 65.57 0 0 0 65.791 0l62.343-36.263c20.399-11.799 32.752-33.383 32.752-56.982v-72.235c.575-23.311-12.066-45.183-32.464-56.983m-95.383 157.422c-35.337 0-64.067-28.78-64.067-64.177c0-35.399 28.73-64.178 64.067-64.178c35.338 0 64.355 28.779 64.355 64.178s-28.73 64.177-64.355 64.177"/></svg>

React

import type { SVGProps } from "react";

export function LogosMedusaIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 277"><defs><linearGradient id="SVGzusNleCd" x1="-66.697%" x2="108.63%" y1="81.87%" y2="34.419%"><stop offset="26.563%" stopColor="#592ee1"/><stop offset="100%" stopColor="#b836d9"/></linearGradient></defs><path fill="url(#SVGzusNleCd)" d="M223.517 44.823L161.174 8.85a65.57 65.57 0 0 0-65.792 0l-62.63 35.973C12.642 56.623 0 78.495 0 101.806v72.235c0 23.6 12.641 45.183 32.752 56.982l62.343 36.263a65.57 65.57 0 0 0 65.791 0l62.343-36.263c20.399-11.799 32.752-33.383 32.752-56.982v-72.235c.575-23.311-12.066-45.183-32.464-56.983m-95.383 157.422c-35.337 0-64.067-28.78-64.067-64.177c0-35.399 28.73-64.178 64.067-64.178c35.338 0 64.355 28.779 64.355 64.178s-28.73 64.177-64.355 64.177"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 277"><defs><linearGradient id="SVGzusNleCd" x1="-66.697%" x2="108.63%" y1="81.87%" y2="34.419%"><stop offset="26.563%" stop-color="#592ee1"/><stop offset="100%" stop-color="#b836d9"/></linearGradient></defs><path fill="url(#SVGzusNleCd)" d="M223.517 44.823L161.174 8.85a65.57 65.57 0 0 0-65.792 0l-62.63 35.973C12.642 56.623 0 78.495 0 101.806v72.235c0 23.6 12.641 45.183 32.752 56.982l62.343 36.263a65.57 65.57 0 0 0 65.791 0l62.343-36.263c20.399-11.799 32.752-33.383 32.752-56.982v-72.235c.575-23.311-12.066-45.183-32.464-56.983m-95.383 157.422c-35.337 0-64.067-28.78-64.067-64.177c0-35.399 28.73-64.178 64.067-64.178c35.338 0 64.355 28.779 64.355 64.178s-28.73 64.177-64.355 64.177"/></svg>
</template>

CSS

.icon-medusa-icon {
  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%20277%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGzusNleCd%22%20x1%3D%22-66.697%25%22%20x2%3D%22108.63%25%22%20y1%3D%2281.87%25%22%20y2%3D%2234.419%25%22%3E%3Cstop%20offset%3D%2226.563%25%22%20stop-color%3D%22%23592ee1%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23b836d9%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGzusNleCd)%22%20d%3D%22M223.517%2044.823L161.174%208.85a65.57%2065.57%200%200%200-65.792%200l-62.63%2035.973C12.642%2056.623%200%2078.495%200%20101.806v72.235c0%2023.6%2012.641%2045.183%2032.752%2056.982l62.343%2036.263a65.57%2065.57%200%200%200%2065.791%200l62.343-36.263c20.399-11.799%2032.752-33.383%2032.752-56.982v-72.235c.575-23.311-12.066-45.183-32.464-56.983m-95.383%20157.422c-35.337%200-64.067-28.78-64.067-64.177c0-35.399%2028.73-64.178%2064.067-64.178c35.338%200%2064.355%2028.779%2064.355%2064.178s-28.73%2064.177-64.355%2064.177%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%20277%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGzusNleCd%22%20x1%3D%22-66.697%25%22%20x2%3D%22108.63%25%22%20y1%3D%2281.87%25%22%20y2%3D%2234.419%25%22%3E%3Cstop%20offset%3D%2226.563%25%22%20stop-color%3D%22%23592ee1%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23b836d9%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGzusNleCd)%22%20d%3D%22M223.517%2044.823L161.174%208.85a65.57%2065.57%200%200%200-65.792%200l-62.63%2035.973C12.642%2056.623%200%2078.495%200%20101.806v72.235c0%2023.6%2012.641%2045.183%2032.752%2056.982l62.343%2036.263a65.57%2065.57%200%200%200%2065.791%200l62.343-36.263c20.399-11.799%2032.752-33.383%2032.752-56.982v-72.235c.575-23.311-12.066-45.183-32.464-56.983m-95.383%20157.422c-35.337%200-64.067-28.78-64.067-64.177c0-35.399%2028.73-64.178%2064.067-64.178c35.338%200%2064.355%2028.779%2064.355%2064.178s-28.73%2064.177-64.355%2064.177%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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