Demo - Social Icons
To use an icon, simply copy its shortcode and paste it into your content where you want the icon to appear. The shortcode must be enclosed in {{< icon >}}.
Here is a list of available icons, their shortcodes, and what they look like when rendered:
| name | shortcode | icon |
|---|---|---|
| 4chan | {{< icon "4chan" >}} | |
| leetcode | {{< icon "leetcode" >}} | |
{{< icon "qq" >}} | ||
| spotify | {{< icon "spotify" >}} | |
| tinder | {{< icon "tinder" >}} | |
| youtube | {{< icon "youtube" >}} | |
| docs | {{< icon "docs" >}} | |
{{< icon "linkedin" >}} | ||
{{< icon "reddit" >}} | ||
| steam | {{< icon "steam" >}} | |
| tumblr | {{< icon "tumblr" >}} | |
| zhihu | {{< icon "zhihu" >}} | |
{{< icon "email" >}} | ||
| mastodon | {{< icon "mastodon" >}} | |
| rss | {{< icon "rss" >}} | |
| teams | {{< icon "teams" >}} | |
| twitch | {{< icon "twitch" >}} | |
{{< icon "facebook" >}} | ||
| medium | {{< icon "medium" >}} | |
| skype | {{< icon "skype" >}} | |
| telegram | {{< icon "telegram" >}} | |
{{< icon "twitter" >}} | ||
| github | {{< icon "github" >}} | |
| netease | {{< icon "netease-music" >}} | |
| slack | {{< icon "slack" >}} | |
| theme | {{< icon "theme-dark" >}} | |
| vk | {{< icon "vk" >}} | |
| gitlab | {{< icon "gitlab" >}} | |
| notion | {{< icon "notion" >}} | |
| snapchat | {{< icon "snapchat" >}} | |
| theme | {{< icon "theme-light" >}} | |
{{< icon "weibo" >}} | ||
{{< icon "instagram" >}} | ||
| patreon | {{< icon "patreon" >}} | |
| soundcloud | {{< icon "soundcloud" >}} | |
| tiktok | {{< icon "tiktok" >}} | |
| x | {{< icon "x" >}} |