discover-tour-group.svg 6.6 KB

1
  1. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 288 172" style="enable-background:new 0 0 288 172;" xml:space="preserve"> <style type="text/css"> .st0{fill:none;stroke:#3E2C73;} .st1{fill:#C1B2DD;} .st2{fill:#5A4A79;} .st3{fill:#FFFFFF;stroke:#3E2C73;stroke-width:0.75;} .st4{fill:none;stroke:#FF7738;stroke-width:1.5;} .st5{fill:#EDE7F5;} .st6{fill:#3E2C73;} .st7{fill:#FFFFFF;} .st8{fill:#FF7738;} .border{fill:none;stroke:#3E2C73;stroke-width:0.75;} .input3 { animation: shiftInput1 8s infinite ease-in-out; } .input4 { animation: shiftInput2 8s infinite ease-in-out; } .input5 { animation: shiftInput3 8s infinite ease-in-out; } @keyframes shiftInput1 { 0% { transform: translateY(0); } 10%, 20% { transform: translateY(18px); } 30%, 40% { transform: translateY(36px); } 50%, 60% { transform: translateY(0); } 70%, 100% { transform: translateY(0); } } @keyframes shiftInput2 { 0% { transform: translateY(0); } 10%, 20% { transform: translateY(-18px); } 30%, 40% { transform: translateY(0); } 50%, 60% { transform: translateY(18px); } 70%, 100% { transform: translateY(0); } } @keyframes shiftInput3 { 0% { transform: translateY(0); } 10%, 20% { transform: translateY(0); } 30%, 40% { transform: translateY(-36px); } 50%, 60% { transform: translateY(-18px); } 70%, 100% { transform: translateY(0); } } </style> <g id="background"> <line class="st0" x1="0" y1="140.5" x2="288" y2="140.5"/> <path class="st1" d="M5,7c0-1.7,1.3-3,3-3h275c1.7,0,3,1.3,3,3v21H5V7z"/> <path class="st2" d="M30,16h44c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1H30c-0.6,0-1-0.4-1-1l0,0C29,16.4,29.4,16,30,16z"/> <path class="border" d="M283.2,168.8L282,3H3.5L2,170L283.2,168.8z"/> <path class="st4" d="M3.3,167.1L2,1h283.3l0.7,170L3.3,167.1z"/> <path class="st5" d="M187,147h39.8c0.6,0,1,0.4,1,1v12.4c0,0.6-0.4,1-1,1H187c-0.6,0-1-0.4-1-1V148C186,147.4,186.4,147,187,147z"/> <path class="st2" d="M201.1,153.5H214c0.4,0,0.8,0.3,0.8,0.8l0,0c0,0.4-0.3,0.8-0.8,0.8h-12.9c-0.4,0-0.8-0.3-0.8-0.8l0,0 C200.4,153.9,200.7,153.5,201.1,153.5z"/> </g> <g id="save" class="save"> <path class="st6" d="M234,147h39.8c0.6,0,1,0.4,1,1v12.4c0,0.6-0.4,1-1,1H234c-0.6,0-1-0.4-1-1V148C233,147.4,233.4,147,234,147z"/> <path class="st7" d="M248.1,153.5H261c0.4,0,0.8,0.3,0.8,0.8l0,0c0,0.4-0.3,0.8-0.8,0.8h-12.9c-0.4,0-0.8-0.3-0.8-0.8l0,0 C247.4,153.9,247.7,153.5,248.1,153.5z"/> </g> <g id="input5" class="input5"> <g> <circle class="st8" cx="17" cy="113" r="1"/> <circle class="st8" cx="22" cy="113" r="1"/> <circle class="st8" cx="17" cy="118" r="1"/> <circle class="st8" cx="22" cy="118" r="1"/> <circle class="st8" cx="17" cy="123" r="1"/> <circle class="st8" cx="22" cy="123" r="1"/> </g> <g> <path class="st3" d="M30,112.4h112c0.3,0,0.6,0.3,0.6,0.6v10c0,0.3-0.3,0.6-0.6,0.6H30c-0.3,0-0.6-0.3-0.6-0.6v-10 C29.4,112.7,29.7,112.4,30,112.4z"/> <path class="st6" d="M37,117h60c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1H37c-0.6,0-1-0.4-1-1l0,0C36,117.4,36.4,117,37,117z"/> </g> <g> <path class="st3" d="M150,112.4h114c0.3,0,0.6,0.3,0.6,0.6v10c0,0.3-0.3,0.6-0.6,0.6H150c-0.3,0-0.6-0.3-0.6-0.6v-10 C149.4,112.7,149.7,112.4,150,112.4z"/> <path class="st6" d="M154,117h30c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1h-30c-0.6,0-1-0.4-1-1l0,0C153,117.4,153.4,117,154,117z"/> </g> </g> <g id="input4" class="input4"> <g> <circle class="st8" cx="17" cy="95" r="1"/> <circle class="st8" cx="22" cy="95" r="1"/> <circle class="st8" cx="17" cy="100" r="1"/> <circle class="st8" cx="22" cy="100" r="1"/> <circle class="st8" cx="17" cy="105" r="1"/> <circle class="st8" cx="22" cy="105" r="1"/> </g> <g> <path class="st3" d="M30,94.4h112c0.3,0,0.6,0.3,0.6,0.6v10c0,0.3-0.3,0.6-0.6,0.6H30c-0.3,0-0.6-0.3-0.6-0.6V95 C29.4,94.7,29.7,94.4,30,94.4z"/> <path class="st6" d="M37,99h38c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1H37c-0.6,0-1-0.4-1-1l0,0C36,99.4,36.4,99,37,99z"/> </g> <g> <path class="st3" d="M150,94.4h114c0.3,0,0.6,0.3,0.6,0.6v10c0,0.3-0.3,0.6-0.6,0.6H150c-0.3,0-0.6-0.3-0.6-0.6V95 C149.4,94.7,149.7,94.4,150,94.4z"/> <path class="st6" d="M154,99h19c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1h-19c-0.6,0-1-0.4-1-1l0,0C153,99.4,153.4,99,154,99z"/> </g> </g> <g id="input3" class="input3"> <g> <circle class="st8" cx="17" cy="77" r="1"/> <circle class="st8" cx="22" cy="77" r="1"/> <circle class="st8" cx="17" cy="82" r="1"/> <circle class="st8" cx="22" cy="82" r="1"/> <circle class="st8" cx="17" cy="87" r="1"/> <circle class="st8" cx="22" cy="87" r="1"/> </g> <g> <path class="st3" d="M30,76.4h112c0.3,0,0.6,0.3,0.6,0.6v10c0,0.3-0.3,0.6-0.6,0.6H30c-0.3,0-0.6-0.3-0.6-0.6V77 C29.4,76.7,29.7,76.4,30,76.4z"/> <path class="st6" d="M37,81h60c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1H37c-0.6,0-1-0.4-1-1l0,0C36,81.4,36.4,81,37,81z"/> </g> <g> <path class="st3" d="M150,76.4h114c0.3,0,0.6,0.3,0.6,0.6v10c0,0.3-0.3,0.6-0.6,0.6H150c-0.3,0-0.6-0.3-0.6-0.6V77 C149.4,76.7,149.7,76.4,150,76.4z"/> <path class="st6" d="M154,81h30c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1h-30c-0.6,0-1-0.4-1-1l0,0C153,81.4,153.4,81,154,81z"/> </g> </g> <g id="input2" class="input2"> <g> <circle class="st8" cx="17" cy="59" r="1"/> <circle class="st8" cx="22" cy="59" r="1"/> <circle class="st8" cx="17" cy="64" r="1"/> <circle class="st8" cx="22" cy="64" r="1"/> <circle class="st8" cx="17" cy="69" r="1"/> <circle class="st8" cx="22" cy="69" r="1"/> </g> <g> <path class="st3" d="M30,58.4h112c0.3,0,0.6,0.3,0.6,0.6v10c0,0.3-0.3,0.6-0.6,0.6H30c-0.3,0-0.6-0.3-0.6-0.6V59 C29.4,58.7,29.7,58.4,30,58.4z"/> <path class="st6" d="M37,63h26c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1H37c-0.6,0-1-0.4-1-1l0,0C36,63.4,36.4,63,37,63z"/> </g> <g> <path class="st3" d="M150,58.4h114c0.3,0,0.6,0.3,0.6,0.6v10c0,0.3-0.3,0.6-0.6,0.6H150c-0.3,0-0.6-0.3-0.6-0.6V59 C149.4,58.7,149.7,58.4,150,58.4z"/> <path class="st6" d="M154,63h12c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1h-12c-0.6,0-1-0.4-1-1l0,0C153,63.4,153.4,63,154,63z"/> </g> </g> <g id="input1" class="input1"> <g> <circle class="st8" cx="17" cy="41" r="1"/> <circle class="st8" cx="22" cy="41" r="1"/> <circle class="st8" cx="17" cy="46" r="1"/> <circle class="st8" cx="22" cy="46" r="1"/> <circle class="st8" cx="17" cy="51" r="1"/> <circle class="st8" cx="22" cy="51" r="1"/> </g> <g> <path class="st3" d="M30,40.4h112c0.3,0,0.6,0.3,0.6,0.6v10c0,0.3-0.3,0.6-0.6,0.6H30c-0.3,0-0.6-0.3-0.6-0.6V41 C29.4,40.7,29.7,40.4,30,40.4z"/> <path class="st6" d="M37,45h60c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1H37c-0.6,0-1-0.4-1-1l0,0C36,45.4,36.4,45,37,45z"/> </g> <g> <path class="st3" d="M150,40.4h114c0.3,0,0.6,0.3,0.6,0.6v10c0,0.3-0.3,0.6-0.6,0.6H150c-0.3,0-0.6-0.3-0.6-0.6V41 C149.4,40.7,149.7,40.4,150,40.4z"/> <path class="st6" d="M154,45h30c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1h-30c-0.6,0-1-0.4-1-1l0,0C153,45.4,153.4,45,154,45z"/> </g> </g> </svg>