SNSのSVGコード

CSS

X

<svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/>
</svg>

fill=’none’なので透明です

YouTube

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="70" viewBox="0 0 100 70">
  <!-- 赤い背景 -->
  <path fill="#FF0000" d="M98.1 15.6c-1.2-4.6-4.8-8.2-9.4-9.4C82.5 4.5 50 4.5 50 4.5s-32.5 0-38.7 1.7c-4.6 1.2-8.2 4.8-9.4 9.4C0.2 21.8 0.2 35 0.2 35s0 13.2 1.7 19.4c1.2 4.6 4.8 8.2 9.4 9.4C17.5 65.5 50 65.5 50 65.5s32.5 0 38.7-1.7c4.6-1.2 8.2-4.8 9.4-9.4 1.7-6.2 1.7-19.4 1.7-19.4s0-13.2-1.7-19.4z"/>
  <!-- 白い三角の再生アイコン -->
  <path fill="#FFFFFF" d="M40 47.5V22.5L65 35z"/>
</svg>

fillの部分のカラーを変える必要があります

BACK