Swap Twitter with YouTube social media icon

This commit is contained in:
Nico Hoffmann
2022-12-09 15:00:18 +01:00
parent ae662daaf2
commit c232b329fe
4 changed files with 14 additions and 11 deletions

View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g class="nc-icon-wrapper" fill="#111111"><path fill="#111111" d="M16,3c-0.6,0.3-1.2,0.4-1.9,0.5c0.7-0.4,1.2-1,1.4-1.8c-0.6,0.4-1.3,0.6-2.1,0.8c-0.6-0.6-1.5-1-2.4-1 C9.3,1.5,7.8,3,7.8,4.8c0,0.3,0,0.5,0.1,0.7C5.2,5.4,2.7,4.1,1.1,2.1c-0.3,0.5-0.4,1-0.4,1.7c0,1.1,0.6,2.1,1.5,2.7 c-0.5,0-1-0.2-1.5-0.4c0,0,0,0,0,0c0,1.6,1.1,2.9,2.6,3.2C3,9.4,2.7,9.4,2.4,9.4c-0.2,0-0.4,0-0.6-0.1c0.4,1.3,1.6,2.3,3.1,2.3 c-1.1,0.9-2.5,1.4-4.1,1.4c-0.3,0-0.5,0-0.8,0c1.5,0.9,3.2,1.5,5,1.5c6,0,9.3-5,9.3-9.3c0-0.1,0-0.3,0-0.4C15,4.3,15.6,3.7,16,3z"/></g></svg>

Before

Width:  |  Height:  |  Size: 620 B

4
assets/icons/youtube.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
<title>YouTube</title>
<path d="M15.8 4.8c-.2-1.3-.8-2.2-2.2-2.4C11.4 2 8 2 8 2s-3.4 0-5.6.4C1 2.6.3 3.5.2 4.8 0 6.1 0 8 0 8s0 1.9.2 3.2c.2 1.3.8 2.2 2.2 2.4C4.6 14 8 14 8 14s3.4 0 5.6-.4c1.4-.3 2-1.1 2.2-2.4C16 9.9 16 8 16 8s0-1.9-.2-3.2zM6 11V5l5 3-5 3z"/>
</svg>

After

Width:  |  Height:  |  Size: 339 B

View File

@@ -20,13 +20,13 @@ Phone: +49 1234 5678
Social: Social:
- -
platform: Twitter platform: YouTube
url: https://twitter.com/getkirby url: https://youtube.com/kirbycasts
- -
platform: Instagram platform: Instagram
url: https://instagram.com/getkirby url: https://instagram.com/getkirby
- -
platform: Discord platform: Discord
url: https://chat.getkirby.com url: https://chat.getkirby.com

View File

@@ -12,13 +12,13 @@
*/ */
?> ?>
<span class="social"> <span class="social">
<a href="https://twitter.com/getkirby"> <a href="https://instagram.com/getkirby">
<?= svg('assets/icons/twitter.svg') ?> <?= svg('assets/icons/instagram.svg') ?>
</a>
<a href="https://youtube.com/kirbycasts">
<?= svg('assets/icons/youtube.svg') ?>
</a> </a>
<a href="https://chat.getkirby.com"> <a href="https://chat.getkirby.com">
<?= svg('assets/icons/discord.svg') ?> <?= svg('assets/icons/discord.svg') ?>
</a> </a>
<a href="https://instagram.com/getkirby">
<?= svg('assets/icons/instagram.svg') ?>
</a>
</span> </span>