Skip to content

Commit

Permalink
Add facebook-circle icon variant + remove "(Formerly Twitter)" from X…
Browse files Browse the repository at this point in the history
… label
  • Loading branch information
JordanPak committed Apr 8, 2024
1 parent 52f22ff commit 3c04aa9
Show file tree
Hide file tree
Showing 15 changed files with 68 additions and 23 deletions.
2 changes: 1 addition & 1 deletion build/css/larva-important.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion build/css/larva.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion build/css/larva.inline-important.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion build/css/larva.inline.css

Large diffs are not rendered by default.

22 changes: 20 additions & 2 deletions build/svg/defs/sprite.defs.html
Original file line number Diff line number Diff line change
Expand Up @@ -114,6 +114,7 @@
.svg-email-dims { width: 14px; height: 9px; }
.svg-envelope-dims { width: 14px; height: 9px; }
.svg-facebook-dims { width: 24px; height: 24px; }
.svg-facebook-circle-dims { width: 666.67px; height: 666.67px; }
.svg-fire-dims { width: 14px; height: 19px; }
.svg-flipboard-dims { width: 30px; height: 30px; }
.svg-gallery-dims { width: 34.237px; height: 31.943px; }
Expand Down Expand Up @@ -172,6 +173,7 @@
<svg viewBox="0 0 14 9" id="email"><path d="M.64.728C.5.654.27.524.218.369.13.105.225 0 .599 0h12.869c.374 0 .468.102.38.37-.05.15-.282.284-.42.358-.37.204-5.513 3.132-5.705 3.238-.191.105-.387.154-.69.154-.302 0-.498-.049-.69-.154C6.153 3.86 1.01.932.64.728zm13.08.158c.3-.158.28.025.28.172v7.207c0 .324-.394.735-.724.735H.791C.46 9 0 8.592 0 8.265V1.058C0 .914.017.728.313.886c.276.148 2.78 1.99 4.419 3.097L1.969 7.235c-.068.07-.098.158-.057.197.04.042.13.021.198-.05l3.318-2.924c.502.337.852.57.916.604.259.138.44.155.69.155.249 0 .43-.017.69-.154.06-.036.413-.268.915-.605l3.318 2.925c.07.067.158.088.199.049.037-.042.006-.127-.061-.197L9.329 3.983c1.639-1.107 4.115-2.95 4.391-3.097z"/></svg>
<svg viewBox="0 0 14 9" id="envelope"><path d="M.77.945C.636.875.406.752.356.605.269.357.362.258.731.258h12.723c.37 0 .462.096.376.349-.05.143-.28.27-.416.34-.366.192-5.45 2.964-5.64 3.064-.19.1-.382.146-.681.146-.3 0-.493-.047-.683-.146C6.22 3.91 1.137 1.138.77.945zm12.934.15c.296-.15.276.023.276.163v6.82c0 .307-.39.696-.716.696H.921c-.326 0-.782-.386-.782-.695V1.258c0-.136.016-.313.31-.163.272.14 2.747 1.883 4.368 2.931L2.085 7.104c-.066.066-.096.15-.056.186.04.04.13.02.196-.046l3.28-2.769c.496.32.842.54.905.573.257.13.436.146.683.146.246 0 .425-.017.682-.146.06-.034.409-.253.905-.573l3.28 2.769c.07.063.156.083.196.046.037-.04.007-.12-.06-.186L9.363 4.026c1.62-1.048 4.069-2.791 4.342-2.931z"/></svg>
<svg viewBox="0 0 24 24" id="facebook"><path d="M9 8H6v4h3v12h5V12h3.642L18 8h-4V6.333C14 5.378 14.192 5 15.115 5H18V0h-3.808C10.596 0 9 1.583 9 4.615V8z"/></svg>
<svg viewBox="0 0 666.667 666.667" id="facebook-circle" xmlns="http://www.w3.org/2000/svg"><defs><clipPath id="aia" clipPathUnits="userSpaceOnUse"><path d="M0 700h700V0H0Z"/></clipPath></defs><g clip-path="url(#aia)" transform="matrix(1.33333 0 0 -1.33333 -133.333 800)"><path d="M600 350c0 138.071-111.929 250-250 250S100 488.071 100 350c0-117.245 80.715-215.622 189.606-242.638v166.242h-51.552V350h51.552v32.919c0 85.092 38.508 124.532 122.048 124.532 15.838 0 43.167-3.105 54.347-6.211v-69.254c-5.901.621-16.149.932-28.882.932-40.993 0-56.832-15.528-56.832-55.9V350h81.659l-14.028-76.396h-67.631V101.831C504.073 116.782 600 222.182 600 350"/></g></svg>
<svg viewBox="0 0 14 19" id="fire"><path d="M14 13.4c0-.6-.2-1.2-.4-1.7s-.5-1-.8-1.5c0-.1-.1-.2-.1-.2s0-.1-.1-.1c0-.1-.1-.1-.1-.1-.2-.3-.4-.6-.5-.7l-.9-1.2C10.4 7 9.6 6.1 9 5.1l-.6-1c-.1-.3-.3-.7-.4-1-.3-1-.3-1.9.1-2.9V.1H8c-.7.4-1.4.8-2 1.3-.7.6-1.3 1.3-1.6 2.1-.3.9-.3 1.9.1 2.8.1.2.1.4.2.6l-.1-.1c-.2-.2-.4-.3-.6-.5-.5-.3-1.1-.6-1.7-.8h-.2v.2c0 .1.1.1.1.2.2.8.3 1.5.1 2.3 0 0-.2.6-.4 1.1-.1.1-.1.2-.2.4-.2.3-.4.6-.4.7-.5.8-1 1.7-1.1 2.7 0 0-.1.9.1 1.5.3 1.5 1 2.7 2.2 3.7.3.3.6.5.8.5.2.1.4.1.4.1l-.3-.5v-.1c-.4-.7-.5-1.5-.3-2.3.1-.6.4-1.2.8-1.8.5-.7 1.1-1.4 1.7-2 .5-.5.9-1.1 1.3-1.7.3-.5.4-1 .3-1.5 0-.2-.1-.4-.2-.6h.1c.3.2.5.3.7.5 1.1.9 1.6 2 1.8 3.3.2 1 0 2.1-.4 3.1 0 .1-.1.2-.1.4.7-.2 1.2-.6 1.4-1.3 1 1.2 1.1 2.5.4 3.9-.1.3 0 .5 0 .5h.1l.8-.5c1.1-.9 1.9-2 2.2-3.3v-1.6"/></svg>
<svg viewBox="0 0 500 500" id="flipboard" xmlns="http://www.w3.org/2000/svg"><path d="M0 0v500h500V0Zm400 200H300v100H200v100H100V100h300Z"/></svg>
<svg viewBox="0 0 34.237 31.943" id="gallery" xmlns="http://www.w3.org/2000/svg"><g fill="#fff"><rect height="26.738" rx="5" width="29.031" y="5.205"/><path d="M10.206 0h19.03a5.006 5.006 0 0 1 5 5v16.737a5.018 5.018 0 0 1-3.278 4.697 4.985 4.985 0 0 0 .3-1.721V7.974a5.006 5.006 0 0 0-5-5H7.228a4.984 4.984 0 0 0-1.721.3A5.019 5.019 0 0 1 10.206 0z"/></g></svg>
Expand All @@ -186,7 +188,7 @@
<svg viewBox="0 0 NaN NaN" id="plus"><path d="M11 4.75v1.5c0 .2-.07.39-.22.53a.72.72 0 0 1-.53.22H7v3.25c0 .2-.07.39-.22.53a.72.72 0 0 1-.53.22h-1.5a.72.72 0 0 1-.53-.22.72.72 0 0 1-.22-.53V7H.75a.72.72 0 0 1-.53-.22.72.72 0 0 1-.22-.53v-1.5c0-.2.07-.39.22-.53A.72.72 0 0 1 .75 4H4V.75c0-.2.07-.39.22-.53A.72.72 0 0 1 4.75 0h1.5c.2 0 .39.07.53.22A.7.7 0 0 1 7 .75V4h3.25c.2 0 .39.07.53.22a.7.7 0 0 1 .22.53z" fill-rule="evenodd"/></svg>
<svg viewBox="0 0 424.16 55.06" id="pmc-logo" xmlns="http://www.w3.org/2000/svg"><path d="M424.15 55.06h-98.88c-11.84 0-20.75-5-20.75-17.28V18.19c0-12.62 7.3-18.19 21.19-18.19h98.44v7.68h-98.28c-7.53 0-13.2 2.4-13.2 10.68v18.87c0 6.48 4.69 10.18 12.38 10.18h99.11v7.65ZM119.39 19.79c0 8.35-7.16 12.54-15.46 12.54H8.36v22.72H0V24.79h104.32c4.6 0 7-1.74 6.93-6.1l-.06-5.18c0-4.6-2.16-5.72-6.87-5.72H0V0h105.2c7.76 0 14.2 3.1 14.2 11v8.8ZM138 55.05h8.36V15.61l-8.36-4Zm74-23.54L146.33 0H138v5.29l66.11 31.76a19.32 19.32 0 0 0 7.89 1.77Zm73.93 23.54h-8.36V15.6l8.36-4Z"/><path d="M212 31.51 277.58 0h8.36v5.29l-66.11 31.76a19.28 19.28 0 0 1-7.83 1.77Z" style="fill:#e50019"/></svg>
<svg viewBox="0 0 537.42 69.75" id="pmc-logo-white" xmlns="http://www.w3.org/2000/svg"><path d="M537.42 69.75H412.13c-15 0-26.28-6.29-26.28-21.89V23c0-16 9.24-23 26.84-23h124.73v9.73H412.89c-9.53 0-16.73 3-16.73 13.52v23.92c0 8.2 5.94 12.89 15.69 12.89h125.57v9.69zM151.28 25.06c0 10.59-9.08 15.9-19.59 15.9H10.6v28.79H0V31.41h132.17c5.84 0 8.85-2.22 8.79-7.74l-.07-6.55c-.06-5.83-2.74-7.25-8.72-7.25H0V0h133.29c9.83 0 18 3.93 18 13.91v11.15zm23.55 44.69h10.6l-.02-49.98-10.59-5.11.01 55.09zm93.73-29.82L185.41 0h-10.59v6.7l83.77 40.24a24.31 24.31 0 0 0 10 2.24zm93.73 29.82H351.7l.01-49.98 10.59-5.11-.01 55.09z" style="fill:#fff"/><path d="M268.56 39.93 351.71 0h10.59v6.7l-83.77 40.24a24.31 24.31 0 0 1-10 2.24z" style="fill:#ed1c24"/></svg>
<svg viewBox="0 0 166 166" id="print" xmlns="http://www.w3.org/2000/svg"><style>.axst1{fill:#fff}</style><g id="axprint_1_" transform="translate(1251 1399)"><g id="axGroup-3_1_" transform="translate(0 .992)"><defs><filter id="axAdobe_OpacityMaskFilter" x="-1251" y="-1400" width="166" height="166"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskUnits="userSpaceOnUse" x="-1251" y="-1400" width="166" height="166" id="axmask-2_1_"><g filter="url(#axAdobe_OpacityMaskFilter)"><path id="axpath-1_1_" class="axst1" d="M-1251-1400h166v166h-166z"/></g></mask><path id="axFill-1_1_" d="M-1113.8-1317c5.2 0 9.6-4.3 9.6-9.4 0-5.3-4.2-9.7-9.4-9.7-5.4 0-9.7 4.2-9.7 9.6 0 5.2 4.3 9.5 9.5 9.5zm-99.1-31.9h89.4v-31.6c0-.4 0-.8-.1-1.2-.6-3.3-3.1-5.4-6.5-5.4h-76.1c-.5 0-1.1 0-1.6.2-3.1.7-5 3.1-5 6.4v31.2l-.1.4zm0 44.7v50.9c0 .4 0 .8.1 1.2.6 3.3 3.1 5.4 6.6 5.4h76.1c.5 0 1 0 1.5-.1 3.2-.7 5.2-3.1 5.2-6.5v-50.8h-89.5zm5.1-95.8h79.2c.2 0 .3.1.5.1 2.4.2 4.7.8 6.8 2 6.9 3.8 10.5 9.6 10.6 17.5v31.6h6.9c2.9 0 5.7.6 8.2 2 7 3.7 10.6 9.5 10.7 17.4.1 12.6 0 25.2 0 37.8 0 1.1-.1 2.2-.2 3.2-.6 3.6-2.1 6.9-4.5 9.6-3.7 4.2-8.4 6.4-14 6.5-2.1.1-4.2 0-6.4 0h-.6v18.9c0 3.1-.6 6-2 8.7-3.7 6.9-9.6 10.6-17.5 10.6-25.2.1-50.4 0-75.6 0-1 0-2.1-.1-3.1-.2-5-.7-9.1-3-12.3-6.9-3-3.6-4.4-7.8-4.4-12.5v-18.7h-6.1c-1.2 0-2.3-.1-3.5-.3-7.4-1.3-13.6-7.1-15.2-14.4-.2-1-.4-2-.5-3v-41.1c0-.1.1-.2.1-.3.2-2.7 1-5.3 2.4-7.6 3.7-6.2 9.2-9.5 16.5-9.7 1.8-.1 3.7 0 5.5 0h.8v-31.5c0-1 0-2.1.2-3.1 1-7.7 7-14.3 14.6-16 .8-.3 1.9-.4 2.9-.6z" mask="url(#axmask-2_1_)"/></g><defs><filter id="axAdobe_OpacityMaskFilter_1_" x="-1199.9" y="-1290.4" width="63.8" height="12.7"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskUnits="userSpaceOnUse" x="-1199.9" y="-1290.4" width="63.8" height="12.7" id="axmask-4_2_"><g filter="url(#axAdobe_OpacityMaskFilter_1_)"><path id="axpath-3_2_" class="axst1" d="M-1251-1233h166v-166h-166z"/></g></mask><path id="axFill-4_1_" mask="url(#axmask-4_2_)" d="M-1199.9-1277.8h63.8v-12.6h-63.8z"/><defs><filter id="axAdobe_OpacityMaskFilter_2_" x="-1199.9" y="-1271.3" width="44.6" height="12.7"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskUnits="userSpaceOnUse" x="-1199.9" y="-1271.3" width="44.6" height="12.7" id="axmask-4_1_"><g filter="url(#axAdobe_OpacityMaskFilter_2_)"><path id="axpath-3_1_" class="axst1" d="M-1251-1233h166v-166h-166z"/></g></mask><path id="axFill-6_1_" mask="url(#axmask-4_1_)" d="M-1199.9-1258.6h44.6v-12.7h-44.6z"/></g></svg>
<svg viewBox="0 0 166 166" id="print" xmlns="http://www.w3.org/2000/svg"><style>.ayst1{fill:#fff}</style><g id="ayprint_1_" transform="translate(1251 1399)"><g id="ayGroup-3_1_" transform="translate(0 .992)"><defs><filter id="ayAdobe_OpacityMaskFilter" x="-1251" y="-1400" width="166" height="166"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskUnits="userSpaceOnUse" x="-1251" y="-1400" width="166" height="166" id="aymask-2_1_"><g filter="url(#ayAdobe_OpacityMaskFilter)"><path id="aypath-1_1_" class="ayst1" d="M-1251-1400h166v166h-166z"/></g></mask><path id="ayFill-1_1_" d="M-1113.8-1317c5.2 0 9.6-4.3 9.6-9.4 0-5.3-4.2-9.7-9.4-9.7-5.4 0-9.7 4.2-9.7 9.6 0 5.2 4.3 9.5 9.5 9.5zm-99.1-31.9h89.4v-31.6c0-.4 0-.8-.1-1.2-.6-3.3-3.1-5.4-6.5-5.4h-76.1c-.5 0-1.1 0-1.6.2-3.1.7-5 3.1-5 6.4v31.2l-.1.4zm0 44.7v50.9c0 .4 0 .8.1 1.2.6 3.3 3.1 5.4 6.6 5.4h76.1c.5 0 1 0 1.5-.1 3.2-.7 5.2-3.1 5.2-6.5v-50.8h-89.5zm5.1-95.8h79.2c.2 0 .3.1.5.1 2.4.2 4.7.8 6.8 2 6.9 3.8 10.5 9.6 10.6 17.5v31.6h6.9c2.9 0 5.7.6 8.2 2 7 3.7 10.6 9.5 10.7 17.4.1 12.6 0 25.2 0 37.8 0 1.1-.1 2.2-.2 3.2-.6 3.6-2.1 6.9-4.5 9.6-3.7 4.2-8.4 6.4-14 6.5-2.1.1-4.2 0-6.4 0h-.6v18.9c0 3.1-.6 6-2 8.7-3.7 6.9-9.6 10.6-17.5 10.6-25.2.1-50.4 0-75.6 0-1 0-2.1-.1-3.1-.2-5-.7-9.1-3-12.3-6.9-3-3.6-4.4-7.8-4.4-12.5v-18.7h-6.1c-1.2 0-2.3-.1-3.5-.3-7.4-1.3-13.6-7.1-15.2-14.4-.2-1-.4-2-.5-3v-41.1c0-.1.1-.2.1-.3.2-2.7 1-5.3 2.4-7.6 3.7-6.2 9.2-9.5 16.5-9.7 1.8-.1 3.7 0 5.5 0h.8v-31.5c0-1 0-2.1.2-3.1 1-7.7 7-14.3 14.6-16 .8-.3 1.9-.4 2.9-.6z" mask="url(#aymask-2_1_)"/></g><defs><filter id="ayAdobe_OpacityMaskFilter_1_" x="-1199.9" y="-1290.4" width="63.8" height="12.7"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskUnits="userSpaceOnUse" x="-1199.9" y="-1290.4" width="63.8" height="12.7" id="aymask-4_2_"><g filter="url(#ayAdobe_OpacityMaskFilter_1_)"><path id="aypath-3_2_" class="ayst1" d="M-1251-1233h166v-166h-166z"/></g></mask><path id="ayFill-4_1_" mask="url(#aymask-4_2_)" d="M-1199.9-1277.8h63.8v-12.6h-63.8z"/><defs><filter id="ayAdobe_OpacityMaskFilter_2_" x="-1199.9" y="-1271.3" width="44.6" height="12.7"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskUnits="userSpaceOnUse" x="-1199.9" y="-1271.3" width="44.6" height="12.7" id="aymask-4_1_"><g filter="url(#ayAdobe_OpacityMaskFilter_2_)"><path id="aypath-3_1_" class="ayst1" d="M-1251-1233h166v-166h-166z"/></g></mask><path id="ayFill-6_1_" mask="url(#aymask-4_1_)" d="M-1199.9-1258.6h44.6v-12.7h-44.6z"/></g></svg>
<svg viewBox="0 0 24 24" id="reddit"><path d="M24 11.779a2.654 2.654 0 0 0-4.497-1.899c-1.81-1.191-4.259-1.949-6.971-2.046l1.483-4.669 4.016.941-.006.058a2.17 2.17 0 0 0 2.174 2.163 2.17 2.17 0 0 0 2.172-2.163 2.171 2.171 0 0 0-4.193-.785l-4.329-1.015a.37.37 0 0 0-.44.249L11.755 7.82c-2.838.034-5.409.798-7.3 2.025a2.643 2.643 0 0 0-1.799-.712A2.654 2.654 0 0 0 0 11.779c0 .97.533 1.811 1.317 2.271a4.716 4.716 0 0 0-.086.857C1.231 18.818 6.039 22 11.95 22s10.72-3.182 10.72-7.093c0-.274-.029-.544-.075-.81A2.633 2.633 0 0 0 24 11.779zM6.776 13.595c0-.868.71-1.575 1.582-1.575.872 0 1.581.707 1.581 1.575s-.709 1.574-1.581 1.574-1.582-.706-1.582-1.574zm9.061 4.669c-.797.793-2.048 1.179-3.824 1.179L12 19.44l-.013.003c-1.777 0-3.028-.386-3.824-1.179a.369.369 0 0 1 0-.523.372.372 0 0 1 .526 0c.65.647 1.729.961 3.298.961l.013.003.013-.003c1.569 0 2.648-.315 3.298-.962a.373.373 0 0 1 .526 0 .37.37 0 0 1 0 .524zm-.189-3.095a1.58 1.58 0 0 1-1.581-1.574c0-.868.709-1.575 1.581-1.575s1.581.707 1.581 1.575-.709 1.574-1.581 1.574z"/></svg>
<svg viewBox="0 0 18 18" id="search"><path d="m17.7 16.3-1.5 1.5-5-5V12l-.2-.2c-1.1 1-2.6 1.6-4.2 1.6-3.6 0-6.5-2.9-6.5-6.5S3.2.4 6.8.4s6.5 2.9 6.5 6.5c0 1.6-.6 3.1-1.6 4.2l.3.3h.8l4.9 4.9zm-6.5-9.5c0-2.5-2-4.5-4.5-4.5s-4.5 2-4.5 4.5 2 4.5 4.5 4.5 4.5-2 4.5-4.5z" fill-rule="evenodd"/></svg>
<svg viewBox="0 0 23 21" id="star"><path d="m11.5 17.25-6.76 3.554 1.291-7.527-5.468-5.33 7.557-1.1L11.5 0l3.38 6.848 7.557 1.098-5.468 5.33 1.29 7.528z"/></svg>
Expand Down Expand Up @@ -298,6 +300,14 @@ <h2>envelope, </h2>
</div>
<h2>facebook, </h2>
</li>
<li title="facebook-circle">
<div class="icon-box">
<svg viewBox="0 0 666.67 666.67" class="svg-facebook-circle-dims">
<use xlink:href="#facebook-circle"></use>
</svg>
</div>
<h2>facebook-circle, </h2>
</li>
<li title="fire">
<div class="icon-box">
<svg viewBox="0 0 14 19" class="svg-fire-dims">
Expand Down Expand Up @@ -605,6 +615,14 @@ <h2>envelope, </h2>
</div>
<h2>facebook, </h2>
</li>
<li title="facebook-circle">
<div class="icon-box">
<svg viewBox="0 0 666.67 666.67" class="svg-facebook-circle-dims">
<use xlink:href="sprite.defs.svg#facebook-circle"></use>
</shapes>
</div>
<h2>facebook-circle, </h2>
</li>
<li title="fire">
<div class="icon-box">
<svg viewBox="0 0 14 19" class="svg-fire-dims">
Expand Down Expand Up @@ -829,7 +847,7 @@ <h2>youtube, </h2>

</section>
<footer>
<p>Generated at Fri, 05 Apr 2024 20:55:17 GMT by <a href="https://github.com/svg-sprite/svg-sprite" target="_blank" rel="noopener noreferrer">svg-sprite</a>.</p>
<p>Generated at Mon, 08 Apr 2024 14:37:08 GMT by <a href="https://github.com/svg-sprite/svg-sprite" target="_blank" rel="noopener noreferrer">svg-sprite</a>.</p>
</footer>
</body>
</html>
2 changes: 1 addition & 1 deletion build/svg/defs/sprite.defs.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 3c04aa9

Please sign in to comment.