gumroad logo
gumroad from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- gumroad
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the gumroad logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21.099 20.094c1.813 0 1.813 2.714 0 2.714c-1.807 0-1.807-2.714 0-2.714m7.339-18.615c1.807 0 1.807 2.714 0 2.714c-1.813 0-1.813-2.714 0-2.714M4.427 4.141h21.49a2.84 2.84 0 1 0-.109-2.371H4.428C2.355 1.77.725 3.348.725 5.359v22.875C.725 30.276 2.423 32 4.428 32h22.875c2.016 0 3.651-1.688 3.651-3.766V14.661c0-2.042-1.635-3.703-3.651-3.703H13.735c-2.073 0-3.823 1.698-3.823 3.703v4.266c0 1.979 1.714 3.589 3.823 3.589h4.74a2.83 2.83 0 0 0 2.625 1.771a2.839 2.839 0 1 0 0-5.678a2.84 2.84 0 0 0-2.516 1.536h-4.849c-.698 0-1.453-.464-1.453-1.219V14.66c0-.698.693-1.333 1.453-1.333h13.568c.719 0 1.281.589 1.281 1.333v13.573c0 .755-.589 1.396-1.281 1.396H4.428c-.708 0-1.333-.656-1.333-1.396V5.358c0-.693.578-1.214 1.333-1.214z"/></svg>
React
import type { SVGProps } from "react";
export function CibGumroad(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21.099 20.094c1.813 0 1.813 2.714 0 2.714c-1.807 0-1.807-2.714 0-2.714m7.339-18.615c1.807 0 1.807 2.714 0 2.714c-1.813 0-1.813-2.714 0-2.714M4.427 4.141h21.49a2.84 2.84 0 1 0-.109-2.371H4.428C2.355 1.77.725 3.348.725 5.359v22.875C.725 30.276 2.423 32 4.428 32h22.875c2.016 0 3.651-1.688 3.651-3.766V14.661c0-2.042-1.635-3.703-3.651-3.703H13.735c-2.073 0-3.823 1.698-3.823 3.703v4.266c0 1.979 1.714 3.589 3.823 3.589h4.74a2.83 2.83 0 0 0 2.625 1.771a2.839 2.839 0 1 0 0-5.678a2.84 2.84 0 0 0-2.516 1.536h-4.849c-.698 0-1.453-.464-1.453-1.219V14.66c0-.698.693-1.333 1.453-1.333h13.568c.719 0 1.281.589 1.281 1.333v13.573c0 .755-.589 1.396-1.281 1.396H4.428c-.708 0-1.333-.656-1.333-1.396V5.358c0-.693.578-1.214 1.333-1.214z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21.099 20.094c1.813 0 1.813 2.714 0 2.714c-1.807 0-1.807-2.714 0-2.714m7.339-18.615c1.807 0 1.807 2.714 0 2.714c-1.813 0-1.813-2.714 0-2.714M4.427 4.141h21.49a2.84 2.84 0 1 0-.109-2.371H4.428C2.355 1.77.725 3.348.725 5.359v22.875C.725 30.276 2.423 32 4.428 32h22.875c2.016 0 3.651-1.688 3.651-3.766V14.661c0-2.042-1.635-3.703-3.651-3.703H13.735c-2.073 0-3.823 1.698-3.823 3.703v4.266c0 1.979 1.714 3.589 3.823 3.589h4.74a2.83 2.83 0 0 0 2.625 1.771a2.839 2.839 0 1 0 0-5.678a2.84 2.84 0 0 0-2.516 1.536h-4.849c-.698 0-1.453-.464-1.453-1.219V14.66c0-.698.693-1.333 1.453-1.333h13.568c.719 0 1.281.589 1.281 1.333v13.573c0 .755-.589 1.396-1.281 1.396H4.428c-.708 0-1.333-.656-1.333-1.396V5.358c0-.693.578-1.214 1.333-1.214z"/></svg> </template>
CSS
.icon-gumroad {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.099%2020.094c1.813%200%201.813%202.714%200%202.714c-1.807%200-1.807-2.714%200-2.714m7.339-18.615c1.807%200%201.807%202.714%200%202.714c-1.813%200-1.813-2.714%200-2.714M4.427%204.141h21.49a2.84%202.84%200%201%200-.109-2.371H4.428C2.355%201.77.725%203.348.725%205.359v22.875C.725%2030.276%202.423%2032%204.428%2032h22.875c2.016%200%203.651-1.688%203.651-3.766V14.661c0-2.042-1.635-3.703-3.651-3.703H13.735c-2.073%200-3.823%201.698-3.823%203.703v4.266c0%201.979%201.714%203.589%203.823%203.589h4.74a2.83%202.83%200%200%200%202.625%201.771a2.839%202.839%200%201%200%200-5.678a2.84%202.84%200%200%200-2.516%201.536h-4.849c-.698%200-1.453-.464-1.453-1.219V14.66c0-.698.693-1.333%201.453-1.333h13.568c.719%200%201.281.589%201.281%201.333v13.573c0%20.755-.589%201.396-1.281%201.396H4.428c-.708%200-1.333-.656-1.333-1.396V5.358c0-.693.578-1.214%201.333-1.214z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.099%2020.094c1.813%200%201.813%202.714%200%202.714c-1.807%200-1.807-2.714%200-2.714m7.339-18.615c1.807%200%201.807%202.714%200%202.714c-1.813%200-1.813-2.714%200-2.714M4.427%204.141h21.49a2.84%202.84%200%201%200-.109-2.371H4.428C2.355%201.77.725%203.348.725%205.359v22.875C.725%2030.276%202.423%2032%204.428%2032h22.875c2.016%200%203.651-1.688%203.651-3.766V14.661c0-2.042-1.635-3.703-3.651-3.703H13.735c-2.073%200-3.823%201.698-3.823%203.703v4.266c0%201.979%201.714%203.589%203.823%203.589h4.74a2.83%202.83%200%200%200%202.625%201.771a2.839%202.839%200%201%200%200-5.678a2.84%202.84%200%200%200-2.516%201.536h-4.849c-.698%200-1.453-.464-1.453-1.219V14.66c0-.698.693-1.333%201.453-1.333h13.568c.719%200%201.281.589%201.281%201.333v13.573c0%20.755-.589%201.396-1.281%201.396H4.428c-.708%200-1.333-.656-1.333-1.396V5.358c0-.693.578-1.214%201.333-1.214z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/gumroad.svg?color=%231a73e8&size=48
