refactor(SVGs): Medium, Mastodon, YouTube, Facebook, and LinkedIn SVGs to match original design (#443) (#469)

ad1tyayadav · web-flow · commit c6fbd656391f · 2025-10-06T19:00:08.000+05:30
diff --git a/public/assets/social/facebook.svg b/public/assets/social/facebook.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor">
-    <path d="M20 10c0-5.523-4.477-10-10-10S0 4.477 0 10c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V10h2.54V7.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V10h2.773l-.443 2.89h-2.33v6.988C16.343 19.128 20 14.991 20 10z"/>
-</svg>
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Facebook</title><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"/></svg>
diff --git a/public/assets/social/linkedin.svg b/public/assets/social/linkedin.svg
@@ -1,3 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor">
-        <path d="M18.335 0H1.665A1.665 1.665 0 0 0 0 1.665v16.67A1.665 1.665 0 0 0 1.665 20h16.67A1.665 1.665 0 0 0 20 18.335V1.665A1.665 1.665 0 0 0 18.335 0zM6.667 16.667H3.333V7.5h3.334v9.167zM5 6.317a1.817 1.817 0 1 1 0-3.634 1.817 1.817 0 0 1 0 3.634zm11.667 10.35h-3.334v-5.25c0-3.583-4.166-3.308-4.166 0v5.25H5.833V7.5h3.334v1.983c1.45-2.692 7.5-2.892 7.5 2.575v4.609z"/>
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 382 382" xml:space="preserve">
+<path style="fill:#0077B7;" d="M347.445,0H34.555C15.471,0,0,15.471,0,34.555v312.889C0,366.529,15.471,382,34.555,382h312.889
+	C366.529,382,382,366.529,382,347.444V34.555C382,15.471,366.529,0,347.445,0z M118.207,329.844c0,5.554-4.502,10.056-10.056,10.056
+	H65.345c-5.554,0-10.056-4.502-10.056-10.056V150.403c0-5.554,4.502-10.056,10.056-10.056h42.806
+	c5.554,0,10.056,4.502,10.056,10.056V329.844z M86.748,123.432c-22.459,0-40.666-18.207-40.666-40.666S64.289,42.1,86.748,42.1
+	s40.666,18.207,40.666,40.666S109.208,123.432,86.748,123.432z M341.91,330.654c0,5.106-4.14,9.246-9.246,9.246H286.73
+	c-5.106,0-9.246-4.14-9.246-9.246v-84.168c0-12.556,3.683-55.021-32.813-55.021c-28.309,0-34.051,29.066-35.204,42.11v97.079
+	c0,5.106-4.139,9.246-9.246,9.246h-44.426c-5.106,0-9.246-4.14-9.246-9.246V149.593c0-5.106,4.14-9.246,9.246-9.246h44.426
+	c5.106,0,9.246,4.14,9.246,9.246v15.655c10.497-15.753,26.097-27.912,59.312-27.912c73.552,0,73.131,68.716,73.131,106.472
+	L341.91,330.654L341.91,330.654z"/>
 </svg>
diff --git a/public/assets/social/mastodon.svg b/public/assets/social/mastodon.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor">
-   <path d="M19.3 6.633C19.1 4.485 17.1 2.843 14.7 2.537c-.4-.054-1.9-.258-5.1-.258h-.1c-3.2 0-4 .204-4.4.258-2.4.306-4.4 1.948-4.6 4.096-.1 1.071-.1 2.316-.1 3.458.1 1.563.1 3.121.2 4.675.1 1.037.3 2.062.5 3.071.5 1.869 2.3 3.415 4.2 4.05 1.9.66 4.1.77 6.1.306.1-.051.4-.102.6-.178.5-.153 1.1-.332 1.5-.637v-1.513c-.9.46-1.9.766-3 .919-2.6.357-3.5-.867-3.7-1.412a4.681 4.681 0 01-.3-1.207c1.3.306 2.7.46 4.1.46.3 0 .6 0 1-.011 1.3-.037 2.7-.105 4-.357 2-.383 3.8-1.615 4-4.675V9.755c0-.434.2-3.033 0-4.634l-.2.512zM16.2 14.3h-2.1V8.99c0-1.105-.5-1.666-1.4-1.666s-1.5.663-1.5 1.973v2.85h-2.1V9.297c0-1.31-.5-1.973-1.5-1.973-.9 0-1.4.561-1.4 1.666v5.31H4.1V8.837c0-1.105.3-1.973.8-2.621.6-.637 1.3-.969 2.3-.969 1.1 0 1.9.409 2.5 1.258l.5.867.5-.867c.6-.85 1.4-1.258 2.5-1.258 1 0 1.7.332 2.3.969.5.648.8 1.516.8 2.621V14.3h-.1z"/>
-</svg>
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Mastodon</title><path d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z"/></svg>
diff --git a/public/assets/social/medium.svg b/public/assets/social/medium.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor">
-    <path d="M18.333 20H1.667C.747 20 0 19.253 0 18.333V1.667C0 .747.746 0 1.667 0h16.666C19.253 0 20 .746 20 1.667v16.666c0 .92-.747 1.667-1.667 1.667zm-4.392-4.166c2.143 0 3.88-1.737 3.88-3.88 0-2.144-1.737-3.88-3.88-3.88-2.144 0-3.88 1.736-3.88 3.88 0 2.143 1.736 3.88 3.88 3.88zm-6.944 0c1.071 0 1.94-.869 1.94-1.94 0-1.072-.869-1.94-1.94-1.94-1.072 0-1.94.868-1.94 1.94 0 1.071.868 1.94 1.94 1.94zm-3.472-3.88c.536 0 .97-.434.97-.97 0-.536-.434-.97-.97-.97-.536 0-.97.434-.97.97 0 .536.434.97.97.97z"/>
-</svg>
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Medium</title><path d="M4.21 0A4.201 4.201 0 0 0 0 4.21v15.58A4.201 4.201 0 0 0 4.21 24h15.58A4.201 4.201 0 0 0 24 19.79v-1.093c-.137.013-.278.02-.422.02-2.577 0-4.027-2.146-4.09-4.832a7.592 7.592 0 0 1 .022-.708c.093-1.186.475-2.241 1.105-3.022a3.885 3.885 0 0 1 1.395-1.1c.468-.237 1.127-.367 1.664-.367h.023c.101 0 .202.004.303.01V4.211A4.201 4.201 0 0 0 19.79 0Zm.198 5.583h4.165l3.588 8.435 3.59-8.435h3.864v.146l-.019.004c-.705.16-1.063.397-1.063 1.254h-.003l.003 10.274c.06.676.424.885 1.063 1.03l.02.004v.145h-4.923v-.145l.019-.005c.639-.144.994-.353 1.054-1.03V7.267l-4.745 11.15h-.261L6.15 7.569v9.445c0 .857.358 1.094 1.063 1.253l.02.004v.147H4.405v-.147l.019-.004c.705-.16 1.065-.397 1.065-1.253V6.987c0-.857-.358-1.094-1.064-1.254l-.018-.004zm19.25 3.668c-1.086.023-1.733 1.323-1.813 3.124H24V9.298a1.378 1.378 0 0 0-.342-.047Zm-1.862 3.632c-.1 1.756.86 3.239 2.204 3.634v-3.634z"/></svg>
diff --git a/public/assets/social/youtube.svg b/public/assets/social/youtube.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor">
-    <path d="M19.615 5.184c-.225-.795-.908-1.42-1.768-1.456C15.727 3.584 10 3.584 10 3.584s-5.727 0-7.847.144c-.86.037-1.543.661-1.768 1.456-.144 1.439-.144 4.44-.144 4.44s0 3.001.144 4.44c.225.795.908 1.42 1.768 1.456 2.12.144 7.847.144 7.847.144s5.727 0 7.847-.144c.86-.037 1.543-.661 1.768-1.456.144-1.439.144-4.44.144-4.44s0-3.001-.144-4.44zM8 12.584v-6l5.227 3-5.227 3z"/>
-</svg>
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>YouTube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
