Odysee Social Icon

[trafotin]

I created an icon for Odysee, the only thing left would be to add the integration into the HTML.

It would also be a matter of picking which one is better and optimizing them. I have a filled icon and a hollow icon.

If you are using dark theme, they are black because the original icons are black.

[trafotin]

Here's what I added to svg.html:

{{- else if (eq $icon_name "odysee") -}}
<svg
   size="16"
   class="icon icon--OdyseeLogoWhiteText header__logo"
   aria-hidden="true"
   data-name="Layer 1"
   id="Layer_1"
   stroke-width="0"
   viewBox="0 0 24 24"
   version="1.1"
   xml:space="preserve"
   width="24"
   height="24"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg"><defs
     id="defs6"><style
       id="style1">.cls-1--whiteLogo{fill:#fff;}.cls-2--whiteLogo{fill:url(#linear-gradient);}.cls-3--whiteLogo{clip-path:url(#clip-path);}</style><clipPath
       clipPathUnits="userSpaceOnUse"
       id="clipPath24"><path
         class="cls-1--whiteLogo"
         d="M 27.333616,22.799407 C 23.704284,24.168328 21.95088,22.3769 21.739627,19.085573 21.481898,15.367515 24.942228,14.438 24.942228,14.438 c 3.844809,-1.26752 5.256607,1.134085 5.767215,3.287102 0.468798,1.976721 -1.281656,4.28442 -3.375827,5.074305 z"
         id="path24"
         style="display:none;fill:currentColor;fill-opacity:1;stroke:none;stroke-width:0.5;stroke-dasharray:none;stroke-opacity:1" /><path
         id="lpe_path-effect24"
         style="fill:currentColor;fill-opacity:1;stroke:none;stroke-width:0.5;stroke-dasharray:none;stroke-opacity:1"
         class="powerclip"
         d="M 2.0547303,6.7873416 H 50.278079 V 57.363248 H 2.0547303 Z M 27.333616,22.799407 c 2.094171,-0.789885 3.844625,-3.097584 3.375827,-5.074305 -0.510608,-2.153017 -1.922406,-4.554622 -5.767215,-3.287102 0,0 -3.46033,0.929515 -3.202601,4.647573 0.211253,3.291327 1.964657,5.082755 5.593989,3.713834 z" /></clipPath></defs><g
     id="layer1"
     transform="matrix(0.56368225,0,0,0.56368225,-2.800041,-6.0801068)"
     style="display:inline"><path
       class="cls-1--whiteLogo"
       d="M 45.214096,46.037272 C 44.568327,43.37273 43.720871,40.761151 42.679057,38.225125 41.804468,36.01964 38.956773,33.302922 37.118869,31.950901 36.460377,31.45926 36.39811,30.495128 36.987892,29.922869 c 1.795653,-1.732277 4.989804,-5.07008 6.024945,-6.815032 0.67601,-1.23372 2.006906,-3.574407 2.066057,-5.602438 0.130977,-1.508349 -0.07605,-3.253302 -2.074507,-4.051839 -0.998829,-0.446841 -2.163766,-0.296737 -3.016698,0.388706 -1.26752,0.870364 -1.690026,3.253301 -2.564615,5.627788 -1.030916,2.737844 -2.653342,3.084299 -3.51103,3.084299 -0.857689,0 -0.295755,-0.904164 -2.260411,-6.586879 -1.964656,-5.682714 -7.182613,-4.647573 -11.1077,-2.298436 -4.998253,2.987122 -2.780093,9.354297 -1.537924,13.456837 -0.688686,0.684461 -3.333577,1.195694 -5.724965,2.475889 -1.487223,0.798537 -6.1278546,2.697297 -6.2250311,6.928701 -0.097176,4.231404 5.3504421,1.914363 8.5319171,-0.477025 1.560632,-1.012261 3.257973,-1.796197 5.040505,-2.328011 0,0 1.922405,2.957546 3.718058,6.451676 1.795653,3.49413 -1.92663,4.647573 -2.311111,4.647573 -0.384481,0 -6.253099,-0.570384 -4.909528,4.385619 1.343572,4.956003 8.416333,3.16035 12.045665,0.768963 3.629332,-2.391388 2.733618,-10.207761 2.733618,-10.207761 3.544831,-0.553484 4.656023,3.2026 5.002479,5.125006 0.346455,1.922405 -0.422507,5.255982 3.160349,5.340484 0.505994,-0.0042 1.009113,-0.07654 1.495674,-0.215479 1.93508,-0.447857 3.054723,-1.419622 3.515255,-2.454763 0.206585,-0.482471 0.253946,-1.018246 0.135202,-1.529475 z M 27.333615,22.799407 c -3.629332,1.368921 -5.382735,-0.422507 -5.593988,-3.713834 -0.257729,-3.718058 3.2026,-4.647573 3.2026,-4.647573 3.844811,-1.26752 5.256608,1.134085 5.767216,3.287102 0.468798,1.976721 -1.281656,4.28442 -3.375828,5.074305 z"
       id="path15"
       style="display:none;fill:none;stroke:#ffffff;stroke-width:2;stroke-dasharray:none;stroke-opacity:1" /><path
       class="cls-1--whiteLogo"
       d="M 45.214096,46.037272 C 44.568327,43.37273 43.720871,40.761151 42.679057,38.225125 41.804468,36.01964 38.956773,33.302922 37.118869,31.950901 36.460377,31.45926 36.39811,30.495128 36.987892,29.922869 c 1.795653,-1.732277 4.989804,-5.07008 6.024945,-6.815032 0.67601,-1.23372 2.006906,-3.574407 2.066057,-5.602438 0.130977,-1.508349 -0.07605,-3.253302 -2.074507,-4.051839 -0.998829,-0.446841 -2.163766,-0.296737 -3.016698,0.388706 -1.26752,0.870364 -1.690026,3.253301 -2.564615,5.627788 -1.030916,2.737844 -2.653342,3.084299 -3.51103,3.084299 -0.857689,0 -0.295755,-0.904164 -2.260411,-6.586879 -1.964656,-5.682714 -7.182613,-4.647573 -11.1077,-2.298436 -4.998253,2.987122 -2.780093,9.354297 -1.537924,13.456837 -0.688686,0.684461 -3.333577,1.195694 -5.724965,2.475889 -1.487223,0.798537 -6.1278546,2.697297 -6.2250311,6.928701 -0.097176,4.231404 5.3504421,1.914363 8.5319171,-0.477025 1.560632,-1.012261 3.257973,-1.796197 5.040505,-2.328011 0,0 1.922405,2.957546 3.718058,6.451676 1.795653,3.49413 -1.92663,4.647573 -2.311111,4.647573 -0.384481,0 -6.253099,-0.570384 -4.909528,4.385619 1.343572,4.956003 8.416333,3.16035 12.045665,0.768963 3.629332,-2.391388 2.733618,-10.207761 2.733618,-10.207761 3.544831,-0.553484 4.656023,3.2026 5.002479,5.125006 0.346455,1.922405 -0.422507,5.255982 3.160349,5.340484 0.505994,-0.0042 1.009113,-0.07654 1.495674,-0.215479 1.93508,-0.447857 3.054723,-1.419622 3.515255,-2.454763 0.206585,-0.482471 0.253946,-1.018246 0.135202,-1.529475 z"
       id="path17"
       style="fill:none;fill-opacity:1;stroke:currentColor;stroke-width:2;stroke-dasharray:none;stroke-opacity:1" /><path
       class="cls-1--whiteLogo"
       d="m 27.333615,22.799407 c -3.629332,1.368921 -5.382735,-0.422507 -5.593988,-3.713834 -0.257729,-3.718058 3.2026,-4.647573 3.2026,-4.647573 3.844811,-1.26752 5.256608,1.134085 5.767216,3.287102 0.468798,1.976721 -1.281656,4.28442 -3.375828,5.074305 z"
       id="path16"
       style="fill:currentColor;fill-opacity:1;stroke:none;stroke-width:0.5;stroke-dasharray:none;stroke-opacity:1" /></g><g
     id="g22"
     transform="matrix(0.56368225,0,0,0.56368225,-2.800041,-6.0801068)"
     style="display:none"><path
       class="cls-1--whiteLogo"
       d="M 45.214096,46.037272 C 44.568327,43.37273 43.720871,40.761151 42.679057,38.225125 41.804468,36.01964 38.956773,33.302922 37.118869,31.950901 36.460377,31.45926 36.39811,30.495128 36.987892,29.922869 c 1.795653,-1.732277 4.989804,-5.07008 6.024945,-6.815032 0.67601,-1.23372 2.006906,-3.574407 2.066057,-5.602438 0.130977,-1.508349 -0.07605,-3.253302 -2.074507,-4.051839 -0.998829,-0.446841 -2.163766,-0.296737 -3.016698,0.388706 -1.26752,0.870364 -1.690026,3.253301 -2.564615,5.627788 -1.030916,2.737844 -2.653342,3.084299 -3.51103,3.084299 -0.857689,0 -0.295755,-0.904164 -2.260411,-6.586879 -1.964656,-5.682714 -7.182613,-4.647573 -11.1077,-2.298436 -4.998253,2.987122 -2.780093,9.354297 -1.537924,13.456837 -0.688686,0.684461 -3.333577,1.195694 -5.724965,2.475889 -1.487223,0.798537 -6.1278546,2.697297 -6.2250311,6.928701 -0.097176,4.231404 5.3504421,1.914363 8.5319171,-0.477025 1.560632,-1.012261 3.257973,-1.796197 5.040505,-2.328011 0,0 1.922405,2.957546 3.718058,6.451676 1.795653,3.49413 -1.92663,4.647573 -2.311111,4.647573 -0.384481,0 -6.253099,-0.570384 -4.909528,4.385619 1.343572,4.956003 8.416333,3.16035 12.045665,0.768963 3.629332,-2.391388 2.733618,-10.207761 2.733618,-10.207761 3.544831,-0.553484 4.656023,3.2026 5.002479,5.125006 0.346455,1.922405 -0.422507,5.255982 3.160349,5.340484 0.505994,-0.0042 1.009113,-0.07654 1.495674,-0.215479 1.93508,-0.447857 3.054723,-1.419622 3.515255,-2.454763 0.206585,-0.482471 0.253946,-1.018246 0.135202,-1.529475 z M 27.333615,22.799407 c -3.629332,1.368921 -5.382735,-0.422507 -5.593988,-3.713834 -0.257729,-3.718058 3.2026,-4.647573 3.2026,-4.647573 3.844811,-1.26752 5.256608,1.134085 5.767216,3.287102 0.468798,1.976721 -1.281656,4.28442 -3.375828,5.074305 z"
       id="path20"
       style="display:none;fill:none;stroke:#ffffff;stroke-width:2;stroke-dasharray:none;stroke-opacity:1" /><path
       class="cls-1--whiteLogo"
       d="M 45.214096,46.037272 C 44.568327,43.37273 43.720871,40.761151 42.679057,38.225125 41.804468,36.01964 38.956773,33.302922 37.118869,31.950901 36.460377,31.45926 36.39811,30.495128 36.987892,29.922869 c 1.795653,-1.732277 4.989804,-5.07008 6.024945,-6.815032 0.67601,-1.23372 2.006906,-3.574407 2.066057,-5.602438 0.130977,-1.508349 -0.07605,-3.253302 -2.074507,-4.051839 -0.998829,-0.446841 -2.163766,-0.296737 -3.016698,0.388706 -1.26752,0.870364 -1.690026,3.253301 -2.564615,5.627788 -1.030916,2.737844 -2.653342,3.084299 -3.51103,3.084299 -0.857689,0 -0.295755,-0.904164 -2.260411,-6.586879 -1.964656,-5.682714 -7.182613,-4.647573 -11.1077,-2.298436 -4.998253,2.987122 -2.780093,9.354297 -1.537924,13.456837 -0.688686,0.684461 -3.333577,1.195694 -5.724965,2.475889 -1.487223,0.798537 -6.1278546,2.697297 -6.2250311,6.928701 -0.097176,4.231404 5.3504421,1.914363 8.5319171,-0.477025 1.560632,-1.012261 3.257973,-1.796197 5.040505,-2.328011 0,0 1.922405,2.957546 3.718058,6.451676 1.795653,3.49413 -1.92663,4.647573 -2.311111,4.647573 -0.384481,0 -6.253099,-0.570384 -4.909528,4.385619 1.343572,4.956003 8.416333,3.16035 12.045665,0.768963 3.629332,-2.391388 2.733618,-10.207761 2.733618,-10.207761 3.544831,-0.553484 4.656023,3.2026 5.002479,5.125006 0.346455,1.922405 -0.422507,5.255982 3.160349,5.340484 0.505994,-0.0042 1.009113,-0.07654 1.495674,-0.215479 1.93508,-0.447857 3.054723,-1.419622 3.515255,-2.454763 0.206585,-0.482471 0.253946,-1.018246 0.135202,-1.529475 z"
       id="path21"
       style="fill:currentColor;fill-opacity:1;stroke:none;stroke-width:2;stroke-dasharray:none;stroke-opacity:1"
       clip-path="url(#clipPath24)"
       transform="translate(0.08959521,-2.9727039e-4)" /></g></svg>

The full icon is embedded. It's live here: https://trafotin.com

[omarvaldezg]

Thank you @trafotin