gumroad icon

gumroad-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name: gumroad-fill
Set: MingCute Icon
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

The same icon in other sets

gumroadBoxicons Brands gumroadCoreUI Brands gumroadSimple Icons

Use the gumroad icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 4.5c-1.332 0-2.598.455-3.533 1.384C7.527 8.818 7 10.15 7 11.75c0 1.346.37 2.639 1.133 3.62C8.914 16.372 10.076 17 11.5 17c1.37 0 2.502-.9 3.227-1.816a7 7 0 0 0 .273-.371v.687a1 1 0 1 0 2 0V13a2 2 0 0 0-2-2h-2a1 1 0 1 0 0 2h.733a4.5 4.5 0 0 1-.573.941C12.6 14.651 11.98 15 11.5 15c-.785 0-1.373-.325-1.79-.86c-.433-.557-.71-1.389-.71-2.39c0-1.15.369-1.943.876-2.446c.512-.509 1.247-.804 2.124-.804c.536 0 1.039.152 1.477.42c.296.183.62.439.83.703a1 1 0 0 0 1.564-1.246c-.403-.506-.932-.905-1.348-1.16A4.8 4.8 0 0 0 12 6.5"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteGumroadFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 4.5c-1.332 0-2.598.455-3.533 1.384C7.527 8.818 7 10.15 7 11.75c0 1.346.37 2.639 1.133 3.62C8.914 16.372 10.076 17 11.5 17c1.37 0 2.502-.9 3.227-1.816a7 7 0 0 0 .273-.371v.687a1 1 0 1 0 2 0V13a2 2 0 0 0-2-2h-2a1 1 0 1 0 0 2h.733a4.5 4.5 0 0 1-.573.941C12.6 14.651 11.98 15 11.5 15c-.785 0-1.373-.325-1.79-.86c-.433-.557-.71-1.389-.71-2.39c0-1.15.369-1.943.876-2.446c.512-.509 1.247-.804 2.124-.804c.536 0 1.039.152 1.477.42c.296.183.62.439.83.703a1 1 0 0 0 1.564-1.246c-.403-.506-.932-.905-1.348-1.16A4.8 4.8 0 0 0 12 6.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 4.5c-1.332 0-2.598.455-3.533 1.384C7.527 8.818 7 10.15 7 11.75c0 1.346.37 2.639 1.133 3.62C8.914 16.372 10.076 17 11.5 17c1.37 0 2.502-.9 3.227-1.816a7 7 0 0 0 .273-.371v.687a1 1 0 1 0 2 0V13a2 2 0 0 0-2-2h-2a1 1 0 1 0 0 2h.733a4.5 4.5 0 0 1-.573.941C12.6 14.651 11.98 15 11.5 15c-.785 0-1.373-.325-1.79-.86c-.433-.557-.71-1.389-.71-2.39c0-1.15.369-1.943.876-2.446c.512-.509 1.247-.804 2.124-.804c.536 0 1.039.152 1.477.42c.296.183.62.439.83.703a1 1 0 0 0 1.564-1.246c-.403-.506-.932-.905-1.348-1.16A4.8 4.8 0 0 0 12 6.5"/></svg>
</template>

CSS

.icon-gumroad-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202c5.523%200%2010%204.477%2010%2010s-4.477%2010-10%2010S2%2017.523%202%2012S6.477%202%2012%202m0%204.5c-1.332%200-2.598.455-3.533%201.384C7.527%208.818%207%2010.15%207%2011.75c0%201.346.37%202.639%201.133%203.62C8.914%2016.372%2010.076%2017%2011.5%2017c1.37%200%202.502-.9%203.227-1.816a7%207%200%200%200%20.273-.371v.687a1%201%200%201%200%202%200V13a2%202%200%200%200-2-2h-2a1%201%200%201%200%200%202h.733a4.5%204.5%200%200%201-.573.941C12.6%2014.651%2011.98%2015%2011.5%2015c-.785%200-1.373-.325-1.79-.86c-.433-.557-.71-1.389-.71-2.39c0-1.15.369-1.943.876-2.446c.512-.509%201.247-.804%202.124-.804c.536%200%201.039.152%201.477.42c.296.183.62.439.83.703a1%201%200%200%200%201.564-1.246c-.403-.506-.932-.905-1.348-1.16A4.8%204.8%200%200%200%2012%206.5%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202c5.523%200%2010%204.477%2010%2010s-4.477%2010-10%2010S2%2017.523%202%2012S6.477%202%2012%202m0%204.5c-1.332%200-2.598.455-3.533%201.384C7.527%208.818%207%2010.15%207%2011.75c0%201.346.37%202.639%201.133%203.62C8.914%2016.372%2010.076%2017%2011.5%2017c1.37%200%202.502-.9%203.227-1.816a7%207%200%200%200%20.273-.371v.687a1%201%200%201%200%202%200V13a2%202%200%200%200-2-2h-2a1%201%200%201%200%200%202h.733a4.5%204.5%200%200%201-.573.941C12.6%2014.651%2011.98%2015%2011.5%2015c-.785%200-1.373-.325-1.79-.86c-.433-.557-.71-1.389-.71-2.39c0-1.15.369-1.943.876-2.446c.512-.509%201.247-.804%202.124-.804c.536%200%201.039.152%201.477.42c.296.183.62.439.83.703a1%201%200%200%200%201.564-1.246c-.403-.506-.932-.905-1.348-1.16A4.8%204.8%200%200%200%2012%206.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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