qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2025-12-29 08:01:36 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #812 from jaycodev/update-tiktok-svg

Browse Source 
✨ Update TikTok logo and add wordmark with light and dark mode variants
This commit is contained in:
Pablo Hdez
2025-10-19 12:17:40 +01:00
committed by GitHub
parent 5c17f597c1 377f54823f
commit 21af2505cd
6 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/data/svgs.ts
+9 -2
View File
@@ -2994,8 +2994,15 @@ export const svgs: iSVG[] = [
{
title: "TikTok",
category: "Social",
route: "/library/tiktok.svg",
url: "https://www.tiktok.com/",
route: {
light: "/library/tiktok-icon-light.svg",
dark: "/library/tiktok-icon-dark.svg",
},
wordmark: {
light: "/library/tiktok-wordmark-light.svg",
dark: "/library/tiktok-wordmark-dark.svg",
},
url: "https://www.tiktok.com",
},
{
title: "Ngrok",
static/library/tiktok-icon-dark.svg
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="Layer_2" viewBox="0 0 352.28 398.67"><defs><style>.cls-2{fill:#fe2c55}.cls-3{fill:#25f4ee}</style></defs><g id="Layer_1-2"><path d="M137.17 156.98v-15.56c-5.34-.73-10.76-1.18-16.29-1.18C54.23 140.24 0 194.47 0 261.13c0 40.9 20.43 77.09 51.61 98.97-20.12-21.6-32.46-50.53-32.46-82.31 0-65.7 52.69-119.28 118.03-120.81Z" class="cls-3"/><path d="M140.02 333c29.74 0 54-23.66 55.1-53.13l.11-263.2h48.08c-1-5.41-1.55-10.97-1.55-16.67h-65.67l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13-9.24 0-17.95-2.31-25.61-6.34C105.3 323.9 121.6 333 140.02 333ZM333.13 106V91.37c-18.34 0-35.43-5.45-49.76-14.8 12.76 14.65 30.09 25.22 49.76 29.43Z" class="cls-3"/><path d="M283.38 76.57c-13.98-16.05-22.47-37-22.47-59.91h-17.59c4.63 25.02 19.48 46.49 40.06 59.91ZM120.88 205.92c-30.44 0-55.21 24.77-55.21 55.21 0 21.2 12.03 39.62 29.6 48.86-6.55-9.08-10.45-20.18-10.45-32.2 0-30.44 24.77-55.21 55.21-55.21 5.68 0 11.13.94 16.29 2.55v-67.05c-5.34-.73-10.76-1.18-16.29-1.18-.96 0-1.9.05-2.85.07v51.49c-5.16-1.61-10.61-2.55-16.29-2.55Z" class="cls-2"/><path d="M333.13 106v51.04c-34.05 0-65.61-10.89-91.37-29.38v133.47c0 66.66-54.23 120.88-120.88 120.88-25.76 0-49.64-8.12-69.28-21.91 22.08 23.71 53.54 38.57 88.42 38.57 66.66 0 120.88-54.23 120.88-120.88V144.33c25.76 18.49 57.32 29.38 91.37 29.38v-65.68c-6.57 0-12.97-.71-19.14-2.03Z" class="cls-2"/><path d="M241.76 261.13V127.66c25.76 18.49 57.32 29.38 91.37 29.38V106c-19.67-4.21-37-14.77-49.76-29.43-20.58-13.42-35.43-34.88-40.06-59.91h-48.08l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13-18.42 0-34.72-9.1-44.75-23.01-17.57-9.25-29.6-27.67-29.6-48.86 0-30.44 24.77-55.21 55.21-55.21 5.68 0 11.13.94 16.29 2.55v-51.49C71.83 158.5 19.14 212.08 19.14 277.78c0 31.78 12.34 60.71 32.46 82.31C71.23 373.87 95.12 382 120.88 382c66.65 0 120.88-54.23 120.88-120.88Z" style="fill:#fff"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

static/library/tiktok-icon-light.svg
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="Layer_2" viewBox="0 0 352.28 398.67"><defs><style>.cls-1{fill:#fe2c55}.cls-2{fill:#25f4ee}</style></defs><g id="Layer_1-2"><path d="M137.17 156.98v-15.56c-5.34-.73-10.76-1.18-16.29-1.18C54.23 140.24 0 194.47 0 261.13c0 40.9 20.43 77.09 51.61 98.97-20.12-21.6-32.46-50.53-32.46-82.31 0-65.7 52.69-119.28 118.03-120.81Z" class="cls-2"/><path d="M140.02 333c29.74 0 54-23.66 55.1-53.13l.11-263.2h48.08c-1-5.41-1.55-10.97-1.55-16.67h-65.67l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13-9.24 0-17.95-2.31-25.61-6.34C105.3 323.9 121.6 333 140.02 333ZM333.13 106V91.37c-18.34 0-35.43-5.45-49.76-14.8 12.76 14.65 30.09 25.22 49.76 29.43Z" class="cls-2"/><path d="M283.38 76.57c-13.98-16.05-22.47-37-22.47-59.91h-17.59c4.63 25.02 19.48 46.49 40.06 59.91ZM120.88 205.92c-30.44 0-55.21 24.77-55.21 55.21 0 21.2 12.03 39.62 29.6 48.86-6.55-9.08-10.45-20.18-10.45-32.2 0-30.44 24.77-55.21 55.21-55.21 5.68 0 11.13.94 16.29 2.55v-67.05c-5.34-.73-10.76-1.18-16.29-1.18-.96 0-1.9.05-2.85.07v51.49c-5.16-1.61-10.61-2.55-16.29-2.55Z" class="cls-1"/><path d="M333.13 106v51.04c-34.05 0-65.61-10.89-91.37-29.38v133.47c0 66.66-54.23 120.88-120.88 120.88-25.76 0-49.64-8.12-69.28-21.91 22.08 23.71 53.54 38.57 88.42 38.57 66.66 0 120.88-54.23 120.88-120.88V144.33c25.76 18.49 57.32 29.38 91.37 29.38v-65.68c-6.57 0-12.97-.71-19.14-2.03Z" class="cls-1"/><path d="M241.76 261.13V127.66c25.76 18.49 57.32 29.38 91.37 29.38V106c-19.67-4.21-37-14.77-49.76-29.43-20.58-13.42-35.43-34.88-40.06-59.91h-48.08l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13-18.42 0-34.72-9.1-44.75-23.01-17.57-9.25-29.6-27.67-29.6-48.86 0-30.44 24.77-55.21 55.21-55.21 5.68 0 11.13.94 16.29 2.55v-51.49C71.83 158.5 19.14 212.08 19.14 277.78c0 31.78 12.34 60.71 32.46 82.31C71.23 373.87 95.12 382 120.88 382c66.65 0 120.88-54.23 120.88-120.88Z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

static/library/tiktok-wordmark-dark.svg
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" style="enable-background:new 0 0 1851.6 449.4" version="1.1" viewBox="0 0 1851.6 449.4"><style>.st0{fill:#25f4ee}.st1{fill:#fe2c55}.st2{fill:#fff}</style><g id="LOGOS"><path d="M154.6 177.7v-18.3c-6.1-.9-12.2-1.3-18.4-1.3C61.1 158.1 0 219.2 0 294.4c0 44.5 21.7 86.1 58.2 111.6-.6-.7-1.3-1.4-1.9-2.1-21.5-24.1-33.9-55.9-33.9-90.7-.3-73.7 58.6-134 132.2-135.5z" class="st0"/><path d="M157.9 375.9c33.5 0 61.4-27.2 62.7-60.4l.1-296.2 53.8.1-.1-.7c-1.2-6.2-1.7-12.5-1.7-18.8h-74l-.2 296.7c-1.2 34.3-30 61.1-64.3 59.9-9.3-.3-18.5-2.8-26.7-7.1 11.2 15.7 29.6 26.5 50.4 26.5zM375.6 120.7V103c-19.9 0-39.4-5.8-56.1-16.7 14.4 16.5 33.9 29.6 56.1 34.4z" class="st0"/><path d="M319.5 86.3c-16.3-18.7-25.3-42.7-25.3-67.5h-20.3c5.1 28.2 22.4 52.4 45.6 67.5zM136.3 231.6c-34.3 0-62.8 28.5-62.8 62.8 0 23.9 14.1 44.7 33.9 55.1-20.2-27.7-14.1-66.4 13.5-86.6 15.9-11.6 36.5-15 55.3-9v-75.6c-6.1-.9-12.2-1.3-18.4-1.3-1.1 0-2.1.1-3.2.1l-.5.1v57.1c-5.8-2-11.8-2.8-17.8-2.7z" class="st1"/><path d="m375.6 119.5-.4-.1-.2 57c-36.9 0-72.9-11.7-102.9-33.3l-.1 151.3c.1 74.9-60.5 135.6-135.3 135.7h-.4c-29 0-56-8.6-78.1-24.2 25.7 27.7 61.8 43.5 99.7 43.5 75.1 0 136.3-61.1 136.3-136.3V162.7c30 21.6 66 33.2 103 33.1v-74c-7.3 0-14.5-.8-21.6-2.3z" class="st1"/><path d="M272.6 294.4V143.9c30 21.6 66 33.2 103 33.1v-57.5c-21.8-4.7-41.5-16.3-56.1-33.2-23.7-15.4-40-39.8-45.2-67.5h-54.2l-.1 296.7c-1.2 34.3-30 61.1-64.3 59.9-19.2-.7-37.1-10.2-48.3-25.9-30.4-15.9-42.2-53.5-26.3-84 10.7-20.5 32-33.4 55.1-33.4 6.2 0 12.4 1 18.4 2.9v-58c-73.6 1.8-133 62.2-133 136.3 0 34.5 13.1 67.6 36.6 92.8 22.9 16.1 50.1 24.7 78.1 24.7 75.1-.1 136.3-61.3 136.3-136.4zM470.4 119.7h231.4l-21.2 66.2h-60v244.7h-74.8V185.9l-75.2.1-.2-66.3zM1080.7 119.7h236.7l-21.2 66.2H1231v244.7h-75V185.9l-75.2.1-.1-66.3zM715.9 218.6H790v212h-73.7zM819.5 118.9h74.1v144.8l73.4-72h88.4l-92.9 90 104 148.9h-81.6l-69.4-103.2-22 21.3v81.9h-74.1l.1-311.7zM1604.5 118.9h74.1v144.8l73.4-72h88.4l-92.9 90 104 148.9h-81.6l-69.4-103.2-22 21.3v81.9h-74.1l.1-311.7z" class="st2"/><circle cx="752.9" cy="157.1" r="37.3" class="st2" transform="rotate(-67.5 752.916 157.054)"/><path d="M1307.9 303.7c0-66.2 51-121.3 117-126.5-3.3-.2-7.8-.4-11.1-.4-70.1 0-126.9 56.9-126.9 126.9 0 70.1 56.8 126.8 126.9 126.9 3.3 0 7.8-.2 11.1-.4-66-5.2-116.9-60.3-117-126.5z" class="st0"/><path d="M1453.7 176.8c-3.4 0-7.9.2-11.2.4 69.8 5.5 122 66.6 116.5 136.4-4.9 62.2-54.3 111.6-116.5 116.5 3.3.3 7.8.4 11.2.4 70.1 0 126.9-56.9 126.9-126.9s-56.8-126.8-126.9-126.8z" class="st1"/><path d="M1433.7 176.8c-70.1 0-126.9 56.8-126.9 126.9s56.8 126.9 126.9 126.9 126.9-56.8 126.9-126.9c0-70.1-56.9-126.9-126.9-126.9zm0 188.6c-34.1 0-61.7-27.6-61.7-61.7s27.6-61.7 61.7-61.7 61.7 27.6 61.7 61.7-27.6 61.7-61.7 61.7z" class="st2"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

static/library/tiktok-wordmark-light.svg
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" style="enable-background:new 0 0 1851.6 449.5" version="1.1" viewBox="0 0 1851.6 449.5"><style>.st0{fill:#25f4ee}.st1{fill:#fe2c55}</style><g id="LOGOS"><path d="M154.6 177v-17.5c-6.1-.9-12.2-1.3-18.4-1.3C61.1 158.1 0 219.2 0 294.4c0 44.5 21.7 86.1 58.2 111.6-23.5-25.2-36.6-58.3-36.6-92.8 0-74.1 59.4-134.5 133-136.2z" class="st0"/><path d="M157.9 375.4c33.4-.1 60.8-26.5 62.1-59.9l.1-296.7h54.2c-1.2-6.2-1.7-12.5-1.7-18.8h-74l-.2 296.7c-1.2 34.3-30 61.1-64.3 59.9-9.3-.3-18.5-2.8-26.7-7.1 11.6 16.2 30.4 25.9 50.5 25.9zM375.6 119.5V103c-19.9 0-39.4-5.8-56.1-16.7 14.6 16.9 34.3 28.5 56.1 33.2z" class="st0"/><path d="M319.5 86.3c-16.3-18.7-25.3-42.7-25.3-67.5h-19.8c5.1 27.7 21.4 52.1 45.1 67.5zM136.3 232.1c-34.4 0-62.2 27.8-62.2 62.2 0 23.2 12.8 44.4 33.4 55.1-20.2-27.7-14.1-66.4 13.5-86.6 15.9-11.6 36.5-15 55.3-9v-75.6c-6.1-.9-12.2-1.3-18.4-1.3-1.1 0-2.1.1-3.2.1v58c-6-1.9-12.2-2.9-18.4-2.9z" class="st1"/><path d="M375.6 119.5V177c-37 0-73-11.5-103-33.1v150.5c0 75.2-61.1 136.3-136.3 136.3-28 0-55.2-8.6-78.1-24.7 25.7 27.7 61.8 43.5 99.7 43.5 75.1 0 136.3-61.1 136.3-136.3V162.7c30 21.6 66 33.2 103 33.1v-74c-7.3 0-14.5-.8-21.6-2.3z" class="st1"/><path d="M272.6 294.4V143.9c30 21.6 66 33.2 103 33.1v-57.5c-21.8-4.7-41.5-16.3-56.1-33.2-23.7-15.4-40-39.8-45.2-67.5h-54.2l-.1 296.7c-1.2 34.3-30 61.1-64.3 59.9-19.2-.7-37.1-10.2-48.3-25.9-30.4-15.9-42.2-53.5-26.3-84 10.7-20.5 32-33.4 55.1-33.4 6.2 0 12.4 1 18.4 2.9v-58c-73.6 1.8-133 62.2-133 136.3 0 34.5 13.1 67.6 36.6 92.8 22.9 16.1 50.1 24.7 78.1 24.7 75.1-.1 136.3-61.3 136.3-136.4zM470.4 119.7h231.4l-21.2 66.2h-60v244.7h-74.8V185.9l-75.2.1-.2-66.3zM1080.7 119.7h236.7l-21.2 66.2H1231v244.7h-75V185.9l-75.2.1-.1-66.3zM715.9 218.6H790v212h-73.7zM819.5 118.9h74.1v144.8l73.4-72h88.4l-92.9 90 104 148.9h-81.6l-69.4-103.2-22 21.3v81.9h-74.1l.1-311.7zM1604.5 118.9h74.1v144.8l73.4-72h88.4l-92.9 90 104 148.9h-81.6l-69.4-103.2-22 21.3v81.9h-74.1l.1-311.7z"/><circle cx="752.9" cy="157.1" r="37.3" transform="rotate(-67.5 752.916 157.054)"/><path d="M1307.9 303.7c0-66.2 51-121.3 117-126.5-3.3-.2-7.8-.4-11.1-.4-70.1 0-126.9 56.9-126.9 126.9 0 70.1 56.8 126.8 126.9 126.9 3.3 0 7.8-.2 11.1-.4-66-5.2-116.9-60.3-117-126.5z" class="st0"/><path d="M1453.7 176.8c-3.4 0-7.9.2-11.2.4 69.8 5.5 122 66.6 116.5 136.4-4.9 62.2-54.3 111.6-116.5 116.5 3.3.3 7.8.4 11.2.4 70.1 0 126.9-56.9 126.9-126.9s-56.8-126.8-126.9-126.8z" class="st1"/><path d="M1433.7 365.4c-34.1 0-61.7-27.6-61.7-61.7s27.6-61.7 61.7-61.7 61.7 27.6 61.7 61.7-27.6 61.7-61.7 61.7zm0-188.6c-70.1 0-126.9 56.8-126.9 126.9s56.8 126.9 126.9 126.9 126.9-56.8 126.9-126.9c0-70.1-56.9-126.9-126.9-126.9z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

static/library/tiktok.svg
-1
View File
@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 290"><path fill="#FF004F" d="M189.72022 104.42148c18.67797 13.3448 41.55932 21.19661 66.27233 21.19661V78.08728c-4.67694.001-9.34196-.48645-13.91764-1.4554v37.41351c-24.71102 0-47.5894-7.85181-66.27232-21.19563v96.99656c0 48.5226-39.35537 87.85513-87.8998 87.85513-18.11308 0-34.94847-5.47314-48.93361-14.85978 15.96175 16.3122 38.22162 26.4315 62.84826 26.4315 48.54742 0 87.90477-39.33253 87.90477-87.85712v-96.99457h-.00199Zm17.16896-47.95275c-9.54548-10.4231-15.81283-23.89299-17.16896-38.78453v-6.11347h-13.18894c3.31982 18.92715 14.64335 35.09738 30.3579 44.898ZM69.67355 225.60685c-5.33316-6.9891-8.21517-15.53882-8.20226-24.3298 0-22.19236 18.0009-40.18631 40.20915-40.18631 4.13885-.001 8.2529.6324 12.19716 1.88328v-48.59308c-4.60943-.6314-9.26154-.89945-13.91167-.80117v37.82253c-3.94726-1.25089-8.06328-1.88626-12.20313-1.88229-22.20825 0-40.20815 17.99196-40.20815 40.1873 0 15.6937 8.99747 29.28075 22.1189 35.89954Z"/><path d="M175.80259 92.84876c18.68293 13.34382 41.5613 21.19563 66.27232 21.19563V76.63088c-13.79353-2.93661-26.0046-10.14114-35.18573-20.16215-15.71554-9.80162-27.03808-25.97185-30.3579-44.898H141.8876v189.84333c-.07843 22.1318-18.04855 40.05229-40.20915 40.05229-13.05889 0-24.66039-6.22169-32.00788-15.8595-13.12044-6.61879-22.1179-20.20683-22.1179-35.89854 0-22.19336 17.9999-40.1873 40.20815-40.1873 4.255 0 8.35614.66217 12.20312 1.88229v-37.82254c-47.69165.98483-86.0473 39.93316-86.0473 87.83429 0 23.91184 9.55144 45.58896 25.05353 61.4276 13.98514 9.38565 30.82053 14.85978 48.9336 14.85978 48.54544 0 87.89981-39.33452 87.89981-87.85612V92.84876h-.00099Z"/><path fill="#00F2EA" d="M242.07491 76.63088V66.51456c-12.4384.01886-24.6326-3.46278-35.18573-10.04683 9.34196 10.22255 21.64336 17.27121 35.18573 20.16315Zm-65.54363-65.06015a67.7881 67.7881 0 0 1-.72869-5.45726V0h-47.83362v189.84531c-.07644 22.12883-18.04557 40.04931-40.20815 40.04931-6.50661 0-12.64987-1.54375-18.09025-4.28677 7.34749 9.63681 18.949 15.8575 32.00788 15.8575 22.15862 0 40.13171-17.9185 40.20915-40.0503V11.57073h34.64368ZM99.96593 113.58077V102.8112c-3.9969-.54602-8.02655-.82003-12.06116-.81805C39.35537 101.99315 0 141.32669 0 189.84531c0 30.41846 15.46735 57.22621 38.97116 72.99536-15.5021-15.83765-25.05353-37.51576-25.05353-61.42661 0-47.90014 38.35466-86.84847 86.0483-87.8333Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.3 KiB