blog.hackliberty.org/posts/papermod/papermod-icons/index.html

472 lines
15 KiB
HTML

<!doctype html><html lang=en dir=auto>
<head><meta charset=utf-8>
<meta http-equiv=x-ua-compatible content="IE=edge">
<meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no">
<meta name=robots content="index, follow">
<title>Icons | HackLiberty Blog</title>
<meta name=keywords content="PaperMod">
<meta name=description content="List of all Icons supported by PaperMod">
<meta name=author content="Aditya Telange">
<link rel=canonical href=/posts/papermod/papermod-icons/>
<link crossorigin=anonymous href=/assets/css/stylesheet.min.ec8da366ca2fb647537ccb7a8f6fa5b4e9cd3c7a0d3171dd2d3baad1e49c8bfc.css integrity="sha256-7I2jZsovtkdTfMt6j2+ltOnNPHoNMXHdLTuq0eSci/w=" rel="preload stylesheet" as=style>
<script defer crossorigin=anonymous src=/assets/js/highlight.min.7680afc38aa6b15ddf158a4f3780b7b1f7dde7e91d26f073e6229bb7a0793c92.js integrity="sha256-doCvw4qmsV3fFYpPN4C3sffd5+kdJvBz5iKbt6B5PJI=" onload=hljs.initHighlightingOnLoad()></script>
<link rel=icon href=/favicon.ico>
<link rel=icon type=image/png sizes=16x16 href=/favicon-16x16.png>
<link rel=icon type=image/png sizes=32x32 href=/favicon-32x32.png>
<link rel=apple-touch-icon href=/apple-touch-icon.png>
<link rel=mask-icon href=/safari-pinned-tab.svg>
<meta name=theme-color content="#2e2e33">
<meta name=msapplication-TileColor content="#2e2e33">
<noscript>
<style>#theme-toggle,.top-link{display:none}</style>
</noscript><meta property="og:title" content="Icons">
<meta property="og:description" content="List of all Icons supported by PaperMod">
<meta property="og:type" content="article">
<meta property="og:url" content="/posts/papermod/papermod-icons/"><meta property="article:section" content="posts">
<meta property="article:published_time" content="2021-01-20T00:00:00+00:00">
<meta property="article:modified_time" content="2021-01-20T00:00:00+00:00">
<meta name=twitter:card content="summary">
<meta name=twitter:title content="Icons">
<meta name=twitter:description content="List of all Icons supported by PaperMod">
<script type=application/ld+json>{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Icons","item":"/posts/papermod/papermod-icons/"}]}</script>
<script type=application/ld+json>{"@context":"https://schema.org","@type":"BlogPosting","headline":"Icons","name":"Icons","description":"List of all Icons supported by PaperMod","keywords":["PaperMod"],"articleBody":"Social Icons No. Name Platform Link 1 123rf 123rf.com 2 adobestock stock.adobe.com 3 behance behance.net 4 buymeacoffee buymeacoffee.com 5 codepen codepen.io 6 cryptohack cryptohack.org 7 ctftime ctftime.org 8 dev dev.to 9 discogs discogs.com 10 discord discord.com 11 dreamstime dreamstime.com 12 dribbble dribbble.com 13 email - 14 facebook facebook.com 15 flickr flickr.com 16 freepik freepik.com 17 gitea gitea.io 18 github github.com 19 gitlab gitlab.com 20 goodreads goodreads.com 21 hackerone hackerone.com 22 hackerrank hackerrank.com 23 hackthebox hackthebox.eu 24 instagram instagram.com 25 itchio itch.io 26 kakaotalk kakaocorp.com/service/KakaoTalk 27 keybase keybase.io 28 kofi ko-fi.com 29 lastfm last.fm 30 liberapay liberapay.com 31 linkedin linkedin.com 32 mastodon mastodon.social 33 matrix matrix.org 34 medium medium.com 35 mixcloud mixcloud.com 36 nuget nuget.org 37 paypal paypal.com 38 qq qq.com 39 reddit reddit.com 40 rss - 41 serverfault serverfault.com 42 soundcloud soundcloud.com 43 shutterstock shutterstock.com 44 slack slack.com 45 snapchat snapchat.com/add 46 sourcerer sourcerer.io 47 spotify spotify.com 48 stackoverflow stackoverflow.com 49 steam steampowered.com 50 telegram telegram.org 51 twitch twitch.tv 52 twitter twitter.com 53 unsplash unsplash.com 54 xda xda-developers.com 55 youtube youtube.com 56 other - Usage :\nsocialIcons: - name: \"kofi\" url: \"https://kofi.com\" - name: \"twitter\" url: \"https://twitter.com\" Share Icons No. Platform 1 twitter (also generates hash tags from tags linked with post) 2 linkedin 3 reddit 4 facebook 5 whatsapp 6 telegram Usage:\nparams: ShowShareButtons: true ","wordCount":"216","inLanguage":"en","datePublished":"2021-01-20T00:00:00Z","dateModified":"2021-01-20T00:00:00Z","author":{"@type":"Person","name":"Aditya Telange"},"mainEntityOfPage":{"@type":"WebPage","@id":"/posts/papermod/papermod-icons/"},"publisher":{"@type":"Organization","name":"HackLiberty Blog","logo":{"@type":"ImageObject","url":"/favicon.ico"}}}</script>
</head>
<body class=dark id=top>
<script>localStorage.getItem("pref-theme")==="light"&&document.body.classList.remove('dark')</script>
<header class=header>
<nav class=nav>
<div class=logo>
<a href=/ accesskey=h title=" (Alt + H)">
<img src=/hackliberty.png alt=logo aria-label=logo height=35> </a>
<span class=logo-switches>
<button id=theme-toggle accesskey=t title="(Alt + T)"><svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg><svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>
</button>
</span>
</div>
<ul id=menu>
<li>
<a href=/posts/ title=Posts>
<span>Posts</span>
</a>
</li>
<li>
<a href=/archives/ title=Archive>
<span>Archive</span>
</a>
</li>
<li>
<a href=/search/ title="Search (Alt + /)" accesskey=/>
<span>Search</span>
</a>
</li>
<li>
<a href=/series/ title=Series>
<span>Series</span>
</a>
</li>
<li>
<a href=/tags/ title=Tags>
<span>Tags</span>
</a>
</li>
</ul>
</nav>
</header>
<main class=main>
<article class=post-single>
<header class=post-header>
<div class=breadcrumbs><a href=/>Home</a></div>
<h1 class=post-title>
Icons<sup><span class=entry-isdraft>&nbsp;&nbsp;[draft]</span></sup>
</h1>
<div class=post-meta><span title="2021-01-20 00:00:00 +0000 UTC">January 20, 2021</span>&nbsp;·&nbsp;2 min&nbsp;·&nbsp;Aditya Telange
</div>
</header> <div class=toc>
<details>
<summary accesskey=c title="(Alt + C)">
<span class=details>Table of Contents</span>
</summary>
<div class=inner><ul>
<li>
<a href=#social-icons aria-label="Social Icons">Social Icons</a></li>
<li>
<a href=#share-icons aria-label="Share Icons">Share Icons</a>
</li>
</ul>
</div>
</details>
</div>
<div class=post-content><h2 id=social-icons>Social Icons<a hidden class=anchor aria-hidden=true href=#social-icons>#</a></h2>
<table>
<thead>
<tr>
<th>No.</th>
<th>Name</th>
<th>Platform Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td><code>123rf</code></td>
<td>123rf.com</td>
</tr>
<tr>
<td>2</td>
<td><code>adobestock</code></td>
<td>stock.adobe.com</td>
</tr>
<tr>
<td>3</td>
<td><code>behance</code></td>
<td>behance.net</td>
</tr>
<tr>
<td>4</td>
<td><code>buymeacoffee</code></td>
<td>buymeacoffee.com</td>
</tr>
<tr>
<td>5</td>
<td><code>codepen</code></td>
<td>codepen.io</td>
</tr>
<tr>
<td>6</td>
<td><code>cryptohack</code></td>
<td>cryptohack.org</td>
</tr>
<tr>
<td>7</td>
<td><code>ctftime</code></td>
<td>ctftime.org</td>
</tr>
<tr>
<td>8</td>
<td><code>dev</code></td>
<td>dev.to</td>
</tr>
<tr>
<td>9</td>
<td><code>discogs</code></td>
<td>discogs.com</td>
</tr>
<tr>
<td>10</td>
<td><code>discord</code></td>
<td>discord.com</td>
</tr>
<tr>
<td>11</td>
<td><code>dreamstime</code></td>
<td>dreamstime.com</td>
</tr>
<tr>
<td>12</td>
<td><code>dribbble</code></td>
<td>dribbble.com</td>
</tr>
<tr>
<td>13</td>
<td><code>email</code></td>
<td>-</td>
</tr>
<tr>
<td>14</td>
<td><code>facebook</code></td>
<td>facebook.com</td>
</tr>
<tr>
<td>15</td>
<td><code>flickr</code></td>
<td>flickr.com</td>
</tr>
<tr>
<td>16</td>
<td><code>freepik</code></td>
<td>freepik.com</td>
</tr>
<tr>
<td>17</td>
<td><code>gitea</code></td>
<td>gitea.io</td>
</tr>
<tr>
<td>18</td>
<td><code>github</code></td>
<td>github.com</td>
</tr>
<tr>
<td>19</td>
<td><code>gitlab</code></td>
<td>gitlab.com</td>
</tr>
<tr>
<td>20</td>
<td><code>goodreads</code></td>
<td>goodreads.com</td>
</tr>
<tr>
<td>21</td>
<td><code>hackerone</code></td>
<td>hackerone.com</td>
</tr>
<tr>
<td>22</td>
<td><code>hackerrank</code></td>
<td>hackerrank.com</td>
</tr>
<tr>
<td>23</td>
<td><code>hackthebox</code></td>
<td>hackthebox.eu</td>
</tr>
<tr>
<td>24</td>
<td><code>instagram</code></td>
<td>instagram.com</td>
</tr>
<tr>
<td>25</td>
<td><code>itchio</code></td>
<td>itch.io</td>
</tr>
<tr>
<td>26</td>
<td><code>kakaotalk</code></td>
<td>kakaocorp.com/service/KakaoTalk</td>
</tr>
<tr>
<td>27</td>
<td><code>keybase</code></td>
<td>keybase.io</td>
</tr>
<tr>
<td>28</td>
<td><code>kofi</code></td>
<td>ko-fi.com</td>
</tr>
<tr>
<td>29</td>
<td><code>lastfm</code></td>
<td>last.fm</td>
</tr>
<tr>
<td>30</td>
<td><code>liberapay</code></td>
<td>liberapay.com</td>
</tr>
<tr>
<td>31</td>
<td><code>linkedin</code></td>
<td>linkedin.com</td>
</tr>
<tr>
<td>32</td>
<td><code>mastodon</code></td>
<td>mastodon.social</td>
</tr>
<tr>
<td>33</td>
<td><code>matrix</code></td>
<td>matrix.org</td>
</tr>
<tr>
<td>34</td>
<td><code>medium</code></td>
<td>medium.com</td>
</tr>
<tr>
<td>35</td>
<td><code>mixcloud</code></td>
<td>mixcloud.com</td>
</tr>
<tr>
<td>36</td>
<td><code>nuget</code></td>
<td>nuget.org</td>
</tr>
<tr>
<td>37</td>
<td><code>paypal</code></td>
<td>paypal.com</td>
</tr>
<tr>
<td>38</td>
<td><code>qq</code></td>
<td>qq.com</td>
</tr>
<tr>
<td>39</td>
<td><code>reddit</code></td>
<td>reddit.com</td>
</tr>
<tr>
<td>40</td>
<td><code>rss</code></td>
<td>-</td>
</tr>
<tr>
<td>41</td>
<td><code>serverfault</code></td>
<td>serverfault.com</td>
</tr>
<tr>
<td>42</td>
<td><code>soundcloud</code></td>
<td>soundcloud.com</td>
</tr>
<tr>
<td>43</td>
<td><code>shutterstock</code></td>
<td>shutterstock.com</td>
</tr>
<tr>
<td>44</td>
<td><code>slack</code></td>
<td>slack.com</td>
</tr>
<tr>
<td>45</td>
<td><code>snapchat</code></td>
<td>snapchat.com/add</td>
</tr>
<tr>
<td>46</td>
<td><code>sourcerer</code></td>
<td>sourcerer.io</td>
</tr>
<tr>
<td>47</td>
<td><code>spotify</code></td>
<td>spotify.com</td>
</tr>
<tr>
<td>48</td>
<td><code>stackoverflow</code></td>
<td>stackoverflow.com</td>
</tr>
<tr>
<td>49</td>
<td><code>steam</code></td>
<td>steampowered.com</td>
</tr>
<tr>
<td>50</td>
<td><code>telegram</code></td>
<td>telegram.org</td>
</tr>
<tr>
<td>51</td>
<td><code>twitch</code></td>
<td>twitch.tv</td>
</tr>
<tr>
<td>52</td>
<td><code>twitter</code></td>
<td>twitter.com</td>
</tr>
<tr>
<td>53</td>
<td><code>unsplash</code></td>
<td>unsplash.com</td>
</tr>
<tr>
<td>54</td>
<td><code>xda</code></td>
<td>xda-developers.com</td>
</tr>
<tr>
<td>55</td>
<td><code>youtube</code></td>
<td>youtube.com</td>
</tr>
<tr>
<td>56</td>
<td><code>other</code></td>
<td>-</td>
</tr>
</tbody>
</table>
<p>Usage :</p>
<pre tabindex=0><code>socialIcons:
- name: &quot;kofi&quot;
url: &quot;https://kofi.com&quot;
- name: &quot;twitter&quot;
url: &quot;https://twitter.com&quot;
</code></pre><hr>
<h2 id=share-icons>Share Icons<a hidden class=anchor aria-hidden=true href=#share-icons>#</a></h2>
<table>
<thead>
<tr>
<th>No.</th>
<th>Platform</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td><code>twitter</code> (also generates hash tags from tags linked with post)</td>
</tr>
<tr>
<td>2</td>
<td><code>linkedin</code></td>
</tr>
<tr>
<td>3</td>
<td><code>reddit</code></td>
</tr>
<tr>
<td>4</td>
<td><code>facebook</code></td>
</tr>
<tr>
<td>5</td>
<td><code>whatsapp</code></td>
</tr>
<tr>
<td>6</td>
<td><code>telegram</code></td>
</tr>
</tbody>
</table>
<p>Usage:</p>
<div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yml data-lang=yml><span style=color:#f92672>params</span>:
<span style=color:#f92672>ShowShareButtons</span>: <span style=color:#66d9ef>true</span>
</code></pre></div>
</div>
<footer class=post-footer>
<ul class=post-tags>
<li><a href=/tags/papermod/>PaperMod</a></li>
</ul>
<nav class=paginav>
<a class=prev href=/posts/papermod/papermod-faq/>
<span class=title>« Prev</span>
<br>
<span>FAQs</span>
</a>
<a class=next href=/posts/papermod/papermod-variables/>
<span class=title>Next »</span>
<br>
<span>Variables | Front Matter</span>
</a>
</nav>
</footer>
</article>
</main>
<footer class=footer>
<span>&copy; 2022 <a href=/>HackLiberty Blog</a></span>
<span>
Powered by
<a href=https://gohugo.io/ rel="noopener noreferrer" target=_blank>Hugo</a> &
<a href=https://git.io/hugopapermod rel=noopener target=_blank>PaperMod</a>
</span>
</footer>
<a href=#top aria-label="go to top" title="Go to Top (Alt + G)" class=top-link id=top-link accesskey=g><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentcolor"><path d="M12 6H0l6-6z"/></svg>
</a>
<script>let menu=document.getElementById('menu');menu&&(menu.scrollLeft=localStorage.getItem("menu-scroll-position"),menu.onscroll=function(){localStorage.setItem("menu-scroll-position",menu.scrollLeft)}),document.querySelectorAll('a[href^="#"]').forEach(a=>{a.addEventListener("click",function(b){b.preventDefault();var a=this.getAttribute("href").substr(1);window.matchMedia('(prefers-reduced-motion: reduce)').matches?document.querySelector(`[id='${decodeURIComponent(a)}']`).scrollIntoView():document.querySelector(`[id='${decodeURIComponent(a)}']`).scrollIntoView({behavior:"smooth"}),a==="top"?history.replaceState(null,null," "):history.pushState(null,null,`#${a}`)})})</script>
<script>var mybutton=document.getElementById("top-link");window.onscroll=function(){document.body.scrollTop>800||document.documentElement.scrollTop>800?(mybutton.style.visibility="visible",mybutton.style.opacity="1"):(mybutton.style.visibility="hidden",mybutton.style.opacity="0")}</script>
<script>document.getElementById("theme-toggle").addEventListener("click",()=>{document.body.className.includes("dark")?(document.body.classList.remove('dark'),localStorage.setItem("pref-theme",'light')):(document.body.classList.add('dark'),localStorage.setItem("pref-theme",'dark'))})</script>
<script>document.querySelectorAll('pre > code').forEach(b=>{const c=b.parentNode.parentNode,a=document.createElement('button');a.classList.add('copy-code'),a.innerHTML='copy';function d(){a.innerHTML='copied!',setTimeout(()=>{a.innerHTML='copy'},2e3)}a.addEventListener('click',e=>{if('clipboard'in navigator){navigator.clipboard.writeText(b.textContent),d();return}const a=document.createRange();a.selectNodeContents(b);const c=window.getSelection();c.removeAllRanges(),c.addRange(a);try{document.execCommand('copy'),d()}catch(a){}c.removeRange(a)}),c.classList.contains("highlight")?c.appendChild(a):c.parentNode.firstChild==c||(b.parentNode.parentNode.parentNode.parentNode.parentNode.nodeName=="TABLE"?b.parentNode.parentNode.parentNode.parentNode.parentNode.appendChild(a):b.parentNode.appendChild(a))})</script>
</body>
</html>