Skip to content

SVGアニメーション

Last updated on 2019/9/11

SVGをCSSで操作してみた。起動画面のような箇所で使えそうですね。

デモ

See the Pen SVGアニメーション by Kazunari Hirosawa (@kazunari-h) on CodePen.dark

ソースコード

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        p {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            margin: 0;
            padding: 0;
        }

        path {
            fill: none;
            stroke: #333333;
            stroke-dasharray: 2000;
            stroke-dashoffset: 0;
            stroke-width: 1;
            animation: logo 3s ease-in forwards;
        }

        @keyframes logo {
            0% {
                stroke-dashoffset: 2000;
                fill: transparent;
            }

            20% {
                fill: transparent;
            }

            100% {
                stroke-dashoffset: 0;
                fill: #333333;
            }
        }
    </style>

</head>

<body>
    <p>
        <svg width="423px" height="74px" viewBox="0 0 423 74" version="1.1" xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink">
            <title>ShibuyaCity</title>
            <desc>Created with Sketch.</desc>
            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                <path
                    d="M33.984,48.048 C33.984,51.7920187 32.7960119,55.067986 30.42,57.876 C28.0439881,60.684014 25.1040175,62.088 21.6,62.088 C14.5439647,62.088 9.36001656,58.7280336 6.048,52.008 C2.447982,49.6559882 0.648,47.6640082 0.648,46.032 C0.648,45.2159959 1.15199496,44.5440026 2.16,44.016 C4.12800984,42.9599947 5.92799184,42.432 7.56,42.432 C11.1120178,42.432 13.487994,44.5439789 14.688,48.768 C15.2640029,49.9200058 15.8639969,51.0719942 16.488,52.224 C17.1120031,53.3760058 17.9519947,53.952 19.008,53.952 C21.8400142,53.952 23.256,51.9360202 23.256,47.904 C23.256,44.303982 22.6080065,41.8800062 21.312,40.632 C20.7359971,40.1039974 18.4320202,39.0000084 14.4,37.32 C11.1839839,35.9759933 8.59200984,33.6720163 6.624,30.408 C4.84799112,27.4319851 3.93600024,24.3360161 3.888,21.12 C3.83999976,15.9359741 5.1359868,11.3280202 7.776,7.296 C10.5600139,2.9759784 14.0159794,0.816 18.144,0.816 C22.944024,0.816 26.447989,2.7359808 28.656,6.576 C30.0960072,8.976012 30.911999,11.9519822 31.104,15.504 C31.6320026,17.3280091 31.896,18.9839926 31.896,20.472 C31.896,21.4320048 31.7760012,22.2239969 31.536,22.848 C30.8159964,24.6240089 29.4000106,25.512 27.288,25.512 C25.7039921,25.512 24.2640065,24.9360058 22.968,23.784 C21.5279928,22.5359938 20.6400017,20.7840113 20.304,18.528 C20.1599993,17.7599962 20.3159977,16.9920038 20.772,16.224 C21.2280023,15.4559962 21.456,15.0240005 21.456,14.928 C21.456,14.8319995 21.4080005,14.7360005 21.312,14.64 C21.3600002,14.3999988 21.384,14.1600012 21.384,13.92 C21.384,12.4799928 20.5440084,11.8079995 18.864,11.904 C17.2319918,12.0000005 15.9600046,13.0799897 15.048,15.144 C14.2319959,16.9200089 13.8719995,18.9599885 13.968,21.264 C14.1120007,25.3440204 16.7999738,28.6079878 22.032,31.056 C26.1600206,32.9760096 29.0159921,34.8719906 30.6,36.744 C32.8560113,39.4320134 33.984,43.1999758 33.984,48.048 Z M73.5439989,53.952 C73.8320003,55.152006 73.9759989,55.9199983 73.9759989,56.256 C73.9759989,57.264005 73.3880047,58.0919968 72.2119989,58.74 C71.035993,59.3880032 69.7760056,59.712 68.4319989,59.712 C66.3679885,59.712 65.0480017,58.9440077 64.4719989,57.408 C64.2319977,56.7839969 64.1119989,56.2560022 64.1119989,55.824 C64.1119989,55.1999969 64.3879961,54.5280036 64.9399989,53.808 C65.4920016,53.0879964 65.7679989,52.4160031 65.7679989,51.792 C66.3440017,49.2959875 66.6319989,45.6960235 66.6319989,40.992 C66.6319989,32.8319592 66.0560046,28.656001 64.9039989,28.464 C64.0399945,28.3199993 62.6480085,29.6879856 60.7279989,32.568 C58.7119888,35.5920151 57.0320056,38.9759813 55.6879989,42.72 C54.1039909,47.1360221 53.4319977,51.0239832 53.6719989,54.384 C53.5279981,54.6720014 53.4559989,54.9599986 53.4559989,55.248 C53.4559989,55.6800022 53.6479969,56.291996 54.0319989,57.084 C54.4160008,57.876004 54.6079989,58.5119976 54.6079989,58.992 C54.6079989,59.4720024 54.4400005,59.9279978 54.1039989,60.36 C52.8079924,62.2320094 51.5120053,63.168 50.2159989,63.168 C48.8719921,63.168 47.5760051,62.1120106 46.3279989,60 C45.6079953,58.7519938 45.2479989,51.5760655 45.2479989,38.472 C45.2479989,33.671976 45.3679977,22.7520852 45.6079989,5.712 C45.6079989,5.42399856 45.5839991,4.980003 45.5359989,4.38 C45.4879986,3.779997 45.4639989,3.31200168 45.4639989,2.976 C45.5119991,2.4959976 45.6559977,2.06400192 45.8959989,1.68 C46.4240015,0.67199496 47.5519902,0.168 49.2799989,0.168 C50.8160065,0.168 52.2199925,0.57599592 53.4919989,1.392 C54.7640052,2.20800408 55.2560003,3.168 54.9679989,4.272 C54.9199986,4.56000144 54.6920009,4.89599808 54.2839989,5.28 C53.8759968,5.66400192 53.6719989,6.04799808 53.6719989,6.432 L53.6719989,29.616 C56.4080125,23.4719693 60.4399722,20.2080019 65.7679989,19.824 C68.6480133,19.631999 70.9519902,21.7919774 72.6799989,26.304 C74.2640068,30.4320206 75.0559989,35.49597 75.0559989,41.496 C75.0559989,46.104023 74.5520039,50.2559815 73.5439989,53.952 Z M95.6079977,6 C95.7519984,6.14400072 95.8239977,6.38399832 95.8239977,6.72 C95.8239977,7.15200216 95.6799992,7.89599472 95.3919977,8.952 C95.055996,10.2480065 94.8399982,11.1359976 94.7439977,11.616 C94.6479972,12.0960024 94.6959968,13.1519918 94.8879977,14.784 C94.8879977,15.792005 94.5880007,16.4519984 93.9879977,16.764 C93.3879947,17.0760016 92.6320023,17.232 91.7199977,17.232 C90.4239912,17.232 89.1040044,16.9680026 87.7599977,16.44 C86.1279896,15.7679966 85.3119977,14.8800055 85.3119977,13.776 C85.3119977,13.4399983 85.4559963,12.972003 85.7439977,12.372 C86.0319992,11.771997 86.1999975,11.2800019 86.2479977,10.896 C86.3439982,10.5119981 86.3439982,9.55200768 86.2479977,8.016 C86.1519972,6.815994 86.3919948,6.00000216 86.9679977,5.568 C87.7360016,4.99199712 89.1039879,4.704 91.0719977,4.704 C93.2320085,4.704 94.7439934,5.13599568 95.6079977,6 Z M96.5439977,23.568 C96.5439977,24.2400034 96.1720014,25.2839929 95.4279977,26.7 C94.683994,28.1160071 94.3119977,29.2799954 94.3119977,30.192 L94.3119977,51.36 C94.3119977,52.3200048 94.5759951,53.6759912 95.1039977,55.428 C95.6320004,57.1800088 95.8959977,58.3919966 95.8959977,59.064 C95.8959977,60.0240048 95.5120016,60.7439976 94.7439977,61.224 C93.5439917,61.9920038 92.2480047,62.376 90.8559977,62.376 C89.0319886,62.376 87.7360016,61.7520062 86.9679977,60.504 C85.9599927,58.968 85.4559977,54.3840382 85.4559977,46.752 C85.4559977,44.9279909 85.4919974,42.0840193 85.5639977,38.22 C85.6359981,34.3559807 85.6719977,31.5360089 85.6719977,29.76 C85.6719977,29.0879966 85.5999984,28.2120054 85.4559977,27.132 C85.311997,26.0519946 85.2399977,25.2720024 85.2399977,24.792 C85.2399977,23.2079921 85.815992,21.8400058 86.9679977,20.688 C87.4480001,20.2079976 88.3359912,19.968 89.6319977,19.968 C90.9280042,19.968 92.2239912,20.171998 93.5199977,20.58 C94.8160042,20.988002 95.6439959,21.4559974 96.0039977,21.984 C96.3639995,22.5120026 96.5439977,23.0399974 96.5439977,23.568 Z M135.095997,40.56 C135.095997,46.0800276 134.400004,50.5679827 133.007997,54.024 C131.183987,58.5360226 128.280016,60.792 124.295997,60.792 C121.319982,60.792 118.728008,59.2320156 116.519997,56.112 C116.567997,56.4960019 116.711995,57.0479964 116.951997,57.768 C117.191998,58.4880036 117.311997,59.0159983 117.311997,59.352 C117.311997,59.7840022 117.191998,60.1199988 116.951997,60.36 C116.327993,61.1280038 115.080006,61.512 113.207997,61.512 C110.231982,61.512 108.455999,60.8640065 107.879997,59.568 C107.687996,59.1359978 107.591997,58.7280019 107.591997,58.344 C107.591997,57.8639976 107.783995,57.2520037 108.167997,56.508 C108.551998,55.7639963 108.743997,55.1280026 108.743997,54.6 L108.743997,13.56 C108.743997,12.9359969 108.587998,12.1800044 108.275997,11.292 C107.963995,10.4039956 107.807997,9.69600264 107.807997,9.168 C107.807997,8.63999736 107.903996,8.08800288 108.095997,7.512 C108.671999,5.78399136 110.159985,4.92 112.559997,4.92 C115.488011,4.92 117.455992,5.9999892 118.463997,8.16 C118.703998,8.6400024 118.823997,9.1199976 118.823997,9.6 C118.823997,10.2240031 118.512,11.135994 117.887997,12.336 C117.263993,13.536006 116.951997,14.5199962 116.951997,15.288 L116.951997,24.576 C119.016007,21.4079842 121.031987,19.824 122.999997,19.824 C126.504014,19.824 129.455985,22.1039772 131.855997,26.664 C134.016007,30.8400209 135.095997,35.4719746 135.095997,40.56 Z M125.591997,40.56 C125.591997,37.5359849 125.327999,34.824012 124.799997,32.424 C124.127993,29.4959854 123.240002,28.032 122.135997,28.032 C121.175992,28.032 120.216001,29.6159842 119.255997,32.784 C118.295992,35.7600149 117.815997,38.351989 117.815997,40.56 C117.815997,43.4880146 118.247992,46.3919856 119.111997,49.272 C120.024001,52.3920156 121.031991,53.952 122.135997,53.952 C124.488008,53.952 125.663997,51.2400271 125.663997,45.816 L125.663997,43.152 C125.615996,41.951994 125.591997,41.0880026 125.591997,40.56 Z M172.783995,24.864 C172.879996,25.5840036 172.735997,26.3519959 172.351995,27.168 C171.871993,28.2720055 171.583996,29.0879974 171.487995,29.616 C171.487995,39.6000499 171.08,46.5359806 170.263995,50.424 C168.487987,58.5840408 164.720024,62.664 158.959995,62.664 C150.559953,62.664 146.359995,55.0080766 146.359995,39.696 C146.359995,35.5679794 146.671992,31.200023 147.295995,26.592 C146.959994,25.4879945 146.791995,24.5040043 146.791995,23.64 C146.791995,22.247993 147.247991,21.0720048 148.159995,20.112 C148.927999,19.2959959 150.055988,18.888 151.543995,18.888 C152.744001,18.888 153.87199,19.1399975 154.927995,19.644 C155.984001,20.1480025 156.607994,20.7359966 156.799995,21.408 C156.895996,21.7440017 156.943995,22.0799983 156.943995,22.416 C156.943995,23.0400031 156.679998,24.0359932 156.151995,25.404 C155.623993,26.7720068 155.407995,27.888 155.503995,28.752 C155.023993,31.4400134 154.783995,34.8239796 154.783995,38.904 C154.783995,43.0320206 155.047993,46.4639863 155.575995,49.2 C156.247999,52.3680158 157.183989,53.952 158.383995,53.952 C160.400006,53.952 161.719992,50.5440341 162.343995,43.728 C162.679997,40.319983 162.847995,34.8960372 162.847995,27.456 C162.847995,26.9759976 162.775996,26.2800046 162.631995,25.368 C162.487995,24.4559954 162.415995,23.7840022 162.415995,23.352 C162.415995,22.1999942 162.847991,21.4080022 163.711995,20.976 C164.191998,20.7359988 164.863991,20.616 165.727995,20.616 C167.312003,20.616 168.775989,20.9519966 170.119995,21.624 C171.704003,22.4400041 172.591994,23.5199933 172.783995,24.864 Z M217.167994,24.144 C217.311995,25.1040048 217.071997,26.1359945 216.447994,27.24 C215.343989,29.0640091 214.767995,30.0479993 214.719994,30.192 C212.703984,34.992024 209.584015,42.7199467 205.359994,53.376 C203.439985,58.4640254 202.239997,63.0479796 201.759994,67.128 C201.663994,67.5120019 201.639994,68.3519935 201.687994,69.648 C201.735995,70.7040053 201.567996,71.4959974 201.183994,72.024 C200.41599,73.032005 199.264002,73.536 197.727994,73.536 C194.991981,73.536 193.215998,72.5040103 192.399994,70.44 C192.207993,69.9119974 192.111994,69.4560019 192.111994,69.072 C192.111994,68.5919976 192.303992,68.052003 192.687994,67.452 C193.071996,66.851997 193.311994,66.3600019 193.407994,65.976 L195.135994,56.976 L184.767994,27.168 C184.623994,26.7839981 184.239997,25.992006 183.615994,24.792 C183.183992,23.9279957 182.967994,23.1840031 182.967994,22.56 C182.967994,22.2239983 183.015994,21.8880017 183.111994,21.552 C183.591997,19.8239914 185.22398,18.96 188.007994,18.96 C189.736003,18.96 191.103989,19.2479971 192.111994,19.824 C193.312,20.5440036 194.007993,21.8159909 194.199994,23.64 C194.439995,26.6160149 194.607994,28.2719983 194.703994,28.608 L199.455994,43.584 L206.799994,25.008 C206.847995,24.8639993 207.063992,23.8080098 207.447994,21.84 C207.687995,20.639994 208.19199,19.8240022 208.959994,19.392 C209.439997,19.1039986 209.991991,18.96 210.615994,18.96 C212.008001,18.96 213.399987,19.4759948 214.791994,20.508 C216.184001,21.5400052 216.975993,22.751993 217.167994,24.144 Z M257.015993,56.976 C256.29599,59.3280118 254.520007,60.504 251.687993,60.504 C250.727988,60.504 249.959996,60.3360017 249.383993,60 C248.615989,59.4719974 248.087995,58.4160079 247.799993,56.832 C247.22399,54.0959863 246.647996,51.9600077 246.071993,50.424 C245.927992,53.0640132 244.488007,55.7399864 241.751993,58.452 C239.015979,61.1640136 236.256007,62.52 233.471993,62.52 C229.967976,62.52 227.544,60.1920233 226.199993,55.536 C225.719991,53.8079914 225.479993,52.1760077 225.479993,50.64 C225.479993,46.1759777 227.75997,42.3600158 232.319993,39.192 C236.064012,36.983989 239.831974,34.8000108 243.623993,32.64 C243.815994,31.824 243.911993,31.0320038 243.911993,30.264 C243.911993,28.7759926 243.503997,27.9000013 242.687993,27.636 C241.871989,27.3719987 241.175996,27.24 240.599993,27.24 C239.591988,27.24 238.763996,27.5639968 238.115993,28.212 L236.279993,30.048 C235.70399,30.4320019 234.959998,31.319993 234.047993,32.712 C233.32799,33.8160055 232.535997,34.4159995 231.671993,34.512 C230.423987,34.6560007 229.295998,34.224005 228.287993,33.216 C227.279988,32.207995 226.775993,31.0320067 226.775993,29.688 C226.775993,28.9199962 226.967991,28.2240031 227.351993,27.6 C228.455999,25.7759909 230.111982,24.1920067 232.319993,22.848 C235.68001,20.8319899 239.879968,19.824 244.919993,19.824 C248.136009,19.824 250.343987,21.3599846 251.543993,24.432 C252.311997,26.4960103 252.887991,30.3599717 253.271993,36.024 C253.703995,42.8880343 254.23199,47.9039842 254.855993,51.072 C254.951994,51.6960031 255.35999,52.4879952 256.079993,53.448 C256.799997,54.4080048 257.159993,55.2479964 257.159993,55.968 C257.159993,56.3040017 257.111994,56.6399983 257.015993,56.976 Z M244.487993,39.264 C243.047986,40.0320038 241.62,40.8239959 240.203993,41.64 C238.787986,42.4560041 237.479999,43.5359933 236.279993,44.88 C234.551985,46.8480098 233.687993,48.527993 233.687993,49.92 C233.687993,51.0720058 234.119989,52.2719938 234.983993,53.52 C235.463996,54.1920034 235.99199,54.528 236.567993,54.528 C237.815999,54.528 239.171986,53.1360139 240.635993,50.352 C242.1,47.5679861 243.383988,43.872023 244.487993,39.264 Z M316.263991,44.808 C311.703968,56.1840569 307.144014,61.8959998 302.583991,61.9451756 C297.063963,61.9920002 293.032004,59.1360288 290.487991,53.376 C288.519981,48.9599779 287.511991,43.1760358 287.463991,36.024 C287.415991,27.9599597 288.47198,20.6160331 290.631991,13.992 C293.128003,6.26396136 296.511969,2.1600024 300.783991,1.68 C301.407994,1.63199976 302.007988,1.608 302.583991,1.608 C306.568011,1.608 309.63998,3.38398224 311.799991,6.936 C313.383999,9.62401344 314.727985,13.8959707 315.831991,19.752 C316.647995,22.1040118 317.055991,23.5439974 317.055991,24.072 C317.055991,25.6560079 316.072001,26.8799957 314.103991,27.744 C313.671989,27.936001 313.167994,28.032 312.591991,28.032 C311.199984,28.032 309.663999,27.5760046 307.983991,26.664 C306.015981,25.608 305.031991,24.4560062 305.031991,23.208 C305.031991,23.015999 305.367987,22.0800084 306.039991,20.4 C305.94399,18.2879894 305.559994,16.2840095 304.887991,14.388 C304.215987,12.4919905 303.447995,11.448001 302.583991,11.256 C301.239984,10.9199983 300.063996,13.5839717 299.055991,19.248 C298.191987,23.9520235 297.663992,29.1359717 297.471991,34.8 C297.32799,39.0720214 297.567988,43.0319818 298.191991,46.68 C298.911994,50.8560209 299.991984,53.0879986 301.431991,53.376 C302.295995,53.5200007 303.327985,52.4400115 304.527991,50.136 C305.679997,48.0239894 306.639987,45.5280144 307.407991,42.648 C307.31199,42.1679976 307.263991,41.7120022 307.263991,41.28 C307.263991,38.4479858 308.991974,37.032 312.447991,37.032 C313.215995,37.032 313.983987,37.1039993 314.751991,37.248 C317.104003,37.7280024 318.279991,38.9039906 318.279991,40.776 C318.279991,42.3120077 317.607998,43.6559942 316.263991,44.808 Z M339.11999,6 C339.26399,6.14400072 339.33599,6.38399832 339.33599,6.72 C339.33599,7.15200216 339.191991,7.89599472 338.90399,8.952 C338.567988,10.2480065 338.35199,11.1359976 338.25599,11.616 C338.159989,12.0960024 338.207989,13.1519918 338.39999,14.784 C338.39999,15.792005 338.099993,16.4519984 337.49999,16.764 C336.899987,17.0760016 336.143994,17.232 335.23199,17.232 C333.935983,17.232 332.615996,16.9680026 331.27199,16.44 C329.639982,15.7679966 328.82399,14.8800055 328.82399,13.776 C328.82399,13.4399983 328.967988,12.972003 329.25599,12.372 C329.543991,11.771997 329.711989,11.2800019 329.75999,10.896 C329.85599,10.5119981 329.85599,9.55200768 329.75999,8.016 C329.663989,6.815994 329.903987,6.00000216 330.47999,5.568 C331.247994,4.99199712 332.61598,4.704 334.58399,4.704 C336.744001,4.704 338.255985,5.13599568 339.11999,6 Z M340.05599,23.568 C340.05599,24.2400034 339.683993,25.2839929 338.93999,26.7 C338.195986,28.1160071 337.82399,29.2799954 337.82399,30.192 L337.82399,51.36 C337.82399,52.3200048 338.087987,53.6759912 338.61599,55.428 C339.143992,57.1800088 339.40799,58.3919966 339.40799,59.064 C339.40799,60.0240048 339.023994,60.7439976 338.25599,61.224 C337.055984,61.9920038 335.759997,62.376 334.36799,62.376 C332.543981,62.376 331.247994,61.7520062 330.47999,60.504 C329.471985,58.968 328.96799,54.3840382 328.96799,46.752 C328.96799,44.9279909 329.003989,42.0840193 329.07599,38.22 C329.14799,34.3559807 329.18399,31.5360089 329.18399,29.76 C329.18399,29.0879966 329.11199,28.2120054 328.96799,27.132 C328.823989,26.0519946 328.75199,25.2720024 328.75199,24.792 C328.75199,23.2079921 329.327984,21.8400058 330.47999,20.688 C330.959992,20.2079976 331.847983,19.968 333.14399,19.968 C334.439996,19.968 335.735983,20.171998 337.03199,20.58 C338.327996,20.988002 339.155988,21.4559974 339.51599,21.984 C339.875992,22.5120026 340.05599,23.0399974 340.05599,23.568 Z M375.511989,27.312 C375.127987,27.312 374.527993,27.1560016 373.711989,26.844 C372.895984,26.5319984 372.271991,26.376 371.839989,26.376 C371.503987,26.376 371.16799,26.4479993 370.831989,26.592 L368.167989,27.96 L368.167989,52.584 C368.167989,53.4960046 368.659984,54.6719928 369.643989,56.112 C370.627993,57.5520072 371.02399,58.7039957 370.831989,59.568 C370.591987,60.6240053 369.883994,61.4639969 368.707989,62.088 C367.531983,62.7120031 366.271995,63.024 364.927989,63.024 C362.383976,63.024 360.631993,61.8960113 359.671989,59.64 C359.383987,58.9679966 359.215989,56.832018 359.167989,53.232 C359.119988,50.831988 359.143988,47.0880254 359.239989,42 C359.335989,36.2399712 359.383989,32.5920077 359.383989,31.056 C359.095987,31.1520005 358.615992,31.4759972 357.943989,32.028 C357.271985,32.5800028 356.599992,32.856 355.927989,32.856 C355.399986,32.856 354.727993,32.7120014 353.911989,32.424 C350.551972,31.2719942 348.871989,30.096006 348.871989,28.896 C348.871989,28.6079986 348.943988,28.2960017 349.087989,27.96 C349.42399,27.1919962 350.047984,26.7600005 350.959989,26.664 C352.351996,26.471999 353.191987,26.3040007 353.479989,26.16 C354.583994,25.7279978 356.599974,24.6960082 359.527989,23.064 L359.527989,16.8 C359.527989,16.3199976 359.39599,15.684004 359.131989,14.892 C358.867987,14.099996 358.735989,13.5120019 358.735989,13.128 C358.735989,12.6959978 358.855987,12.2880019 359.095989,11.904 C360.343995,9.9839904 362.023978,9.024 364.135989,9.024 C366.584001,9.024 368.311984,9.9839904 369.319989,11.904 C369.70399,12.6720038 369.895989,13.2959976 369.895989,13.776 C369.895989,14.3520029 369.607991,14.9519969 369.031989,15.576 C368.455986,16.2000031 368.167989,16.7759974 368.167989,17.304 L368.167989,20.832 C369.031993,20.4479981 369.991983,19.8000046 371.047989,18.888 C371.863993,18.2159966 372.559986,17.88 373.135989,17.88 C373.37599,17.88 373.639987,17.9279995 373.927989,18.024 C376.952004,18.8400041 378.463989,20.6639858 378.463989,23.496 C378.463989,24.4080046 378.187991,25.2719959 377.635989,26.088 C377.083986,26.9040041 376.375993,27.312 375.511989,27.312 Z M422.055987,24.144 C422.199988,25.1040048 421.959991,26.1359945 421.335987,27.24 C420.231982,29.0640091 419.655988,30.0479993 419.607987,30.192 C417.591977,34.992024 414.472009,42.7199467 410.247987,53.376 C408.327978,58.4640254 407.12799,63.0479796 406.647987,67.128 C406.551987,67.5120019 406.527987,68.3519935 406.575987,69.648 C406.623988,70.7040053 406.455989,71.4959974 406.071987,72.024 C405.303984,73.032005 404.151995,73.536 402.615987,73.536 C399.879974,73.536 398.103992,72.5040103 397.287987,70.44 C397.095986,69.9119974 396.999987,69.4560019 396.999987,69.072 C396.999987,68.5919976 397.191986,68.052003 397.575987,67.452 C397.959989,66.851997 398.199987,66.3600019 398.295987,65.976 L400.023987,56.976 L389.655987,27.168 C389.511987,26.7839981 389.127991,25.992006 388.503987,24.792 C388.071985,23.9279957 387.855987,23.1840031 387.855987,22.56 C387.855987,22.2239983 387.903987,21.8880017 387.999987,21.552 C388.47999,19.8239914 390.111974,18.96 392.895987,18.96 C394.623996,18.96 395.991982,19.2479971 396.999987,19.824 C398.199993,20.5440036 398.895986,21.8159909 399.087987,23.64 C399.327989,26.6160149 399.495987,28.2719983 399.591987,28.608 L404.343987,43.584 L411.687987,25.008 C411.735988,24.8639993 411.951986,23.8080098 412.335987,21.84 C412.575989,20.639994 413.079984,19.8240022 413.847987,19.392 C414.32799,19.1039986 414.879984,18.96 415.503987,18.96 C416.895994,18.96 418.28798,19.4759948 419.679987,20.508 C421.071994,21.5400052 421.863986,22.751993 422.055987,24.144 Z"
                    id="ShibuyaCity" fill="#000000" fill-rule="nonzero"></path>
            </g>
        </svg>
    </p>
</body>

</html>