UNORTHODOX WORKBOOK

BLOG TOPWeb DesignSNSのアイコンやロゴをSVGで作った(ダウンロードあり)

SNSのアイコンやロゴをSVGで作った(ダウンロードあり)

sns-logo-icon-svg-down-load

ソーシャルメディアのアイコンやロゴを使用する際、Font Awesomeとかのwebフォントを利用させてもらっていたんですが、日本のSNSだったりすると用意されていなかったり、色とか柔軟に扱えなかったりしてちょっと不便を感じていました。

SVGであれば、色を柔軟に扱えるしサイズで困ることもないので「SVGのアイコン使いたい」ってなったんですが、探してもあんまりないんですよね。

ないなら自分で作ればいいじゃんとうことで、よく使うものをSVGで作ってみました。

SVGコードとダウンロード

以下、主要6メディア分のSVGアイコン(ロゴ)になります。コードをのせておきますので、コピペしてどうぞご自由にお使いください。下に全てまとめてダウンロードできるファイルも用意してありますので、そちらもどうぞ。

高さを300pxでそろえてあり、幅はまちまちです。スタイルをdefs要素で囲んで指定していますので、削除してCSSへまとめてしまった方が使いやすいかと思います。class名は適当なものに変更してください。

ひとつひとつのコードが、かなり長いのでお気をつけください。それとIE8では表示されません。

Facebook(フェイスブック)

