bytesize-icons inspired svg icons
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
.gitignore
LICENSE
README.md
index.html
script.js
style.css

README.md

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>

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>

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>