Carrd Icons
Hello!
I'm making this mini site with the hopes of figuring out a more convenient way to use carrd icons/svg symbols in websites!
I want to be able to use carrd icons in a way that works similarly to fontawesome, with a simple copy-paste of a short link and a short code for each icon. I know how to do something similar if you have the file locally, which you can check out in the "Local" tab! Still though, I want to be able to link to it more easily, without downloads or taking up a lot of space inline!
Local Version
1. Check the icon list to make sure that the current file has the icons you want, since I'm still adding to it, and download the file.
2. Make sure to put the icons file in the base directory/main folder of your website.
3. Next, paste this between the header tags of your website.
4. Then, put this at the very end of your website. It should be the last thing before the closing body tag.
5. Add this to your CSS stylesheet, or in style tags in your HTML. (Please note you'll have to repeat this step on every page if you do the latter.) Tweak it as you see fit upon adding your icons!
6. For each icon, you'll use this format, changing "name" out for whatever the name of the icon is! Alternatively, you can copy-paste from the icon list!
You'll have to repeat steps 3-4 on each page with icons, but generally, this works as far as I've tried it! My only big issue with this method is that you have to download it, rather than linking to it without said download. I know that might be a plus for some, but I'm aiming for convenience :'D
Icon List
Icons are listed in the order that made sense to me personally, but you can click the top of the chart to sort alphabetically!
| Icon | Title | Code |
|---|---|---|
| YouTube | ||
| TikTok | ||
| Snapchat | ||
| Twitch | ||
| Discord | ||
| Threads | ||
| Bluesky | ||
| Mastadon | ||
| Tumblr | ||
| Blogger | ||
| Dreamwidth | ||
| Spacehey | ||
| Neocities | ||
| Carrd | ||
| Linktree | ||
| Pronouns.page | ||
| Patreon | ||
| Patreon (Alt) | ||
| Kofi | ||
| Artistree | ||
| Buy Me a Coffee | ||
| Buy Me a Coffee (Alt) | ||
| RedBubble | ||
| Etsy | ||
| Shopify | ||
| Amazon | ||
| Throne | ||
| PayPal | ||
| Cash App | ||
| Venmo | ||
| Github | ||
| Gitlab | ||
| JSFiddle | ||
| Codepen | ||
| Stack Overflow | ||
| Obsidian | ||
| Notion | ||
| Evernote | ||
| Trello | ||
| Drive | ||
| Dropbox | ||
| Telegram | ||
| Signal | ||
| Steam | ||
| Game Jolt | ||
| Itch.io | ||
| Itch.io (Alt) | ||
| Epic Games | ||
| Battle.net | ||
| Roblox | ||
| Minecraft | ||
| Scratch | ||
| Genshin | ||
| Honkai Star Rail | ||
| HoyoLab | ||
| Gumroad | ||
| Art Fight | ||
| Toyhouse | ||
| Cara | ||
| Art Street | ||
| Artfol | ||
| Fur Affinity | ||
| Curious Cat | ||
| Tellonym | ||
| Archive of our Own | ||
| Wattpad | ||
| FanFiction.net | ||
| Webtoon | ||
| Tapas | ||
| Spotify | ||
| YouTube Music | ||
| Apple | ||
| Soundcloud | ||
| Bandlab | ||
| Amazon Music | ||
| iHeartRadio | ||
| Deezer | ||
| Deezer (Alt) | ||
| Pandora | ||
| Last.fm | ||
| Bandcamp | ||
| Boomplay | ||
| Tidal | ||
| Anghami | ||
| Audiomack | ||
| Yandex | ||
| Napster | ||
| KKBox | ||
| Crunchyroll | ||
| AniList | ||
| Anime Planet | ||
| MyAnimeList | ||
| MyDramaList | ||
| Gamepad | ||
| Mobile Phone | ||
| Cloud | ||
| Paw | ||
| Heart | ||
| Star | ||
| User | ||
| Information | ||
| Calendar | ||
| Home | ||
| Cart | ||
| Feed | ||
| Upload | ||
| Download | ||
| QR Code | ||
| Link |