バージョン1

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300px" height="300px" viewBox="0 0 300 300">
  <defs>
    <style>
      .fill {fill: #3b5998;}
    </style>
  </defs>
  <path class="fill" d="M283.000,-0.000 C283.000,-0.000 17.000,-0.000 17.000,-0.000 C7.853,-0.000 -0.000,7.854 -0.000,17.000 C-0.000,17.000 -0.000,283.000 -0.000,283.000 C-0.000,292.144 7.853,300.000 17.000,300.000 C17.000,300.000 161.000,300.000 161.000,300.000 C161.000,300.000 161.000,183.000 161.000,183.000 C161.000,183.000 121.000,183.000 121.000,183.000 C121.000,183.000 121.000,139.000 121.000,139.000 C121.000,139.000 161.000,139.000 161.000,139.000 C161.000,139.000 161.000,105.000 161.000,105.000 C161.000,66.251 183.432,45.000 218.000,45.000 C234.558,45.000 249.852,46.449 254.000,47.000 C254.000,47.000 254.000,88.000 254.000,88.000 C254.000,88.000 229.000,88.000 229.000,88.000 C210.201,88.000 207.000,96.891 207.000,110.000 C207.000,110.000 207.000,139.000 207.000,139.000 C207.000,139.000 252.000,139.000 252.000,139.000 C252.000,139.000 246.000,183.000 246.000,183.000 C246.000,183.000 207.000,183.000 207.000,183.000 C207.000,183.000 207.000,300.000 207.000,300.000 C207.000,300.000 283.000,300.000 283.000,300.000 C292.144,300.000 300.000,292.144 300.000,283.000 C300.000,283.000 300.000,17.000 300.000,17.000 C300.000,7.854 292.144,-0.000 283.000,-0.000 Z"/>
</svg>

バージョン2

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="156px" height="300px" viewBox="0 0 156 300">
  <defs>
    <style>
      .fill {fill: #3b5998;}
    </style>
  </defs>
  <path class="fill" d="M101.000,300.000 C101.000,300.000 101.000,163.000 101.000,163.000 C101.000,163.000 147.000,163.000 147.000,163.000 C147.000,163.000 154.000,110.000 154.000,110.000 C154.000,110.000 101.000,110.000 101.000,110.000 C101.000,110.000 101.000,76.000 101.000,76.000 C101.000,60.552 105.857,50.000 128.000,50.000 C128.000,50.000 156.000,50.000 156.000,50.000 C156.000,50.000 156.000,2.000 156.000,2.000 C151.113,1.351 134.503,-0.000 115.000,-0.000 C74.282,-0.000 46.000,25.336 46.000,71.000 C46.000,71.000 46.000,110.000 46.000,110.000 C46.000,110.000 0.000,110.000 0.000,110.000 C0.000,110.000 0.000,163.000 0.000,163.000 C0.000,163.000 46.000,163.000 46.000,163.000 C46.000,163.000 46.000,300.000 46.000,300.000 C46.000,300.000 101.000,300.000 101.000,300.000 Z"/>
</svg>

Twitter(ツイッター)

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="350px" height="300px" viewBox="0 0 350 300">
  <defs>
    <style>
      .fill {fill: #55acee;}
    </style>
  </defs>
  <path class="fill" d="M350.001,35.509 C346.026,42.167 340.649,49.197 333.870,56.595 C328.493,62.513 321.944,68.556 314.231,74.720 C314.231,74.720 314.231,76.940 314.231,76.940 C314.231,76.940 314.231,79.530 314.231,79.530 C314.231,80.762 314.346,81.626 314.579,82.119 C314.579,82.119 314.579,84.708 314.579,84.708 C314.579,110.109 310.022,135.572 300.903,161.097 C291.785,186.620 278.809,209.494 261.975,229.715 C243.971,251.417 222.113,268.556 196.394,281.134 C170.674,293.711 141.917,299.999 110.122,299.999 C89.546,299.999 70.142,297.041 51.904,291.122 C33.201,285.202 15.899,276.818 -0.001,265.967 C0.936,266.214 2.337,266.338 4.208,266.338 C7.948,266.831 10.755,267.077 12.626,267.077 C12.626,267.077 17.183,267.077 17.183,267.077 C33.550,267.077 49.567,264.242 65.231,258.569 C79.727,253.144 93.403,245.253 106.263,234.895 C91.300,234.649 77.387,229.469 64.531,219.357 C51.904,209.494 43.486,197.040 39.279,181.997 C42.786,182.737 45.007,183.105 45.943,183.105 C45.943,183.105 49.447,183.105 49.447,183.105 C50.151,183.352 51.202,183.476 52.605,183.476 C54.708,183.476 56.346,183.352 57.516,183.105 C59.853,183.105 63.128,182.612 67.335,181.626 C67.801,181.626 68.505,181.502 69.439,181.256 C70.376,181.009 71.075,180.887 71.542,180.887 C54.941,177.434 41.265,168.679 30.509,154.622 C19.520,140.565 14.029,124.536 14.029,106.534 C14.029,106.534 14.029,106.163 14.029,106.163 C14.029,106.163 14.029,105.794 14.029,105.794 C14.029,105.794 14.029,105.424 14.029,105.424 C18.471,108.383 23.615,110.603 29.460,112.082 C35.538,114.054 41.265,115.042 46.644,115.042 C36.354,107.644 28.640,98.642 23.497,88.038 C17.651,77.187 14.729,65.102 14.729,51.786 C14.729,44.388 15.546,37.729 17.183,31.810 C18.120,27.617 20.457,21.576 24.198,13.685 C42.435,37.358 64.177,55.854 89.429,69.172 C115.382,83.475 142.969,91.366 172.195,92.847 C171.494,87.667 171.145,84.832 171.145,84.339 C170.674,80.886 170.441,78.051 170.441,75.830 C170.441,54.868 177.456,36.989 191.483,22.193 C205.512,7.396 222.462,-0.002 242.337,-0.002 C252.623,-0.002 262.325,2.094 271.444,6.286 C280.562,10.971 288.394,16.891 294.942,24.042 C302.423,22.315 310.372,19.850 318.788,16.644 C325.803,13.931 333.051,10.232 340.532,5.547 C337.729,14.424 333.634,22.439 328.260,29.591 C322.179,36.989 315.751,42.907 308.969,47.347 C315.984,46.113 322.999,44.634 330.010,42.907 C335.388,41.428 342.052,38.961 350.001,35.509 Z"/>
</svg>

Google+(グーグルプラス)

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="313px" height="300px" viewBox="0 0 313 300">
  <defs>
    <style>
      .fill {fill: #df4a32;}
    </style>
  </defs>
  <path class="fill" d="M312.998,146.980 C312.998,146.980 270.864,146.980 270.864,146.980 C270.864,146.980 270.864,188.250 270.864,188.250 C270.864,188.250 246.788,188.250 246.788,188.250 C246.788,188.250 246.788,146.980 246.788,146.980 C246.788,146.980 205.657,146.980 205.657,146.980 C205.657,146.980 205.657,146.087 205.657,146.087 C205.657,146.087 205.397,146.087 205.397,146.087 C205.397,146.087 205.397,122.612 205.397,122.612 C205.397,122.612 246.788,122.612 246.788,122.612 C246.788,122.612 246.788,80.545 246.788,80.545 C246.788,80.545 270.864,80.545 270.864,80.545 C270.864,80.545 270.864,122.612 270.864,122.612 C270.864,122.612 311.995,122.612 311.995,122.612 C311.995,122.612 311.995,122.822 311.995,122.822 C311.995,122.822 312.998,122.822 312.998,122.822 C312.998,122.822 312.998,146.980 312.998,146.980 ZM141.721,14.218 C144.177,15.755 146.940,17.998 150.010,20.943 C152.955,24.019 155.843,27.799 158.668,32.283 C161.369,36.511 163.762,41.507 165.851,47.271 C167.568,53.038 168.430,59.763 168.430,67.451 C168.196,81.546 165.109,92.818 159.166,101.274 C156.251,105.376 153.163,109.153 149.902,112.613 C146.290,116.073 142.446,119.597 138.368,123.183 C136.037,125.619 133.883,128.370 131.903,131.446 C129.573,134.650 128.407,138.366 128.407,142.593 C128.407,146.694 129.602,150.087 131.993,152.778 C134.022,155.343 135.995,157.583 137.909,159.505 C137.909,159.505 151.175,170.458 151.175,170.458 C159.420,177.251 166.650,184.742 172.865,192.942 C178.721,201.271 181.771,212.161 182.009,225.614 C182.009,244.702 173.642,261.614 156.910,276.348 C139.557,291.595 114.518,299.474 81.798,299.988 C54.407,299.729 33.954,293.847 20.447,282.339 C6.814,271.595 -0.005,258.744 -0.005,243.784 C-0.005,236.493 2.212,228.374 6.647,219.422 C10.950,210.468 18.742,202.603 30.020,195.830 C42.687,188.539 55.992,183.681 69.930,181.251 C83.735,179.202 95.200,178.055 104.325,177.798 C101.505,174.063 98.992,170.069 96.787,165.817 C94.212,161.696 92.927,156.735 92.927,150.937 C92.927,147.461 93.415,144.560 94.397,142.242 C95.254,139.794 96.051,137.542 96.787,135.483 C92.342,135.996 88.155,136.251 84.222,136.251 C63.405,135.996 47.537,129.399 36.623,116.459 C25.198,104.418 19.487,90.392 19.487,74.379 C19.487,55.034 27.580,37.487 43.767,21.727 C54.884,12.506 66.436,6.485 78.421,3.665 C90.283,1.234 101.403,0.015 111.782,0.015 C111.782,0.015 189.990,0.015 189.990,0.015 C189.990,0.015 165.836,14.218 165.836,14.218 C165.836,14.218 141.721,14.218 141.721,14.218 ZM90.897,189.311 C82.802,190.463 74.523,192.319 66.058,194.883 C64.063,195.653 61.262,196.805 57.653,198.345 C54.040,200.009 50.368,202.382 46.633,205.456 C43.021,208.656 39.972,212.630 37.481,217.373 C34.616,222.371 33.186,228.392 33.186,235.441 C33.186,249.279 39.408,260.683 51.862,269.656 C63.690,278.625 79.878,283.238 100.423,283.496 C118.852,283.238 132.922,279.138 142.634,271.193 C152.096,263.374 156.829,253.314 156.829,241.015 C156.829,231.020 153.589,222.305 147.116,214.876 C140.267,207.825 129.561,199.178 114.991,188.926 C112.501,188.667 109.576,188.542 106.215,188.542 C104.220,188.284 99.115,188.542 90.897,189.311 ZM123.444,38.676 C119.746,31.102 114.879,24.940 108.840,20.190 C102.676,15.698 95.591,13.322 87.579,13.064 C76.982,13.322 68.168,17.623 61.145,25.967 C55.221,34.699 52.387,44.456 52.642,55.236 C52.642,69.486 56.779,84.317 65.059,99.721 C69.065,106.912 74.239,113.009 80.576,118.014 C86.912,123.024 94.155,125.524 102.304,125.524 C112.598,125.140 121.176,121.417 128.040,114.354 C131.349,109.348 133.477,104.215 134.422,98.950 C134.989,93.689 135.275,89.260 135.275,85.664 C135.275,70.130 131.331,54.468 123.444,38.676 Z"/>
</svg>

はてなブックマーク

バージョン1

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300px" height="300px" viewBox="0 0 300 300">
  <defs>
    <style>
      .fill_1 {fill: #fff;}
      .fill_2 {fill: #008fde;}
      .fill_3 {fill: #00a4de;}
      .fill_4 {fill: #f9f9f9;}
    </style>
  </defs>
  <g>
    <path class="fill_3" d="M255.882,0H150H44.118C19.752,0,0,19.752,0,44.118V150v105.882 C0,280.248,19.752,300,44.118,300H150h105.882C280.248,300,300,280.248,300,255.882V150V44.118C300,19.752,280.248,0,255.882,0z"/>
    <path class="fill_2" d="M0,150v105.882C0,280.248,19.752,300,44.118,300H150h105.882 C280.248,300,300,280.248,300,255.882V150H0z"/>
    <path class="fill_1" d="M194.123,83.824h30.883v88.238h-30.883V83.824z"/>
    <path class="fill_1" d="M165.527,154.676c-5.225-5.841-12.492-9.125-21.813-9.833 c8.292-2.26,14.313-5.566,18.122-9.983c3.791-4.359,5.672-10.276,5.672-17.723c0-5.895-1.289-11.11-3.785-15.616 c-2.561-4.479-6.238-8.063-11.074-10.746c-4.229-2.327-9.256-3.968-15.116-4.936c-5.889-0.938-16.195-1.411-30.984-1.411H70.589 v131.145h37.048c14.884,0,25.617-0.521,32.18-1.518c6.557-1.031,12.059-2.766,16.512-5.145 c5.508-2.906,9.709-7.043,12.645-12.357c2.955-5.332,4.418-11.48,4.418-18.51C173.391,168.316,170.771,160.5,165.527,154.676z M103.792,113.502h7.676c8.871,0,14.831,1,17.907,2.994c3.034,2.004,4.583,5.462,4.583,10.389c0,4.74-1.647,8.079-4.905,10.037 c-3.301,1.921-9.316,2.895-18.123,2.895h-7.138V113.502z M134.24,188.707c-3.492,2.145-9.51,3.199-17.954,3.199h-12.492v-28.654 h13.032c8.671,0,14.666,1.092,17.854,3.271c3.24,2.18,4.833,6.029,4.833,11.555C139.512,183.023,137.764,186.574,134.24,188.707z"/>
    <path class="fill_4" d="M209.566,180.885c-9.75,0-17.648,7.893-17.648,17.643s7.898,17.65,17.648,17.65 c9.738,0,17.643-7.9,17.643-17.65S219.305,180.885,209.566,180.885z"/>
    <path class="fill_4" d="M159.891,150H70.589v65.572h37.048c14.884,0,25.617-0.521,32.18-1.518 c6.557-1.031,12.059-2.766,16.512-5.145c5.508-2.906,9.709-7.043,12.645-12.357c2.955-5.332,4.418-11.48,4.418-18.51 c0-9.725-2.619-17.541-7.863-23.367C163.875,152.836,161.947,151.336,159.891,150z M134.24,188.707 c-3.492,2.145-9.51,3.199-17.954,3.199h-12.492v-28.654h13.032c8.671,0,14.666,1.092,17.854,3.271 c3.24,2.18,4.833,6.029,4.833,11.555C139.512,183.023,137.764,186.574,134.24,188.707z"/>
    <path class="fill_4" d="M194.123,150h30.883v22.063h-30.883V150z"/>
  </g>
</svg>

バージョン2

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="355.004" height="300" viewBox="0 0 355.004 300">
  <defs>
    <style>
      .fill {fill: #00A4DE;}
    </style>
  </defs>
  <g>
    <path class="fill" d="M280.009,0h70v200.005h-70V0z"/>
    <path class="fill" d="M215.192,160.596c-11.844-13.239-28.314-20.683-49.443-22.288 c18.795-5.122,32.443-12.616,41.077-22.628c8.593-9.88,12.856-23.292,12.856-40.171c0-13.362-2.922-25.184-8.579-35.397 c-5.805-10.152-14.14-18.276-25.102-24.357c-9.586-5.274-20.98-8.994-34.262-11.188c-13.349-2.126-36.709-3.198-70.231-3.198H0 V298.63h83.976c33.737,0,58.064-1.182,72.94-3.441c14.863-2.337,27.334-6.27,37.428-11.662 c12.484-6.587,22.007-15.964,28.662-28.01c6.698-12.085,10.014-26.02,10.014-41.956 C233.017,191.514,227.079,173.798,215.192,160.596z M75.26,67.27h17.398c20.108,0,33.617,2.267,40.59,6.787 c6.877,4.542,10.388,12.38,10.388,23.547c0,10.745-3.733,18.313-11.118,22.751c-7.483,4.354-21.117,6.562-41.079,6.562H75.26 V67.27z M144.276,237.733c-7.916,4.862-21.557,7.251-40.696,7.251H75.265v-64.949h29.54c19.654,0,33.243,2.475,40.469,7.414 c7.343,4.942,10.955,13.665,10.955,26.191C156.226,224.85,152.263,232.899,144.276,237.733z"/>
    <path class="fill" d="M315.014,220.003c-22.101,0-40.002,17.891-40.002,39.991 c0,22.1,17.902,40.006,40.002,40.006c22.072,0,39.99-17.906,39.99-40.006C355.004,237.894,337.088,220.003,315.014,220.003z"/>
  </g>
</svg>

feedly(フィードリー)

バージョン1

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="340px" height="300px" viewBox="0 0 340 300">
  <defs>
    <style>
      .fill_1 {fill: #6cc655;}
      .fill_2 {fill: #ffffff;}
    </style>
  </defs>
  <g>
    <path class="fill_1" d="M196.340,10.864 C181.819,-3.646 158.060,-3.646 143.539,10.864 C143.539,10.864 10.873,143.427 10.873,143.427 C-3.650,157.937 -3.650,181.684 10.873,196.191 C10.873,196.191 105.540,290.789 105.540,290.789 C112.132,296.523 120.749,300.002 130.178,300.002 C130.178,300.002 209.708,300.002 209.708,300.002 C220.069,300.002 229.452,295.801 236.241,289.021 C236.241,289.021 329.077,196.263 329.077,196.263 C343.598,181.748 343.598,158.001 329.077,143.494 C329.077,143.494 196.340,10.864 196.340,10.864 Z"/>
    <path class="fill_2" d="M192.644,252.985 C192.644,252.985 179.402,266.216 179.402,266.216 C178.431,267.187 177.093,267.787 175.614,267.787 C175.614,267.787 164.270,267.787 164.270,267.787 C162.919,267.787 161.695,267.290 160.752,266.470 C160.752,266.470 147.246,252.973 147.246,252.973 C145.177,250.911 145.177,247.518 147.246,245.452 C147.246,245.452 166.171,226.535 166.171,226.535 C168.245,224.462 171.641,224.462 173.703,226.535 C173.703,226.535 192.644,245.456 192.644,245.456 C194.718,247.522 194.718,250.918 192.644,252.985 ZM192.644,173.639 C192.644,173.639 139.694,226.547 139.694,226.547 C138.726,227.518 137.389,228.107 135.914,228.107 C135.914,228.107 124.565,228.107 124.565,228.107 C123.218,228.107 121.987,227.621 121.047,226.800 C121.047,226.800 107.542,213.308 107.542,213.308 C105.472,211.233 105.472,207.848 107.542,205.775 C107.542,205.775 166.171,147.186 166.171,147.186 C168.245,145.122 171.641,145.122 173.710,147.186 C173.710,147.186 192.644,166.125 192.644,166.125 C194.718,168.183 194.718,171.564 192.644,173.639 ZM192.644,94.292 C192.644,94.292 99.994,186.870 99.994,186.870 C99.023,187.840 97.681,188.437 96.205,188.437 C96.205,188.437 84.861,188.437 84.861,188.437 C83.518,188.437 82.288,187.943 81.349,187.123 C81.349,187.123 67.837,173.626 67.837,173.626 C65.768,171.564 65.768,168.171 67.837,166.110 C67.837,166.110 166.171,67.843 166.171,67.843 C168.245,65.776 171.633,65.776 173.703,67.843 C173.703,67.843 192.644,86.767 192.644,86.767 C194.718,88.838 194.718,92.226 192.644,94.292 Z"/>
  </g>
</svg>

バージョン2(透過)

3本の白い棒が透過になっているバージョン。

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="340px" height="300px" viewBox="0 0 340 300">
  <defs>
    <style>
      .fill {fill: #6cc655;}
    </style>
  </defs>
  <path class="fill" d="M329.077,196.263 C329.077,196.263 236.241,289.021 236.241,289.021 C229.452,295.801 220.069,300.002 209.708,300.002 C209.708,300.002 130.178,300.002 130.178,300.002 C120.749,300.002 112.132,296.522 105.540,290.789 C105.540,290.789 10.873,196.191 10.873,196.191 C-3.650,181.684 -3.650,157.937 10.873,143.427 C10.873,143.427 143.539,10.864 143.539,10.864 C158.060,-3.646 181.819,-3.646 196.340,10.864 C196.340,10.864 329.077,143.494 329.077,143.494 C343.598,158.001 343.598,181.748 329.077,196.263 ZM192.644,86.766 C192.644,86.766 173.703,67.843 173.703,67.843 C171.633,65.776 168.245,65.776 166.171,67.843 C166.171,67.843 67.837,166.110 67.837,166.110 C65.768,168.171 65.768,171.564 67.837,173.626 C67.837,173.626 81.349,187.123 81.349,187.123 C82.288,187.943 83.518,188.437 84.861,188.437 C84.861,188.437 96.205,188.437 96.205,188.437 C97.681,188.437 99.023,187.840 99.994,186.870 C99.994,186.870 192.644,94.292 192.644,94.292 C194.718,92.226 194.718,88.838 192.644,86.766 ZM192.644,166.124 C192.644,166.124 173.710,147.186 173.710,147.186 C171.641,145.122 168.245,145.122 166.171,147.186 C166.171,147.186 107.542,205.775 107.542,205.775 C105.472,207.848 105.472,211.233 107.542,213.308 C107.542,213.308 121.047,226.800 121.047,226.800 C121.987,227.621 123.218,228.107 124.565,228.107 C124.565,228.107 135.914,228.107 135.914,228.107 C137.389,228.107 138.726,227.518 139.694,226.547 C139.694,226.547 192.644,173.639 192.644,173.639 C194.718,171.564 194.718,168.183 192.644,166.124 ZM192.644,245.456 C192.644,245.456 173.703,226.535 173.703,226.535 C171.641,224.462 168.245,224.462 166.171,226.535 C166.171,226.535 147.246,245.452 147.246,245.452 C145.177,247.518 145.177,250.911 147.246,252.973 C147.246,252.973 160.752,266.470 160.752,266.470 C161.695,267.290 162.919,267.787 164.270,267.787 C164.270,267.787 175.614,267.787 175.614,267.787 C177.093,267.787 178.431,267.187 179.402,266.216 C179.402,266.216 192.644,252.985 192.644,252.985 C194.718,250.918 194.718,247.522 192.644,245.456 Z"/>
</svg>

LINE(ライン)

バージョン1

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300px" height="300px" viewBox="0 0 300 300">
  <defs>
    <style>
      .fill_1 {fill: #00C300;}
      .fill_2 {fill: #fff;}
    </style>
  </defs>
  <g>
    <path class="fill_1" d="M245.741,0L54.679,0C24.677-0.042,0.043,24.249,0,54.257v191.057 c-0.042,30.01,24.255,54.645,54.258,54.686H245.32c30.01,0.042,54.637-24.249,54.68-54.265l-0.001-191.06 C300.041,24.671,275.749,0.041,245.741,0z"/>
    <path class="fill_2" d="M259.877,136.778c0-48.99-49.115-88.846-109.482-88.846 c-60.365,0-109.482,39.856-109.482,88.846c0,43.917,38.949,80.702,91.563,87.659c3.563,0.769,8.416,2.354,9.644,5.4 c1.104,2.766,0.724,7.1,0.354,9.896c0,0-1.279,7.727-1.562,9.375c-0.476,2.767-2.201,10.823,9.483,5.901 c11.686-4.922,63.047-37.127,86.016-63.568h-0.005C252.273,174.045,259.877,156.385,259.877,136.778z M107.537,165.925H85.785 c-3.164,0-5.74-2.575-5.74-5.744v-43.505c0-3.166,2.576-5.741,5.74-5.741c3.166,0,5.739,2.576,5.739,5.741v37.764h16.013 c3.169,0,5.741,2.576,5.741,5.742C113.277,163.35,110.706,165.925,107.537,165.925z M130.037,160.182 c0,3.168-2.575,5.744-5.737,5.744c-3.164,0-5.739-2.575-5.739-5.744v-43.505c0-3.166,2.575-5.741,5.739-5.741 c3.162,0,5.737,2.576,5.737,5.741V160.182z M182.402,160.182c0,2.479-1.573,4.667-3.924,5.446 c-0.591,0.198-1.207,0.298-1.824,0.298c-1.791,0-3.505-0.858-4.587-2.298l-22.293-30.359v26.914 c0,3.168-2.573,5.744-5.741,5.744c-3.166,0-5.742-2.575-5.742-5.744v-43.505c0-2.474,1.579-4.662,3.924-5.445 c0.591-0.199,1.206-0.296,1.823-0.296c1.791,0,3.509,0.856,4.584,2.295l22.3,30.362v-26.917c0-3.166,2.578-5.741,5.74-5.741 c3.167,0,5.739,2.576,5.739,5.741V160.182z M217.602,132.688c3.169,0,5.742,2.576,5.742,5.743c0,3.163-2.573,5.739-5.742,5.739 h-16.008v10.27h16.008c3.164,0,5.742,2.576,5.742,5.742c0,3.168-2.578,5.744-5.742,5.744h-21.754c-3.16,0-5.74-2.575-5.74-5.744 v-21.738c0-0.007,0-0.007,0-0.013v-21.755c0-3.166,2.575-5.741,5.74-5.741h21.754c3.169,0,5.742,2.576,5.742,5.741 c0,3.166-2.573,5.741-5.742,5.741h-16.008v10.271H217.602z"/>
  </g>
</svg>

バージョン2

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="315px" height="300px" viewBox="0 0 315 300">
  <defs>
    <style>
      .fill_1 {fill: #00c300;}
      .fill_2 {fill: #ffffff;}
    </style>
  </defs>
  <g>
    <path class="fill_1" d="M280.344,206.351 C280.344,206.351 280.354,206.351 280.354,206.351 C247.419,244.375 173.764,290.686 157.006,297.764 C140.251,304.844 142.724,293.258 143.409,289.286 C143.809,286.909 145.648,275.795 145.648,275.795 C146.179,271.773 146.725,265.543 145.139,261.573 C143.374,257.197 136.418,254.902 131.307,253.804 C55.860,243.805 0.004,190.897 0.004,127.748 C0.004,57.307 70.443,-0.006 157.006,-0.006 C243.579,-0.006 314.004,57.307 314.004,127.748 C314.004,155.946 303.108,181.342 280.344,206.351 Z"/>
    <path class="fill_2" d="M253.185,121.872 C257.722,121.872 261.408,125.569 261.408,130.129 C261.408,134.674 257.722,138.381 253.185,138.381
C253.185,138.381 230.249,138.381 230.249,138.381 C230.249,138.381 230.249,153.146 230.249,153.146 C230.249,153.146 253.185,153.146 253.185,153.146 C257.710,153.146 261.408,156.851 261.408,161.398 C261.408,165.960 257.710,169.660 253.185,169.660 C253.185,169.660 222.018,169.660 222.018,169.660 C217.491,169.660 213.795,165.960 213.795,161.398 C213.795,161.398 213.795,130.149 213.795,130.149 C213.795,130.139 213.795,130.139 213.795,130.129 C213.795,130.129 213.795,130.114 213.795,130.109 C213.795,130.109 213.795,98.878 213.795,98.878 C213.795,98.858 213.795,98.850 213.795,98.841 C213.795,94.296 217.486,90.583 222.018,90.583 C222.018,90.583 253.185,90.583 253.185,90.583 C257.722,90.583 261.408,94.296 261.408,98.841 C261.408,103.398 257.722,107.103 253.185,107.103 C253.185,107.103 230.249,107.103 230.249,107.103 C230.249,107.103 230.249,121.872 230.249,121.872 C230.249,121.872 253.185,121.872 253.185,121.872 ZM202.759,161.398 C202.759,164.966 200.503,168.114 197.135,169.236 C196.291,169.521 195.405,169.660 194.526,169.660 C191.956,169.660 189.502,168.431 187.956,166.354 C187.956,166.354 156.012,122.705 156.012,122.705 C156.012,122.705 156.012,161.398 156.012,161.398 C156.012,165.960 152.329,169.660 147.791,169.660 C143.256,169.660 139.565,165.960 139.565,161.398 C139.565,161.398 139.565,98.841 139.565,98.841 C139.565,95.287 141.829,92.142 145.192,91.010 C146.036,90.730 146.915,90.583 147.799,90.583 C150.364,90.583 152.828,91.818 154.366,93.894 C154.366,93.894 186.310,137.559 186.310,137.559 C186.310,137.559 186.310,98.841 186.310,98.841 C186.310,94.296 190.000,90.583 194.536,90.583 C199.073,90.583 202.759,94.296 202.759,98.841 C202.759,98.841 202.759,161.398 202.759,161.398 ZM127.737,161.398 C127.737,165.960 124.051,169.660 119.519,169.660 C114.986,169.660 111.300,165.960 111.300,161.398 C111.300,161.398 111.300,98.841 111.300,98.841 C111.300,94.296 114.986,90.583 119.519,90.583 C124.051,90.583 127.737,94.296 127.737,98.841 C127.737,98.841 127.737,161.398 127.737,161.398 ZM95.507,169.660 C95.507,169.660 64.343,169.660 64.343,169.660 C59.816,169.660 56.127,165.960 56.127,161.398 C56.127,161.398 56.127,98.841 56.127,98.841 C56.127,94.296 59.816,90.583 64.343,90.583 C68.881,90.583 72.564,94.296 72.564,98.841 C72.564,98.841 72.564,153.146 72.564,153.146 C72.564,153.146 95.507,153.146 95.507,153.146 C100.047,153.146 103.728,156.851 103.728,161.398 C103.728,165.960 100.047,169.660 95.507,169.660 Z"/>
  </g>
</svg>

バージョン3(透過)

LINEの文字が透過になっているバージョン。

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="315px" height="300px" viewBox="0 0 315 300">
  <defs>
    <style>
      .fill {fill: #00c300;}
    </style>
  </defs>
  <path class="fill" d="M280.344,206.351 C280.344,206.351 280.354,206.351 280.354,206.351 C247.419,244.375 173.764,290.686 157.006,297.764 
C140.251,304.844 142.724,293.258 143.409,289.286 C143.809,286.909 145.648,275.795 145.648,275.795 C146.179,271.773 146.725,265.543 145.139,261.573 C143.374,257.197 136.418,254.902 131.307,253.804 C55.860,243.805 0.004,190.897 0.004,127.748 C0.004,57.307 70.443,-0.006 157.006,-0.006 C243.579,-0.006 314.004,57.307 314.004,127.748 C314.004,155.946 303.108,181.342 280.344,206.351 ZM95.547,153.146 C95.547,153.146 72.581,153.146 72.581,153.146 C72.581,153.146 72.581,98.841 72.581,98.841 C72.581,94.296 68.894,90.583 64.352,90.583 C59.819,90.583 56.127,94.296 56.127,98.841 C56.127,98.841 56.127,161.398 56.127,161.398 C56.127,165.960 59.819,169.660 64.352,169.660 C64.352,169.660 95.547,169.660 95.547,169.660 C100.092,169.660 103.777,165.960 103.777,161.398 C103.777,156.851 100.092,153.146 95.547,153.146 ZM127.810,98.841 C127.810,94.296 124.120,90.583 119.583,90.583 C115.046,90.583 111.356,94.296 111.356,98.841 C111.356,98.841 111.356,161.398 111.356,161.398 C111.356,165.960 115.046,169.660 119.583,169.660 C124.120,169.660 127.810,165.960 127.810,161.398 C127.810,161.398 127.810,98.841 127.810,98.841 ZM202.908,98.841 C202.908,94.296 199.219,90.583 194.676,90.583 C190.137,90.583 186.442,94.296 186.442,98.841 C186.442,98.841 186.442,137.559 186.442,137.559 C186.442,137.559 154.466,93.894 154.466,93.894 C152.926,91.818 150.460,90.583 147.892,90.583 C147.007,90.583 146.127,90.730 145.282,91.010 C141.916,92.142 139.650,95.287 139.650,98.841 C139.650,98.841 139.650,161.398 139.650,161.398 C139.650,165.960 143.345,169.660 147.885,169.660 C152.427,169.660 156.114,165.960 156.114,161.398 C156.114,161.398 156.114,122.705 156.114,122.705 C156.114,122.705 188.090,166.354 188.090,166.354 C189.637,168.431 192.094,169.660 194.667,169.660 C195.546,169.660 196.434,169.521 197.279,169.236 C200.650,168.114 202.908,164.966 202.908,161.398 C202.908,161.398 202.908,98.841 202.908,98.841 ZM253.385,138.381 C257.927,138.381 261.617,134.674 261.617,130.129 C261.617,125.569 257.927,121.872 253.385,121.872 C253.385,121.872 230.426,121.872 230.426,121.872 C230.426,121.872 230.426,107.103 230.426,107.103 C230.426,107.103 253.385,107.103 253.385,107.103 C257.927,107.103 261.617,103.398 261.617,98.841 C261.617,94.296 257.927,90.583 253.385,90.583 C253.385,90.583 222.187,90.583 222.187,90.583 C217.650,90.583 213.955,94.296 213.955,98.841 C213.955,98.850 213.955,98.858 213.955,98.878 C213.955,98.878 213.955,130.109 213.955,130.109 C213.955,130.114 213.955,130.129 213.955,130.129 C213.955,130.139 213.955,130.139 213.955,130.149 C213.955,130.149 213.955,161.398 213.955,161.398 C213.955,165.960 217.655,169.660 222.187,169.660 C222.187,169.660 253.385,169.660 253.385,169.660 C257.915,169.660 261.617,165.960 261.617,161.398 C261.617,156.851 257.915,153.146 253.385,153.146 C253.385,153.146 230.426,153.146 230.426,153.146 C230.426,153.146 230.426,138.381 230.426,138.381 C230.426,138.381 253.385,138.381 253.385,138.381 Z"/>
</svg>

上記全てをまとめたものは以下からダウンロードできます。

SNSアイコン ダウンロード

注意事項

基本的にアイコンやロゴは改変が認められていません。SVGにすることが改変にあたるのかどうか分からないですが、使用されて何か問題があっても、責任はとれませんので、ご使用は自己責任でお願いします。

また、各SNSのガイドラインも併せてご覧ください。

ABOUT

it's me

長野県北部を拠点にフリーランスとして活動しています。
Webサイトの制作をメインに、グラフィックデザインなどの制作を承っています。Twittermore

PAGE TOP