Buy Me A Coffee Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Buy Me A Coffee icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/337619.svg" alt="Buy Me A Coffee icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/337619.svg" alt="Buy Me A Coffee icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/337619.svg" alt="Buy Me A Coffee icon" :width="24" :height="24" />
CSS background
.icon-buy-me-a-coffee {
background-image: url('https://proicons.com/icon/337619.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?><svg id="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.c{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="c" d="M31.0745,21.766c-.7191-.2456-1.4449-.4088-2.263-.4088-1.415-.0005-2.5551.4868-3.8722,1.0505-1.477.6323-3.1531,1.3492-5.3254,1.3492-.9087-.0018-1.8131-.1265-2.6884-.3706"/><path class="c" d="M33.9067,17.3164s-2.13,20.3518-2.4941,22.8733c-.3641,2.5215-2.5484,3.3103-5.3396,3.3103h-4.1462c-2.7911,0-4.9755-.7888-5.3396-3.3103s-2.1844-19.2615-2.1844-19.2615"/><path class="c" d="M29.6745,7.951c-2.0933.4778-3.7481.5688-5.6745.5688s-9.3581-.3186-9.3581-2.1692c0-1.6079,7.4468-1.8506,9.3581-1.8506s8.6367.1709,9.1603,2.1913c.2986,1.1519.9891,5.0596.9891,5.0596"/><path class="c" d="M24,12.9235c4.1867,0,9.1759-.8933,10.7537-1.1727,1.3501-.239,1.881.9026,2.1237,2.2375s.2939,2.6374-1.2183,2.957-4.6941,1.169-11.6591,1.169-10.1469-.8495-11.6591-1.169-1.461-1.6221-1.2183-2.957.7736-2.4765,2.1237-2.2375c1.5778.2794,6.567,1.1727,10.7537,1.1727Z"/></svg>
More from Arcticons
View all
Buy Me A Coffee in other icon packs
Copied!