✨ New svgs, add new firebase brand & prettier

src/data/svgs.ts

@@ -266,12 +266,6 @@ export const svgs: iSVG[] = [
     route: '/library/bootstrap.svg',
     url: 'https://getbootstrap.com/'
   },
-  {
-    title: 'Firebase',
-    category: 'Hosting',
-    route: '/library/firebase.svg',
-    url: 'https://firebase.google.com/'
-  },
   {
     title: 'Vite.js',
     category: 'Compiler',
@@ -1587,7 +1581,7 @@ export const svgs: iSVG[] = [
     url: 'https://tether.to/'
   },
   {
-    title: 'X',
+    title: 'X (formerly Twitter)',
     category: 'Social',
     route: {
       light: '/library/x.svg',
@@ -2879,5 +2873,21 @@ export const svgs: iSVG[] = [
     category: 'Software',
     route: '/library/bento.svg',
     url: 'https://bento.me/home'
+  },
+  {
+    title: 'Firebase',
+    category: 'Hosting',
+    route: '/library/firebase.svg',
+    wordmark: '/library/firebase-wordmark.svg',
+    url: 'https://firebase.google.com/'
+  },
+  {
+    title: 'Prettier',
+    category: 'Library',
+    route: {
+      light: '/library/prettier-icon-light.svg',
+      dark: '/library/prettier-icon-dark.svg'
+    },
+    url: 'https://prettier.io/'
   }
 ];

static/library/firebase.svg

@@ -1 +1 @@
-<svg viewBox="0 0 256 351" width="256" height="351" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid"><defs><filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="b"><feGaussianBlur stdDeviation="17.5" in="SourceAlpha" result="shadowBlurInner1"/><feOffset in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0" in="shadowInnerInner1"/></filter><filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="d"><feGaussianBlur stdDeviation="3.5" in="SourceAlpha" result="shadowBlurInner1"/><feOffset dx="1" dy="-9" in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.09 0" in="shadowInnerInner1"/></filter><path d="m1.253 280.732 1.605-3.131 99.353-188.518-44.15-83.475C54.392-1.283 45.074.474 43.87 8.188L1.253 280.732Z" id="a"/><path d="m134.417 148.974 32.039-32.812-32.039-61.007c-3.042-5.791-10.433-6.398-13.443-.59l-17.705 34.109-.53 1.744 31.678 58.556Z" id="c"/></defs><path d="m0 282.998 2.123-2.972L102.527 89.512l.212-2.017L58.48 4.358C54.77-2.606 44.33-.845 43.114 6.951L0 282.998Z" fill="#FFC24A"/><use fill="#FFA712" fill-rule="evenodd" xlink:href="#a"/><use filter="url(#b)" xlink:href="#a"/><path d="m135.005 150.38 32.955-33.75-32.965-62.93c-3.129-5.957-11.866-5.975-14.962 0L102.42 87.287v2.86l32.584 60.233Z" fill="#F4BD62"/><use fill="#FFA50E" fill-rule="evenodd" xlink:href="#c"/><use filter="url(#d)" xlink:href="#c"/><path fill="#F6820C" d="m0 282.998.962-.968 3.496-1.42 128.477-128 1.628-4.431-32.05-61.074z"/><path d="m139.121 347.551 116.275-64.847-33.204-204.495c-1.039-6.398-8.888-8.927-13.468-4.34L0 282.998l115.608 64.548a24.126 24.126 0 0 0 23.513.005" fill="#FDE068"/><path d="M254.354 282.16 221.402 79.218c-1.03-6.35-7.558-8.977-12.103-4.424L1.29 282.6l114.339 63.908a23.943 23.943 0 0 0 23.334.006l115.392-64.355Z" fill="#FCCA3F"/><path d="M139.12 345.64a24.126 24.126 0 0 1-23.512-.005L.931 282.015l-.93.983 115.607 64.548a24.126 24.126 0 0 0 23.513.005l116.275-64.847-.285-1.752-115.99 64.689Z" fill="#EEAB37"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" fill="none" viewBox="0 0 600 600"><path fill="#FF9100" d="M213.918 560.499c23.248 9.357 48.469 14.909 74.952 15.834 35.84 1.252 69.922-6.158 100.391-20.234-36.537-14.355-69.627-35.348-97.869-61.448-18.306 29.31-45.382 52.462-77.474 65.848Z"/><path fill="#FFC400" d="M291.389 494.66c-64.466-59.622-103.574-145.917-100.269-240.568.108-3.073.27-6.145.46-9.216a166.993 166.993 0 0 0-36.004-5.241 167.001 167.001 0 0 0-51.183 6.153c-17.21 30.145-27.594 64.733-28.888 101.781-3.339 95.611 54.522 179.154 138.409 212.939 32.093-13.387 59.168-36.51 77.475-65.848Z"/><path fill="#FF9100" d="M291.39 494.657c14.988-23.986 24.075-52.106 25.133-82.403 2.783-79.695-50.792-148.251-124.942-167.381-.19 3.071-.352 6.143-.46 9.216-3.305 94.651 35.803 180.946 100.269 240.568Z"/><path fill="#DD2C00" d="M308.231 20.858C266 54.691 232.652 99.302 212.475 150.693c-11.551 29.436-18.81 61.055-20.929 94.2 74.15 19.13 127.726 87.686 124.943 167.38-1.058 30.297-10.172 58.39-25.134 82.404 28.24 26.127 61.331 47.093 97.868 61.447 73.337-33.9 125.37-106.846 128.383-193.127 1.952-55.901-19.526-105.724-49.875-147.778-32.051-44.477-159.5-194.36-159.5-194.36Z"/></svg>

static/library/prettier-icon-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="210" height="210" viewBox="0 0 210 210"><g fill="none" fill-rule="evenodd"><g transform="translate(0 200)"><rect width="60" height="10" x="150" fill="#4D616E" opacity=".5" rx="5"/><rect width="70" height="10" x="70" fill="#4D616E" opacity=".5" rx="5"/><rect width="60" height="10" fill="#EA5E5E" rx="5"/></g><g transform="translate(0 180)"><rect width="50" height="10" x="160" fill="#4D616E" opacity=".5" rx="5"/><rect width="20" height="10" x="130" fill="#4D616E" opacity=".5" rx="5"/><rect width="50" height="10" x="70" fill="#4D616E" opacity=".5" rx="5"/><rect width="20" height="10" x="40" fill="#F7B93E" rx="5"/><rect width="30" height="10" fill="#56B3B4" rx="5"/></g><g transform="translate(0 160)"><rect width="100" height="10" x="110" fill="#4D616E" opacity=".5" rx="5"/><rect width="30" height="10" x="70" fill="#4D616E" opacity=".5" rx="5"/><rect width="60" height="10" fill="#BF85BF" rx="5"/></g><g transform="translate(0 140)"><rect width="30" height="10" x="180" fill="#4D616E" opacity=".5" rx="5"/><rect width="30" height="10" x="140" fill="#4D616E" opacity=".5" rx="5"/><rect width="100" height="10" x="30" fill="#F7B93E" rx="5"/><rect width="20" height="10" fill="#BF85BF" rx="5"/></g><g transform="translate(0 120)"><rect width="40" height="10" x="170" fill="#4D616E" opacity=".5" rx="5"/><rect width="40" height="10" x="120" fill="#BF85BF" rx="5"/><rect width="50" height="10" x="60" fill="#EA5E5E" rx="5"/><rect width="50" height="10" fill="#56B3B4" rx="5"/></g><g transform="translate(0 100)"><rect width="30" height="10" x="180" fill="#4D616E" opacity=".5" rx="5"/><rect width="90" height="10" x="80" fill="#56B3B4" rx="5"/><rect width="40" height="10" x="30" fill="#F7B93E" rx="5"/><rect width="20" height="10" fill="#EA5E5E" rx="5"/></g><g transform="translate(0 80)"><rect width="20" height="10" x="190" fill="#4D616E" opacity=".5" rx="5"/><rect width="60" height="10" x="120" fill="#F7B93E" rx="5"/><rect width="40" height="10" x="70" fill="#4D616E" opacity=".5" rx="5"/><rect width="60" height="10" fill="#BF85BF" rx="5"/></g><g transform="translate(0 60)"><rect width="20" height="10" x="190" fill="#4D616E" opacity=".5" rx="5"/><rect width="60" height="10" x="120" fill="#EA5E5E" rx="5"/><rect width="40" height="10" x="70" fill="#4D616E" opacity=".5" rx="5"/><rect width="20" height="10" x="40" fill="#56B3B4" rx="5"/><rect width="30" height="10" fill="#F7B93E" rx="5"/></g><g transform="translate(0 40)"><rect width="30" height="10" x="180" fill="#4D616E" opacity=".5" rx="5"/><rect width="20" height="10" x="150" fill="#56B3B4" rx="5"/><rect width="50" height="10" x="90" fill="#BF85BF" rx="5"/><rect width="80" height="10" fill="#56B3B4" rx="5"/></g><g transform="translate(0 20)"><rect width="40" height="10" x="170" fill="#4D616E" opacity=".5" rx="5"/><rect width="110" height="10" x="50" fill="#F7B93E" rx="5"/><rect width="40" height="10" fill="#EA5E5E" rx="5"/></g><rect width="70" height="10" x="140" fill="#4D616E" opacity=".5" rx="5"/><rect width="130" height="10" fill="#56B3B4" rx="5"/></g></svg>

static/library/prettier-icon-light.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="210" height="210" viewBox="0 0 210 210"><g fill="none" fill-rule="evenodd"><g transform="translate(0 200)"><rect width="60" height="10" x="150" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="70" height="10" x="70" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="60" height="10" fill="#EA5E5E" rx="5"/></g><g transform="translate(0 180)"><rect width="50" height="10" x="160" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="20" height="10" x="130" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="50" height="10" x="70" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="20" height="10" x="40" fill="#F7B93E" rx="5"/><rect width="30" height="10" fill="#56B3B4" rx="5"/></g><g transform="translate(0 160)"><rect width="100" height="10" x="110" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="30" height="10" x="70" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="60" height="10" fill="#BF85BF" rx="5"/></g><g transform="translate(0 140)"><rect width="30" height="10" x="180" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="30" height="10" x="140" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="100" height="10" x="30" fill="#F7B93E" rx="5"/><rect width="20" height="10" fill="#BF85BF" rx="5"/></g><g transform="translate(0 120)"><rect width="40" height="10" x="170" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="40" height="10" x="120" fill="#BF85BF" rx="5"/><rect width="50" height="10" x="60" fill="#EA5E5E" rx="5"/><rect width="50" height="10" fill="#56B3B4" rx="5"/></g><g transform="translate(0 100)"><rect width="30" height="10" x="180" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="90" height="10" x="80" fill="#56B3B4" rx="5"/><rect width="40" height="10" x="30" fill="#F7B93E" rx="5"/><rect width="20" height="10" fill="#EA5E5E" rx="5"/></g><g transform="translate(0 80)"><rect width="20" height="10" x="190" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="60" height="10" x="120" fill="#F7B93E" rx="5"/><rect width="40" height="10" x="70" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="60" height="10" fill="#BF85BF" rx="5"/></g><g transform="translate(0 60)"><rect width="20" height="10" x="190" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="60" height="10" x="120" fill="#EA5E5E" rx="5"/><rect width="40" height="10" x="70" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="20" height="10" x="40" fill="#56B3B4" rx="5"/><rect width="30" height="10" fill="#F7B93E" rx="5"/></g><g transform="translate(0 40)"><rect width="30" height="10" x="180" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="20" height="10" x="150" fill="#56B3B4" rx="5"/><rect width="50" height="10" x="90" fill="#BF85BF" rx="5"/><rect width="80" height="10" fill="#56B3B4" rx="5"/></g><g transform="translate(0 20)"><rect width="40" height="10" x="170" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="110" height="10" x="50" fill="#F7B93E" rx="5"/><rect width="40" height="10" fill="#EA5E5E" rx="5"/></g><rect width="70" height="10" x="140" fill="#CFD4D7" opacity=".5" rx="5"/><rect width="130" height="10" fill="#56B3B4" rx="5"/></g></svg>