<svg style="display: none;" xmlns="http://www.w3.org/2000/svg">
<symbol viewBox="0 0 80 80" id="youtube">
<g clip-path="url(#clip0)">
<path d="M35.8779 31.7121C34.8839 31.1181 33.6099 31.8361 33.6099 33.0001V47.0001C33.6099 48.1701 34.8859 48.8781 35.8779 48.2901L47.6159 41.3001C48.5919 40.7181 48.5899 39.3061 47.6179 38.7221L35.8779 31.7121ZM36.6099 44.3621V35.6421L43.9199 40.0081L36.6099 44.3621Z" fill="white"/>
<mask id="path-3-inside-1" fill="white">
<path d="M55.808 22.5419C46.502 21.1599 33.502 21.1599 24.192 22.5419C20.468 23.0939 17.534 26.0179 16.894 29.8139C15.702 36.8599 15.702 43.1419 16.894 50.1859C17.534 53.9839 20.468 56.9059 24.192 57.4579C28.856 58.1499 34.44 58.4959 40.022 58.4959C45.594 58.4959 51.164 58.1519 55.81 57.4599C59.53 56.9079 62.462 53.9859 63.106 50.1879C64.298 43.1419 64.298 36.8579 63.106 29.8119C62.466 26.0179 59.532 23.0939 55.808 22.5419ZM60.148 49.6879C59.722 52.1999 57.802 54.1319 55.368 54.4919C46.332 55.8339 33.692 55.8339 24.632 54.4899C22.196 54.1279 20.274 52.1979 19.85 49.6859C18.702 42.8979 18.702 37.1039 19.85 30.3119C20.276 27.7999 22.196 25.8719 24.634 25.5079C29.158 24.8379 34.58 24.5019 39.998 24.5019C45.42 24.5019 50.842 24.8379 55.366 25.5079C57.802 25.8699 59.724 27.7999 60.148 30.3119C61.296 37.1039 61.296 42.8979 60.148 49.6879Z"/>
</mask>
<path d="M55.808 22.5419C46.502 21.1599 33.502 21.1599 24.192 22.5419C20.468 23.0939 17.534 26.0179 16.894 29.8139C15.702 36.8599 15.702 43.1419 16.894 50.1859C17.534 53.9839 20.468 56.9059 24.192 57.4579C28.856 58.1499 34.44 58.4959 40.022 58.4959C45.594 58.4959 51.164 58.1519 55.81 57.4599C59.53 56.9079 62.462 53.9859 63.106 50.1879C64.298 43.1419 64.298 36.8579 63.106 29.8119C62.466 26.0179 59.532 23.0939 55.808 22.5419ZM60.148 49.6879C59.722 52.1999 57.802 54.1319 55.368 54.4919C46.332 55.8339 33.692 55.8339 24.632 54.4899C22.196 54.1279 20.274 52.1979 19.85 49.6859C18.702 42.8979 18.702 37.1039 19.85 30.3119C20.276 27.7999 22.196 25.8719 24.634 25.5079C29.158 24.8379 34.58 24.5019 39.998 24.5019C45.42 24.5019 50.842 24.8379 55.366 25.5079C57.802 25.8699 59.724 27.7999 60.148 30.3119C61.296 37.1039 61.296 42.8979 60.148 49.6879Z" fill="white"/>
<path d="M24.192 22.5419L28.5908 52.2176L28.597 52.2167L24.192 22.5419ZM16.894 29.8139L46.4737 34.818L46.4751 34.8097L46.4765 34.8014L16.894 29.8139ZM16.894 50.1859L46.4769 45.2008L46.4752 45.1906L46.4735 45.1804L16.894 50.1859ZM24.192 57.4579L28.5949 27.7827L28.5908 27.7821L24.192 57.4579ZM55.81 57.4599L51.4066 27.7848L51.3985 27.786L51.3904 27.7872L55.81 57.4599ZM63.106 50.1879L92.6838 55.2032L92.6857 55.192L63.106 50.1879ZM63.106 29.8119L33.5239 34.802L33.5251 34.809L33.5263 34.816L63.106 29.8119ZM60.148 49.6879L89.7257 54.7038L89.7269 54.6964L89.7282 54.6891L60.148 49.6879ZM55.368 54.4919L50.9786 24.8147L50.9697 24.816L50.9608 24.8173L55.368 54.4919ZM24.632 54.4899L20.2223 84.164L20.2298 84.1651L24.632 54.4899ZM19.85 49.6859L49.4316 44.6928L49.43 44.6832L19.85 49.6859ZM19.85 30.3119L-9.7277 25.2959L-9.72907 25.304L-9.73044 25.3121L19.85 30.3119ZM24.634 25.5079L20.239 -4.16845L20.2215 -4.16586L20.204 -4.16325L24.634 25.5079ZM55.366 25.5079L59.7757 -4.16627L59.7684 -4.16736L59.761 -4.16845L55.366 25.5079ZM60.148 30.3119L30.5664 35.3049L30.5676 35.3116L60.148 30.3119ZM60.2149 -7.13269C47.9863 -8.9487 32.017 -8.94842 19.787 -7.13297L28.597 52.2167C34.987 51.2682 45.0177 51.2684 51.4011 52.2164L60.2149 -7.13269ZM19.7932 -7.13389C2.8157 -4.61735 -9.95536 8.61538 -12.6885 24.8263L46.4765 34.8014C45.0234 43.4204 38.1203 50.8051 28.5908 52.2176L19.7932 -7.13389ZM-12.6857 24.8097C-14.438 35.1678 -14.4383 44.8334 -12.6855 55.1914L46.4735 45.1804C45.8423 41.4503 45.842 38.5519 46.4737 34.818L-12.6857 24.8097ZM-12.6889 55.1709C-9.95553 71.3919 2.82158 84.618 19.7932 87.1336L28.5908 27.7821C38.1144 29.1938 45.0235 36.5758 46.4769 45.2008L-12.6889 55.1709ZM19.7891 87.133C26.2498 88.0916 33.3542 88.4959 40.022 88.4959V28.4959C35.5258 28.4959 31.4622 28.2081 28.5949 27.7827L19.7891 87.133ZM40.022 88.4959C46.672 88.4959 53.771 88.0945 60.2296 87.1325L51.3904 27.7872C48.557 28.2092 44.516 28.4959 40.022 28.4959V88.4959ZM60.2134 87.1349C77.1981 84.6146 89.9411 71.3783 92.6838 55.2032L33.5282 45.1726C34.9829 36.5934 41.8619 29.2011 51.4066 27.7848L60.2134 87.1349ZM92.6857 55.192C94.4381 44.8334 94.4381 35.1663 92.6857 24.8077L33.5263 34.816C34.1579 38.5494 34.1579 41.4503 33.5263 45.1837L92.6857 55.192ZM92.6881 24.8217C89.9536 8.61122 77.1807 -4.61789 60.2068 -7.13389L51.4092 52.2176C41.8833 50.8056 34.9784 43.4245 33.5239 34.802L92.6881 24.8217ZM30.5703 44.6719C32.2056 35.0291 39.9209 26.4502 50.9786 24.8147L59.7574 84.169C75.6831 81.8135 87.2384 69.3706 89.7257 54.7038L30.5703 44.6719ZM50.9608 24.8173C44.8505 25.7248 35.1789 25.7261 29.0342 24.8146L20.2298 84.1651C32.2051 85.9416 47.8135 85.9429 59.7752 84.1664L50.9608 24.8173ZM29.0417 24.8157C40.0406 26.4502 47.7937 34.9891 49.4316 44.6928L-9.73157 54.6789C-7.24569 69.4066 4.35144 81.8055 20.2223 84.164L29.0417 24.8157ZM49.43 44.6832C48.8422 41.2078 48.8417 38.7949 49.4304 35.3116L-9.73044 25.3121C-11.4377 35.4128 -11.4382 44.5879 -9.72996 54.6885L49.43 44.6832ZM49.4277 35.3278C47.7841 45.0194 40.0383 53.5405 29.064 55.179L20.204 -4.16325C4.35373 -1.79676 -7.23214 10.5803 -9.7277 25.2959L49.4277 35.3278ZM29.029 55.1842C31.7612 54.7796 35.6661 54.5019 39.998 54.5019V-5.49813C33.4939 -5.49813 26.5548 -5.10381 20.239 -4.16845L29.029 55.1842ZM39.998 54.5019C44.3345 54.5019 48.2392 54.7796 50.971 55.1842L59.761 -4.16845C53.4448 -5.10387 46.5055 -5.49813 39.998 -5.49813V54.5019ZM50.9563 55.182C39.9574 53.5475 32.2043 45.0086 30.5664 35.3049L89.7296 25.3188C87.2437 10.5912 75.6466 -1.80779 59.7757 -4.16627L50.9563 55.182ZM30.5676 35.3116C31.1562 38.7944 31.156 41.2078 30.5678 44.6867L89.7282 54.6891C91.436 44.5879 91.4358 35.4133 89.7284 25.3121L30.5676 35.3116Z" fill="white" mask="url(#path-3-inside-1)"/>
</g>
<rect x="1" y="1" width="78" height="78" rx="9" stroke="white" stroke-width="2"/>
<defs>
<clipPath id="clip0">
<rect width="48" height="48" fill="white" transform="translate(16 16)"/>
</clipPath>
</defs>


</symbol>
</svg>


<div class="wrapper">
  <svg width="80" height="80" class="icon">
         <use xlink:href="#youtube"></use>
  </svg>
</div>
.icon {
  fill: red;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.