svg/animate/inha_50th_emblem.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 208.7 274.4">
  <style>
    .text, .divider {
      fill: #8a642a;
      transform-origin: 104.3px 100px;
    }
    .text--circled {
      opacity: 0;
      animation: rotate-in 0.5s ease-in-out 2s forwards;
    }
    .text--top {
      fill-opacity: 0;
      stroke: #8a642a;
      stroke-dasharray: 750;
      stroke-dashoffset: 750;
      animation: fill-in 2s linear forwards;
    }
    .divider {
      opacity: 0;
      animation: scale-in 0.5s ease-in-out 2s forwards;
    }
    .text--middle, .text--bottom {
      opacity: 0;
      animation: scale-in 0.5s ease-in-out 2.5s forwards;
    }

    @keyframes fill-in {
      80%{
        fill-opacity: 0;
        stroke-dashoffset: 0;
        stroke-opacity: 1;
      }
      100% {
        fill-opacity: 1;
        stroke-dashoffset: 0;
        stroke-opacity: 0;
      }
    }
    @keyframes rotate-in {
      from {
        opacity: 0;
        transform: rotate(-30deg);
      }
      to {
        opacity: 1;
        transform: rotate(0);
      }
    }
    @keyframes scale-in {
      from {
        opacity: 0;
        transform: scaleX(0);
      }
      to {
        opacity: 1;
        transform: scaleX(100%);
      }
    }
  </style>
  <g class="text text--circled">
    <path class="text__t" d="M21.3 137.3l2.3 5.2h-.4c-1.1-2.1-.5-1.7-13.3 3.8l.4 1c.9 2 1.5 2.3 3.9 1.7l.2.4-3.6 1.4-4.3-10 3.5-1.6.2.4c-2.2 1.4-2.3 2-1.5 4l.4.9c12.2-5.5 12.8-4.6 11.9-7.1l.3-.2z"/>
    <path class="text__h" d="M19 132.7c-.5-1.6-1-1.5-2.7-1.1-11.8 3-11.4 2.4-11.1 4.5h-.4L3.5 131h.4c.8 2.3 1.2 1.2 6.7.1l-1.5-5.7c-5.2 1.5-6.2.8-5.8 3.2h-.4l-1.4-5.2H2c.5 1.4.8 1.5 2.4 1.2 11.8-3 11.7-2.5 11.4-4.7h.4l1.3 5.3h-.4c-.7-2.1-1.1-1.5-7-.1l1.4 5.7 4.6-1.1c1.5-.4 1.8-.7 1.6-2.2h.4l1.3 5.3z"/>
    <path class="text__e" d="M15 107.1l.9 10.4h-.4c-.2-1.2-.5-1.6-2.2-1.5-12.2 1-12 .5-12 2.7H.8L0 108.5l3.2-.4v.5c-2 .5-2.3 1-2.2 3.2l.3 2.6c0 1 .4.4 5.8.1l-.1-2.9c-.2-1.8-.7-1.9-2.4-2v-.4l5.3-.5v.5c-1.8.4-2.1.7-2 2.3l.2 3 5.7-.5c.9-.1.9-.1.7-3s-1-3.3-3.3-4v-.5z"/>
    <path class="text__5" d="M4.4 93.1c.5-1.5 1.1-3.3 2.9-4.2a5.7 5.7 0 0 1 4-.5c6.2.8 5.3 8.4 3 8.1a.8.8 0 0 1-.8-.9c.2-1.2 1.7-1.5 1.8-2.6.5-3.3-7.8-5.8-9.2 1.7h-.3L.7 91.9c.4-4.2 1.1-4.2.1-5H1c2.8 1.7 2.1-.2 1.6 5.2l1.8 1.1z"/>
    <path class="text__0" d="M3.8 77.4c.7-2.4 6.2-1 7.7-.6s7 1.9 6.4 4.3-5.9 1.1-7.7.6-7-1.9-6.4-4.3zm-.5-.2c-1.5 5.7 13.6 9.8 15.2 4.1S4.8 71.6 3.3 77.2z"/>
    <path class="text__t" d="M13 66.7l-.7 1.9c6.6 2.5 7.9 3.3 8.4 2.1a1.6 1.6 0 0 0-.4-1.4h.4a2.9 2.9 0 0 1 .8 2.7c-1.1 2.7-5.1-.5-9.8-1.8l-.4.9c-.3.3-.5-.7-.7-1.1-1.1-2-2.3-2.9-1.5-2.6l2.5 1 .7-1.8.7.2z"/>
    <path class="text__h" d="M27.1 59.6l-1.9 3.6h-.3c.3-.9.4-1.3-1.2-2.1l-4-2.1c-2.8-1.4-3.7.5-2.5 2.8 5.5 2.5 6.1 3.9 7.2 2.2l.3.2-1.9 3.7h-.3c.3-1.1.3-1.3-1.2-2.1-11-5.6-10.4-5.7-11-4.6s-.1.2-.1.3l-.3-.2.3-2.9h.1l6.2 3.1c-1.6-2.6-.3-6 3.9-3.8s5.4 3 6.3 1.9l.4.2z"/>
    <path class="text__a" d="M29.3 45.9l-3.4-5.7 6.3 2.3-2.9 3.4zm10.3-3.8c-1.1 1.1-.9.5-15.7-4.5l-.3.3C31.4 51 31.8 51.3 31 52.4l.3.3 2.5-3-.3-.3c-1.7 2-2.5-1.2-3.7-2.6l3.3-3.9c2.7 1.1 4.9 1.1 3.3 3l.3.3 3.2-3.8-.3-.3z"/>
    <path class="text__n" d="M42.2 20.9c-.9.9-1.3 1.4.5 3.4l7.7 9.2-.2.2-14.6-4c6.5 7.2 6.8 9.5 9 7.8l.3.4-3.5 2.9-.3-.3c1.1-1 1.2-1.6-.4-3.4l-6.5-7.7c-1.4-.4-1.7-.3-2.3.3l-.3-.4 2.6-2.1 12.7 3.5c-5.6-6-5.8-8.5-8.2-6.8l-.3-.4 3.5-2.9.3.3zM57.6 11.4c-1 .8-1.4 1.1-.1 3.5l6.1 10.3-.3.2-13.7-6.5c5.2 8.2 5.1 10.6 7.5 9.3l.2.4-3.9 2.3-.2-.4c1.2-.8 1.4-1.3.1-3.5l-5.1-8.7c-1.2-.5-1.5-.5-2.2-.1l-.2-.4 2.8-1.6 12 5.7c-4.5-6.9-4.3-9.4-6.9-8.2l-.2-.4 3.9-2.3.2.4z"/>
    <path class="text__i" d="M67.1 22.8c1.5-.7 1.6-1.1 1-2.6-4.8-11.4-4.2-11.3-6.5-10.5v-.4l5.3-2.2v.4c-1.2.6-1.6.9-.9 2.6 4.7 11.3 4.2 11.4 6.4 10.5l.2.4-5.3 2.2-.2-.4z"/>
    <path class="text__v" d="M83.8 2.4c-1.5.5-.9.7-2 16h-.3c-8.9-12-8.7-13-10.4-12.6v-.4L76 4.1v.4c-1 .3-1.3.5-1.1 1.2s6.2 8.9 6.2 8.8C81.8 4 82.4 2.9 80 3.4V3l3.8-1v.4z"/>
    <path class="text__e" d="M100.3 15.2l-10.4 1v-.4c1.2-.2 1.6-.5 1.5-2.2-1.2-12-.7-12-2.9-12v-.4l10.2-1 .4 3.3h-.5c-.5-2-1-2.3-3.2-2.1l-2.6.3c-.4 0-.6 0-.5.8l.5 5 2.9-.3c1.7-.1 1.9-.7 1.9-2.3h.5l.5 5.3h-.5c-.6-3-1.4-1.8-5.3-1.8l.6 5.7c.1.9.1.9 3 .6s3.3-1 3.9-3.3h.5l-.5 3.9z"/>
    <path class="text__r" d="M107.9 1.9c.1-.7.3-.8 1.3-.8s3.3.3 3.1 3.3-3.1 3.2-4.7 3.1l.3-5.6zm8.1 13.5a2.1 2.1 0 0 1-1.7-1.2l-3.6-6c1-.2 3.5-.5 3.7-3.6S111.5.4 109.8.3l-5.4-.3v.4c1.3.3 1.6.5 1.5 2.2-.7 12.3-.3 12-2.4 12v.5l5.4.3V15c-2.4-.3-1.5-1.1-1.4-6.7h1.1l4.2 7.3 3.1.2v-.4z"/>
    <path class="text__s" d="M128.9 7.7h-.5c.2-4.9-4.4-6-5.1-2.9s5.6 5.1 4.6 9.7a4 4 0 0 1-4.9 3.2c-1.4-.3-2.2-1.3-2.8-1.4s-.6.3-.7.6h-.4l.4-4.8h.4c.8 5.9 5.2 5.8 5.9 2.8s-5.3-5-4.3-9.7a3.6 3.6 0 0 1 4.3-3c1.7.4 2.6 2.4 3.3.7h.4l-.6 4.8z"/>
    <path class="text__a" d="M136 14.8l4.3-5v6.6l-4.3-1.6zm6.9 8.5c-1.5-.7-.8-.7-.7-16.3h-.4c-7.5 8.6-9.4 10.9-10.3 11.5a1.5 1.5 0 0 1-1.1.1l-.2.4 3.6 1.4.2-.4c-2.2-.9-.3-2.3 1.3-4.3l4.8 1.8c-.1 3.3.2 4.9-1.8 4.1l-.2.4 4.6 1.8.2-.4z"/>
    <path class="text__r" d="M154.7 15.1c.4-.6.6-.6 1.5-.1a3 3 0 0 1 1.3 4.4c-1.7 2.8-4.2 1.3-5.6.5l2.8-4.8zm.9 15.7a2.4 2.4 0 0 1-.9-1.8l-.4-7a3.9 3.9 0 0 0 5-1.5c2.6-4.4-3.4-6.4-6.8-8.7l-.2.4c1.1.8 1.2 1.1.3 2.6-6.3 10.5-5.8 10.5-7.7 9.6l-.2.4 4.6 2.7.3-.3c-2-1.4-.9-1.7 1.8-6.6l1 .6.3 8.4 2.7 1.6.2-.4z"/>
    <path class="text__y" d="M175.8 28.9c-1.8-1.1-4.2.8-9.2 2.4-3.4 4.4-4.8 4.5-2.7 6.3l-.2.3-4.6-3.8.3-.3c1.9 1.5 1.8.8 5.5-3.6 1-6.9 1.9-8.5.7-9.7l.3-.3 4.2 3.4-.3.4c-.7-.6-1.1-.9-1.5-.4a2.3 2.3 0 0 0-.4 1l-1 5.7c6-2.4 5.9-2.3 6.2-2.6s-.1-1.1-.6-1.5l.3-.3 3.3 2.7-.3.3z"/>
    <path class="text__1" d="M174.1 48.4c.7.9 1.1 1.5 2.5.4 9.7-7.3 10-6.8 7.5-8.1l.2-.2 3.8 1.5v.2c-11.6 9.2-12.7 8.2-10.9 10.5l-.3.2-3.2-4.3.3-.2z"/>
    <path class="text__9" d="M189.7 58.1c-1.6 1-5.4-2.2.1-5.3 1.6-1 3.7-1.6 4.5-.2s-2.4 4.3-4.6 5.5zm-10.3-.8c2.7 4.1 7.9 4.4 12.1 2 7.3-4.2 3.1-11.3-3.4-7.7-3.9 2.3-3 6.2.4 7.2h-.1c-.5.2-5.5 1.8-8.7-1.8l-.3.3z"/>
    <path class="text__5" d="M196.4 64.3a6.4 6.4 0 0 1-.5 5c-2.3 3.7-8.4 4.2-10.2-.3-1.2-2.9 1-3.4 1.5-2.4s-.7 2.2-.3 3.2c1.3 3.1 9.7 1.1 7.1-6 0-.1.1-.2.3-.2h5.8c1.8 3.8 1.2 4.1 2.4 4.3v.1c-3.2 0-1.7 1.3-3.9-3.7z"/>
    <path class="text__4" d="M195.6 80.9l-1.2-4.5 8.7 2.4-7.5 2zm.9 3.3l-.5-1.9 9.8-2.6-.2-.8-11.4-3.3-1.4.4 1.4 5.3-3.7.9.4 1.5 3.7-1 .5 1.9z"/>
    <path class="text__tilde" d="M199.3 96.7c-4.4-2-.9-4-1.2-6.5-.1-.8-1-1.2-1.8-1.4l1-.8c4.4 1.3 1 4.9 1.2 6.4s1 1.1 1.9 1.5l-1.1.8z"/>
    <path class="text__2" d="M193.3 108.2v-7.5h.3l4.3 3.4c5.1 4.2 9.1 2.7 9.1-.1s-1.7-2.4-2.9-2.8v-.4c8.6 1.5 3.9 12.3-5.1 5.1l-4-3.3c0 5.7-.6 5.4 1.4 6.5v.2l-3.1-1.1z"/>
    <path class="text__0" d="M207.2 118.4c-.3 2.4-6 1.7-7.5 1.5s-7.3-1-6.9-3.5 5.7-1.7 7.5-1.5 7.2 1 6.9 3.5zm.6.1c.8-5.8-14.8-8-15.6-2.2s14.8 7.9 15.6 2.2zM204.6 131.5c-.7 2.4-6.2.9-7.7.5s-7-1.9-6.4-4.3 5.9-1 7.7-.5 7 1.9 6.4 4.3zm.5.2c1.6-5.7-13.6-9.8-15.2-4.1s13.7 9.7 15.2 4.1z"/>
    <path class="text__4" d="M191.1 141.3l1.8-4.3 5.4 7.2-7.2-2.9zm-1.3 3.2l.7-1.8 9.4 3.9.3-.8-7-9.5-1.4-.6-2.1 5-3.5-1.4-.5 1.3 3.5 1.5-.8 1.8 1.4.6z"/>
  </g>
  <g class="text text--top">
    <path class="text__5" d="M162.8 147.3c-13.1 10.5-42.1 10.1-69.8.2-32.3-11.6-55.7-10.1-56.1-3.1-.2 4.1 5.5 6 13.4 6 20.7 0 33.1-18.4 33.1-32.6 0-20.1-15.9-24.3-32.5-24.5-2.1 0-1.8-1.6-.5-4.5L62 63.3c1.1-2.5 2.5-3.4 6.2-4l35.7-5a2.2 2.2 0 0 1 1.5 1.3 22.7 22.7 0 0 1-6.1 8.7c-34.3 5-34.3 3.7-36 7.9-4.7 11.4-6.1 11.9-2.9 12.5l3.9.6c13.6 2 30.1 7.3 30.1 28.8 0 17.5-15.9 39.9-42.4 39.9-7.9 0-19.6-1.7-18.7-10.1s23.3-15.2 71 0c17.6 5.5 57.4 10.2 63.2-7.3 1.1 4.4-1.9 8.4-4.7 10.7z"/>
    <path class="text__0" d="M145.4 61.7c15.6 0 10.7 23.1 7.9 33.9s-10 33.9-25.6 33.9-10.7-23.2-7.9-33.9 9.9-33.9 25.6-33.9zm1.1-4.4c-39 0-59.4 76.6-19.9 76.6s58.9-76.6 19.9-76.6z"/>
  </g>
  <path class="divider divider--top" d="M19 181.4v1h170.5v-1H19z"/>
  <g class="text text--middle">
    <path class="text__i" d="M31.5 194.7H28v-.9h11.3v.9h-3.5v24.9h3.5v.9H28v-.9h3.5v-24.9z"/>
    <path class="text__h" d="M65.1 194.7h-3.4v-.9h8.5l13.3 19h.1v-18.1h-4.1v-.9h8.6v.9h-3.4v26.1l-.7.2-17.7-25.4v24h4.1v.9h-8.7v-.9h3.4v-24.9zM129.6 194.7h-3.4v-.9h11.2v.9h-3.5v24.9h3.5v.9h-11.2v-.9h3.4v-12.3H118v12.3h3.4v.9h-11.2v-.9h3.6v-24.9h-3.6v-.9h11.2v.9H118v11.6h11.6v-11.6z"/>
    <path class="text__a" d="M172.5 210.1h-6.3l3.2-9.6h.1l3 9.6zm-10.6 9.5h-3.2v.9h8.4v-.9h-4l2.8-8.4h6.9l2.5 8.4h-3.8v.9h12v-.9h-3.4l-8.7-26.2h-.7l-8.8 26.2z"/>
  </g>
  <path class="divider divider--middle" d="M19 230.4v.9h170.5v-.9H19z"/>
  <g class="text text--bottom">
    <path class="text__u" d="M27.1 246h-2v-.6h6.7v.6h-2.2c.5 11.3-1.7 14.7 4.2 14.7s4.3-3.3 4.6-14.7h-2.3v-.6H41v.6h-1.9c-.5 11.4 2.3 15.4-5.9 15.4s-5.5-3.5-6.1-15.4z"/>
    <path class="text__n" d="M47 246h-2.1v-.6H50l7.8 11.3h.1V246h-2.4v-.6h5.1v.6h-2.1v15.4l-.4.1-10.4-15h-.1v14.2h2.5v.6h-5.2v-.6H47V246z"/>
    <path class="text__i" d="M66.6 246h-2v-.6h6.6v.6h-2v14.7h2v.6h-6.6v-.6h2V246z"/>
    <path class="text__v" d="M76.4 246h-1.9v-.6h6.8v.6H79l3.7 11.6 3.9-11.6h-2.2v-.6h4.7v.6h-1.7L82 261.5h-.5L76.4 246z"/>
    <path class="text__e" d="M94.4 246h-2v-.6H105v4.9h-.5c-.9-5-2.6-4-7.6-4.3v6.8h1.2c2.5 0 2.7-.9 2.7-3.3h.6v7.5h-.6c0-2.7-.2-3.5-2.7-3.5H97v7.2c2.5-.6 7.3 1.9 8.3-4.9h.6l-.2 5.4H92.4v-.5h2V246z"/>
    <path class="text__r" d="M116.3 246c2.3 0 3 1.2 3 3.3 0 4.4-3.5 3.1-4.1 3.3V246zm-3.6 14.7h-2.1v.5h6.6v-.5h-2v-7.4h1.4c2.8 0 3.3.9 3.4 3.8s.4 4.1 3.1 4.1h1.7v-.5h-.6c-1.3 0-1.5-1.2-1.6-3.5s-1.2-3.9-4.5-4.3c2.1-.2 3.8-1 3.8-3.6 0-5.2-5.1-3.4-11.3-3.8v.6h2.1v14.7z"/>
    <path class="text__s" d="M128.5 256.1c.3 6 8.2 6 8.2 1.7s-8.6-2.8-8.6-8.2c0-3.6 4.1-5.8 9.1-3.5v3.5h-.6c-.5-2.5-1.8-3.7-3.8-3.7s-3.1.8-3.1 2.5c0 4 8.5 2.4 8.5 8.3 0 4.1-5.1 6.2-10.3 3.8l-.2-4.4z"/>
    <path class="text__i" d="M144.6 246h-2.1v-.6h6.7v.6h-2.1v14.7h2.1v.6h-6.7v-.6h2.1V246z"/>
    <path class="text__t" d="M159.1 246.1c-.6.3-4.9-1.3-5.1 4.4h-.7v-5.1h14.1v5.1h-.7c-.1-2.1-.9-4.4-3.2-4.4h-1.9v14.6h2.5v.5h-7.4v-.5h2.4v-14.6z"/>
    <path class="text__y" d="M176.4 253.3l-4.2-7.3h-1.8v-.6h7v.6h-2.3l3.5 6.5 3.3-6.5h-2.2v-.6h4.6v.6h-1.7l-3.7 7.2v7.5h2v.6h-6.6v-.6h2.1v-7.4z"/>
  </g>
  <path class="divider divider--bottom" d="M19 273.5v.9h170.5v-.9H19z"/>
</svg>