mixiのロゴのsvgを小さくする

![スクリーンショット 2020-04-18 15.35.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/13740/d73c5d9e-527b-3054-b2fc-a1ce4a4d9364.png)

数年ぶりにアクセスした[mixi](https://mixi.jp/)。ロゴ画像が今どきらしくsvgデータになっていたので小さくしてみました。

svgoだけでは表示に関与してないmaskまわりのデータは消えないのでそれを手動で削除したり、useタグ使ってiやxを表現してみました。

```xml:元データ（7,561バイト）
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="42px" height="18px" viewBox="0 0 42 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
    <title>logo_mixi001</title>
    <desc>Created with Sketch.</desc>
    <defs>
        <polygon id="path-1" points="2.54728037 3.24191842 2.54728037 0.116636124 0.0602915888 0.116636124 0.0602915888 3.24191842 2.54728037 3.24191842"></polygon>
        <polygon id="path-3" points="0.128060748 11.4330144 2.18978972 11.4330144 2.18978972 0.159306459 0.128060748 0.159306459 0.128060748 11.4330144"></polygon>
        <polygon id="path-5" points="0.0768757009 11.4330144 2.14115607 11.4330144 2.14115607 0.159306459 0.0768757009 0.159306459"></polygon>
    </defs>
    <g id="svg" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Desktop-HD" transform="translate(-124.000000, -65.000000)">
            <g id="logotype" transform="translate(124.000000, 66.000000)">
                <path d="M21.9628794,3.12396459 C21.140543,3.12396459 20.7193654,2.41259856 20.7193654,1.55977321 C20.7193654,0.704622488 21.140543,3.8755981e-05 21.9628794,3.8755981e-05 C22.7846271,3.8755981e-05 23.2061972,0.704622488 23.2061972,1.55977321 C23.2061972,2.41259856 22.7846271,3.12396459 21.9628794,3.12396459" id="Fill-1" fill="#B7B7B9"></path>
                <g id="Group-5" transform="translate(39.448598, 0.026160)">
                    <mask id="mask-2" fill="white">
                        <use xlink:href="#path-1"></use>
                    </mask>
                    <g id="Clip-4"></g>
                    <path d="M1.3053757,3.24191842 C0.481861682,3.24191842 0.0602915888,2.53055239 0.0602915888,1.67733947 C0.0602915888,0.822382536 0.481861682,0.116636124 1.3053757,0.116636124 C2.12908598,0.116636124 2.54731963,0.822382536 2.54731963,1.67733947 C2.54731963,2.53055239 2.12908598,3.24191842 1.3053757,3.24191842" id="Fill-3" fill="#C6A265" mask="url(#mask-2)"></path>
                </g>
                <path d="M13.481843,5.40219617 C11.7461047,5.40219617 10.1516748,6.37497129 9.35544112,7.62601435 C8.81591776,6.23583732 7.68957196,5.40219617 5.86080561,5.40219617 C4.14979626,5.40219617 2.81286168,6.32865789 2.04017944,7.5793134 L2.04017944,5.68821531 C2.04017944,5.64577751 2.00387103,5.61128469 1.96245981,5.61128469 L0.0775626168,5.61128469 C0.0347775701,5.61128469 3.92523362e-05,5.64577751 3.92523362e-05,5.68821531 L3.92523362e-05,16.8086627 C3.92523362e-05,16.8511005 0.0347775701,16.885012 0.0775626168,16.885012 L2.00818879,16.885012 C2.05117009,16.885012 2.08531963,16.8511005 2.08531963,16.8086627 L2.08531963,10.9127153 C2.08531963,8.66719378 3.61066542,7.25492584 5.22786168,7.25492584 C6.91610467,7.25492584 7.5961514,8.13313636 7.5961514,9.80119378 L7.5961514,16.8086627 C7.5961514,16.8511005 7.63206729,16.885012 7.67367477,16.885012 L9.60488972,16.885012 C9.64787103,16.885012 9.68319813,16.8511005 9.68319813,16.8086627 L9.68319813,10.8894617 C9.68319813,8.64297129 11.231114,7.25492584 12.8485065,7.25492584 C14.536357,7.25492584 15.1936374,8.13313636 15.1936374,9.80119378 L15.1936374,16.8086627 C15.1936374,16.8511005 15.2275907,16.885012 15.2707682,16.885012 L17.2023757,16.885012 C17.244572,16.885012 17.2802916,16.8511005 17.2802916,16.8086627 L17.2802916,9.57001435 C17.2802916,7.06909091 16.0609178,5.40219617 13.481843,5.40219617" id="Fill-6" fill="#505051"></path>
                <g id="Group-10" transform="translate(20.803738, 5.451998)">
                    <mask id="mask-4" fill="white">
                        <use xlink:href="#path-3"></use>
                    </mask>
                    <g id="Clip-9"></g>
                    <path d="M2.11207009,0.159306459 L0.204799065,0.159306459 C0.162995327,0.159306459 0.128060748,0.193799282 0.128060748,0.236237081 L0.128060748,11.3566844 C0.128060748,11.3991222 0.162995327,11.4330337 0.204799065,11.4330337 L2.11207009,11.4330337 C2.1566215,11.4330337 2.18978972,11.3991222 2.18978972,11.3566844 L2.18978972,0.236237081 C2.18978972,0.193799282 2.1566215,0.159306459 2.11207009,0.159306459" id="Fill-8" fill="#505051" mask="url(#mask-4)"></path>
                </g>
                <g id="Group-13" transform="translate(39.644860, 5.451998)">
                    <mask id="mask-6" fill="white">
                        <use xlink:href="#path-5"></use>
                    </mask>
                    <g id="Clip-12"></g>
                    <path d="M2.06147383,0.159306459 L0.154006542,0.159306459 C0.111614019,0.159306459 0.0768757009,0.193799282 0.0768757009,0.236237081 L0.0768757009,11.3566844 C0.0768757009,11.3991222 0.111614019,11.4330337 0.154006542,11.4330337 L2.06147383,11.4330337 C2.10504393,11.4330337 2.14115607,11.3991222 2.14115607,11.3566844 L2.14115607,0.236237081 C2.14115607,0.193799282 2.10504393,0.159306459 2.06147383,0.159306459" id="Fill-11" fill="#505051" mask="url(#mask-6)"></path>
                </g>
                <path d="M36.6100458,16.7830837 C36.6082794,16.7794019 36.605728,16.7741699 36.6043542,16.7683565 C36.601214,16.7662249 36.601214,16.765256 36.5978776,16.7619617 L32.4216252,11.1669545 L36.4809056,5.73239713 L36.4809056,5.73162201 C36.5062234,5.69712919 36.4997467,5.65023445 36.4640271,5.6246555 C36.450485,5.61361005 36.4345879,5.61128469 36.4192794,5.61128469 L34.4083822,5.61128469 C34.3846346,5.61128469 34.3597093,5.62097368 34.3442047,5.64209569 L31.3435598,9.73143301 L28.3660738,5.64209569 C28.3501766,5.62097368 28.3276065,5.61128469 28.3022888,5.61128469 L26.2696065,5.61128469 C26.2529243,5.61128469 26.2374196,5.61361005 26.2228963,5.6246555 C26.1891393,5.65023445 26.1803075,5.69712919 26.2068028,5.73162201 L26.2073916,5.73162201 L26.2068028,5.73239713 L30.2645131,11.1669545 L26.0874757,16.7619617 C26.0874757,16.765256 26.0870832,16.7662249 26.0841393,16.7683565 C26.0817841,16.7741699 26.0786439,16.7786268 26.0774664,16.7830837 C26.0766813,16.788122 26.074915,16.7937416 26.0741299,16.7993612 L26.0741299,16.8127321 C26.0741299,16.8193206 26.074915,16.8247464 26.0766813,16.828622 C26.0774664,16.8336603 26.080214,16.8390861 26.0825692,16.8429617 C26.0841393,16.8472249 26.0870832,16.8511005 26.0882607,16.8551699 C26.0931673,16.8592392 26.0970925,16.8629211 26.1016065,16.8671842 C26.105728,16.8697033 26.1078869,16.8718349 26.1141673,16.875323 C26.1177,16.8776483 26.1247654,16.8803612 26.1281019,16.8815239 C26.1337935,16.8846244 26.1373262,16.8846244 26.1434103,16.885012 L26.1522421,16.885012 L28.1631393,16.885012 C28.1859056,16.885012 28.2096533,16.875323 28.2245692,16.8534258 L31.3435598,12.6956842 L34.4388028,16.8534258 C34.4531299,16.875323 34.4776626,16.885012 34.5018028,16.885012 L36.5350738,16.885012 L36.5452794,16.885012 C36.5499897,16.8846244 36.5548963,16.8846244 36.559214,16.8815239 C36.5660832,16.8803612 36.5690271,16.8776483 36.5745224,16.875323 C36.5782514,16.8718349 36.5833542,16.8697033 36.5866907,16.8671842 C36.5906159,16.8629211 36.5947374,16.8592392 36.5978776,16.8551699 C36.601214,16.8511005 36.6043542,16.8472249 36.605728,16.8429617 C36.6082794,16.8390861 36.6092607,16.8336603 36.6100458,16.828622 C36.6120084,16.8247464 36.6143636,16.8193206 36.6143636,16.813701 C36.6155411,16.8086627 36.6143636,16.8051746 36.6143636,16.7993612 C36.6120084,16.7937416 36.6108308,16.788122 36.6100458,16.7830837" id="Fill-14" fill="#505051"></path>
            </g>
            <g id="slice" transform="translate(78.000000, 65.000000)"></g>
        </g>
    </g>
</svg>
```

```xml:小さくしたデータ（1,388バイト）
<svg width="42" height="18" viewBox="0 0 42 18" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

    <!-- 一つめのiの点 -->
    <g fill="#B7B7B9">
        <path id="a" d="M21.963 4.124c-.822 0-1.244-.711-1.244-1.564 0-.855.422-1.56 1.244-1.56.822 0 1.243.705 1.243 1.56 0 .853-.421 1.564-1.243 1.564"/>
    </g>

    <!-- 二つめのiの点 -->
    <use xlink:href="#a" fill="#C6A265" x="18.79" y=".143"/>

    <g fill="#505051">

        <!-- m -->
        <path d="M13.482 6.402c-1.736 0-3.33.973-4.127 2.224-.54-1.39-1.665-2.224-3.494-2.224-1.711 0-3.048.927-3.82 2.177V6.69a.078.078 0 0 0-.079-.078H.078A.077.077 0 0 0 0 6.688v11.12c0 .043.035.077.078.077h1.93a.076.076 0 0 0 .077-.076v-5.896c0-2.246 1.526-3.658 3.143-3.658 1.688 0 2.368.878 2.368 2.546v7.008c0 .042.036.076.078.076h1.93a.077.077 0 0 0 .08-.076v-5.92c0-2.246 1.547-3.634 3.165-3.634 1.687 0 2.345.878 2.345 2.546v7.008c0 .042.034.076.077.076h1.931a.078.078 0 0 0 .078-.076V10.57c0-2.5-1.22-4.168-3.798-4.168"/>

        <!-- 一つめのiの棒 -->
        <path id="b" d="M22.916 6.612h-1.907a.077.077 0 0 0-.077.076v11.12c0 .043.035.077.077.077h1.907a.076.076 0 0 0 .078-.076V6.689a.076.076 0 0 0-.078-.078"/>

        <!-- 二つめのiの棒 -->
        <use xlink:href="#b" x="18.796"/>

        <!-- x 斜線のパスを反転して重ねてxを作る -->
        <path id="x" d="M32.446 12.169l-1.081-1.439-2.985-4.1a.076.076 0 0 0-.064-.03h-2.038c-.081 0-.093.082-.063.121l4.068 5.448 1.082 1.533 3.102 4.167a.071.071 0 0 0 .063.031h2.049c.037.001.099-.064.053-.122"/>
        <use xlink:href="#x" transform="matrix(-1 0 0 1 62.7 0)"/>

    </g>
</svg>
```