milligram logo

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

Name
milligram
Set
SVG Logos
Style
Color
Viewbox
256×370
License
CC0

Use the milligram logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 370"><path fill="#9b4dca" d="M128 0C36.468 150.218 0 178.702 0 241.794c0 70.692 57.308 128 128 128s128-57.308 128-128C256 178.15 218.973 149.942 128 0m0 348.777c-59.203 0-107.196-47.994-107.196-107.197c0-52.837 30.541-76.692 107.196-202.495C204.188 164.657 235.196 188.28 235.196 241.58c0 59.203-47.993 107.197-107.196 107.197m-13.27-44.966c-12.333-2.766-21.681-7.743-30.53-16.095c-6.361-6.03-9.845-10.62-13.385-17.477c-5.586-10.896-7.522-19.635-7.08-32.08c.166-6.14.554-9.236 1.66-13.33c1.659-6.25 4.424-13.107 5.918-14.766c.608-.664 1.106-1.44 1.106-1.77c0-.332.442-1.217.94-1.991c1.438-2.268 1.494-5.476.166-8.131c-2.986-5.807-7.854-8.241-13.827-6.913c-4.148.94-6.305 3.705-10.509 13.44c-5.033 11.725-7.079 20.353-7.577 32.079c-1.881 42.698 27.489 80.253 69.357 88.77c4.259.83 6.195.996 7.909.609c8.573-1.936 11.726-11.781 5.863-18.197c-1.77-1.991-3.429-2.655-10.011-4.148"/></svg>

React

import type { SVGProps } from "react";

export function LogosMilligram(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 370"><path fill="#9b4dca" d="M128 0C36.468 150.218 0 178.702 0 241.794c0 70.692 57.308 128 128 128s128-57.308 128-128C256 178.15 218.973 149.942 128 0m0 348.777c-59.203 0-107.196-47.994-107.196-107.197c0-52.837 30.541-76.692 107.196-202.495C204.188 164.657 235.196 188.28 235.196 241.58c0 59.203-47.993 107.197-107.196 107.197m-13.27-44.966c-12.333-2.766-21.681-7.743-30.53-16.095c-6.361-6.03-9.845-10.62-13.385-17.477c-5.586-10.896-7.522-19.635-7.08-32.08c.166-6.14.554-9.236 1.66-13.33c1.659-6.25 4.424-13.107 5.918-14.766c.608-.664 1.106-1.44 1.106-1.77c0-.332.442-1.217.94-1.991c1.438-2.268 1.494-5.476.166-8.131c-2.986-5.807-7.854-8.241-13.827-6.913c-4.148.94-6.305 3.705-10.509 13.44c-5.033 11.725-7.079 20.353-7.577 32.079c-1.881 42.698 27.489 80.253 69.357 88.77c4.259.83 6.195.996 7.909.609c8.573-1.936 11.726-11.781 5.863-18.197c-1.77-1.991-3.429-2.655-10.011-4.148"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 370"><path fill="#9b4dca" d="M128 0C36.468 150.218 0 178.702 0 241.794c0 70.692 57.308 128 128 128s128-57.308 128-128C256 178.15 218.973 149.942 128 0m0 348.777c-59.203 0-107.196-47.994-107.196-107.197c0-52.837 30.541-76.692 107.196-202.495C204.188 164.657 235.196 188.28 235.196 241.58c0 59.203-47.993 107.197-107.196 107.197m-13.27-44.966c-12.333-2.766-21.681-7.743-30.53-16.095c-6.361-6.03-9.845-10.62-13.385-17.477c-5.586-10.896-7.522-19.635-7.08-32.08c.166-6.14.554-9.236 1.66-13.33c1.659-6.25 4.424-13.107 5.918-14.766c.608-.664 1.106-1.44 1.106-1.77c0-.332.442-1.217.94-1.991c1.438-2.268 1.494-5.476.166-8.131c-2.986-5.807-7.854-8.241-13.827-6.913c-4.148.94-6.305 3.705-10.509 13.44c-5.033 11.725-7.079 20.353-7.577 32.079c-1.881 42.698 27.489 80.253 69.357 88.77c4.259.83 6.195.996 7.909.609c8.573-1.936 11.726-11.781 5.863-18.197c-1.77-1.991-3.429-2.655-10.011-4.148"/></svg>
</template>

CSS

.icon-milligram {
  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%20370%22%3E%3Cpath%20fill%3D%22%239b4dca%22%20d%3D%22M128%200C36.468%20150.218%200%20178.702%200%20241.794c0%2070.692%2057.308%20128%20128%20128s128-57.308%20128-128C256%20178.15%20218.973%20149.942%20128%200m0%20348.777c-59.203%200-107.196-47.994-107.196-107.197c0-52.837%2030.541-76.692%20107.196-202.495C204.188%20164.657%20235.196%20188.28%20235.196%20241.58c0%2059.203-47.993%20107.197-107.196%20107.197m-13.27-44.966c-12.333-2.766-21.681-7.743-30.53-16.095c-6.361-6.03-9.845-10.62-13.385-17.477c-5.586-10.896-7.522-19.635-7.08-32.08c.166-6.14.554-9.236%201.66-13.33c1.659-6.25%204.424-13.107%205.918-14.766c.608-.664%201.106-1.44%201.106-1.77c0-.332.442-1.217.94-1.991c1.438-2.268%201.494-5.476.166-8.131c-2.986-5.807-7.854-8.241-13.827-6.913c-4.148.94-6.305%203.705-10.509%2013.44c-5.033%2011.725-7.079%2020.353-7.577%2032.079c-1.881%2042.698%2027.489%2080.253%2069.357%2088.77c4.259.83%206.195.996%207.909.609c8.573-1.936%2011.726-11.781%205.863-18.197c-1.77-1.991-3.429-2.655-10.011-4.148%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%20370%22%3E%3Cpath%20fill%3D%22%239b4dca%22%20d%3D%22M128%200C36.468%20150.218%200%20178.702%200%20241.794c0%2070.692%2057.308%20128%20128%20128s128-57.308%20128-128C256%20178.15%20218.973%20149.942%20128%200m0%20348.777c-59.203%200-107.196-47.994-107.196-107.197c0-52.837%2030.541-76.692%20107.196-202.495C204.188%20164.657%20235.196%20188.28%20235.196%20241.58c0%2059.203-47.993%20107.197-107.196%20107.197m-13.27-44.966c-12.333-2.766-21.681-7.743-30.53-16.095c-6.361-6.03-9.845-10.62-13.385-17.477c-5.586-10.896-7.522-19.635-7.08-32.08c.166-6.14.554-9.236%201.66-13.33c1.659-6.25%204.424-13.107%205.918-14.766c.608-.664%201.106-1.44%201.106-1.77c0-.332.442-1.217.94-1.991c1.438-2.268%201.494-5.476.166-8.131c-2.986-5.807-7.854-8.241-13.827-6.913c-4.148.94-6.305%203.705-10.509%2013.44c-5.033%2011.725-7.079%2020.353-7.577%2032.079c-1.881%2042.698%2027.489%2080.253%2069.357%2088.77c4.259.83%206.195.996%207.909.609c8.573-1.936%2011.726-11.781%205.863-18.197c-1.77-1.991-3.429-2.655-10.011-4.148%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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