Font-awesome: Icon Request: Ko-Fi

[ghost]

Ko-Fi is a website built around the idea of "buy me a coffee"! You click the button, are redirected to a page, and can donate money to that account, along with a message (if you wish). Providing an icon for this could provide a lot of use for emerging content creators on the web.

[smeerws]

+1

[Grovkillen]

I want this one as well :) Will create my own if it's not on the horizon

[strongdoctor]

+1, Ko-Fi has grown in popularity, or at last it seems that way. Would be really nice to have this one.

[Grovkillen]

https://simpleicons.org/?q=ko-fi

[NigelIG]

+1 Please add this icon!

[thanon]

+1, Any update?

[paw]

For a solution using FA only until the icon is added, you can decently emulate the Ko-fi logo by using pseudoelements to combine multiple FA icons.

HTML:

<i class="fas fa-mug-hot ko-fi"></i>

CSS:

.ko-fi::after {
      content: '\f004';
      font-weight: 900;
      font-size: 15px;
      color: #fff;
      position: absolute;
      margin: 20px 0 0 -32px;
}

You'll need to adjust the color, font-size, and margins to center the heart inside the icon and customize it to your liking.

Rough examples I threw together for fas fa-mug-hot, fas fa-mug, and far fa-mug:

Emulating the actual logo with both fas fa-mug-hot (free option) and fas fa-mug (pro option) (mug is #fff, background is #29abe0, heart is #ff5e5b):


compare to actual logo:

_Things to note:_

• If you're not planning on using the chosen mug icon anywhere else in the project, you could easily just add the ::after to the icon's class name in your css instead of creating a unique class like I did.
• You don't need to specify the font-family if you're adding it to the icon's HTML tag.
• You don't need to specify font-weight if you choose to use a solid mug, but you do need to set the font-weight to 900 if you want to keep the solid heart when adding it to a regular or light mug icon.
• Font Awesome's site has more info on using icons in pseudoelements.

Hope this helps!

[joshaprior-old]

home this one comes <3

[skyrie]

This would be a good icon to add!

[LoaneShark]

Still hoping this gets added, +1

[mattholden]

+1

[fbaldassarri]

Any news about this icon request? The issue still open since 2018...

BTW, +1! Thanks!

[tagliala]

Ciao @fbaldassarri!

You may be interested in taking a look at our Icon Leaderboard FAQs, they contain a lot of information about how requests work