/icons

just a small set of svg icons

Primary LanguageHTMLMIT LicenseMIT

Icons

Inspired by the bytesize-icons I crafted some icons I'm missing inside bytesize.


Fullscreen icon Fullscreen
<svg id="i-fullscreen" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" stroke-width="2" stroke="currentColor" fill="none">
    <path d="M3 11V3H11M21 3H29V11 M29 21V29H21 M11 29H3V21" />
</svg>

StackOverflow icon StackOverflow
<svg id="i-stackoverflow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32">
    <path stroke="none" fill="currentColor" d="M7.1,39.2V59.5H53.2V39.2H48.3V54.5H12.2V39.2ZM43,49.2V44.2H17.5V49.2ZM43,42.7L43.9,37.8L19,32.7L18,37.5ZM44.4,36.3L46.5,31.8L23.5,21L21.4,25.5ZM47.5,30.4L50.5,26.7L30.9,10.4L27.9,14.1ZM51.7,25.4L55.6,22.6L40.4,2.1L36.6,5Z"/>
</svg>

Merge icon Merge
<svg id="i-merge" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" stroke-width="2" stroke="currentColor" fill="none">
    <circle cx="9" cy="6" r="3" />
    <circle cx="9" cy="26" r="3" />
    <circle cx="23" cy="26" r="3" />
    <path d="M9 9V23M23 23V6H14M14 6L17 7V5Z" />
</svg>

Fork icon Fork
<svg id="i-fork" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" stroke-width="2" stroke="currentColor" fill="none">
    <circle cx="10" cy="6" r="3" />
    <circle cx="22" cy="6" r="3" />
    <circle cx="16" cy="26" r="3" />
    <path d="M10 9V13L16 17V23V17L22 13V9" />
</svg>

Commit icon Commit
<svg id="i-commit" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" stroke-width="2" stroke="currentColor" fill="none">
    <circle cx="16" cy="16" r="4" />
    <path d="M3,16H12M20,16H29" />
</svg>

Rss icon Rss
<svg id="i-rss" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" stroke-width="2" stroke="currentColor" fill="none">
    <path d="M3 3Q29 3 29 29H25Q25 7 3 7ZM3 11Q21 11 21 29H17Q17 15 3 15Z" />
    <circle cx="7" cy="25" r="4" />
</svg>

Thumbs down icon Thumbs down
<svg id="i-thumbs-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" stroke-width="2" stroke="currentColor" fill="none">
    <path d="M3,4H9V18H3ZM3,4H9V6Q11,3 20,3H23Q27,5 24,7 28,9 25,11 29,13 26,15 30,17 27,19H18C23,29 16,32 15,29 15,26 16,18 9,17V18H3Z" />
</svg>

Thumbs up icon Thumbs up
<svg id="i-thumbs-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" stroke-width="2" stroke="currentColor" fill="none">
    <path d="M3,28H9V14H3ZM3,28H9V26Q11,29 20,29H23Q27,27 24,25 28,23 25,21 29,19 26,17 30,15 27,13H18C23,3 16,0 15,3 15,6 16,14 9,15V14H3Z" />
</svg>

Badge icon Badge
<svg id="i-badge" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" stroke-width="2" stroke="currentColor" fill="none">
    <path d="M15.1,3.05Q16,2 16.9,3.05 17.56,4.18 18.64,3.45 19.9,2.89 20.26,4.23 20.36,5.53 21.66,5.34 23.04,5.39 22.77,6.74 22.31,7.96 23.55,8.36 24.77,9 23.95,10.1 23,11 23.95,11.9 24.77,13 23.55,13.64 22.31,14.04 22.77,15.26 23.04,16.61 21.66,16.66 20.36,16.47 20.26,17.77 19.9,19.11 18.64,18.55 17.56,17.82 16.9,18.95 16,20 15.1,18.95 14.44,17.82 13.36,18.55 12.1,19.11 11.74,17.77V29L16,24 20.26,29V17.77Q19.9,19.11 18.64,18.55 17.56,17.82 16.9,18.95 16,20 15.1,18.95 14.44,17.82 13.36,18.55 12.1,19.11 11.74,17.77 11.64,16.47 10.34,16.66 8.96,16.61 9.23,15.26 9.69,14.04 8.45,13.64 7.23,13 8.05,11.9 9,11 8.05,10.1 7.23,9 8.45,8.36 9.69,7.96 9.23,6.74 8.96,5.39 10.34,5.34 11.64,5.53 11.74,4.23 12.1,2.89 13.36,3.45 14.44,4.18 15.1,3.05Z" />
</svg>

Instagram icon Instagram
<svg id="i-instagram" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" stroke-width="2" stroke="currentColor" fill="none">
    <rect x="3" y="3" rx="6" ry="6" width="26" height="26" />
    <circle cx="16" cy="16" r="6" />
    <circle cx="24" cy="8.5" r="1" />
</svg>

Facebook icon Facebook
<svg id="i-facebook" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
    <path stroke="none" fill="currentColor" d="M3,4c0-1 0-1 1-1H28c1,0 1,0 1,1V28c0,1 0,1 -1,1h-7v-10h3l1-4h-4c0-4 0-4 4-4v-4c-8,0 -8,0 -8,8h-4v4h4v10h-13c-1,0 -1,0 -1-1Z" />
</svg>

YouTube icon YouTube
<svg id="i-youtube" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
    <path stroke="none" fill="currentColor" d="M16,5c12,0 13,1 13,11 0,10 -1,11 -13,11 -12,0 -13-1 -13-11 0-10 1-11 13-11ZM12,11l0,10 10-5ZZ" />
</svg>

Xing icon Xing
<svg id="i-xing" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" stroke-width="2" stroke="currentColor" fill="none">
    <path d="M5 8H10L13 13 9 20H4L8 13ZM22 3H27L18 18 24 28H19L13 18Z" />
</svg>