<svg id="ys" xmlns="http://www.w3.org/2000/svg" width="784.56" height="437.5" viewBox="0 0 784.56 437.5"><title>YellowSubmarineforSVG</title><g id="Layer_2" data-name="Layer 2"><path d="M296.7,257.25l-.45,21.84c-.4,18,21.92,35.38,21.92,35.38-49,3.59-53.85,38.26-53.85,38.26v44L256,386.43c-6-8-24.31-8-24.31-8H165.49C147.15,377.66,140,366.9,140,366.9H126.43l-.06-2.39-.27-8.78-.06-2.38h6V336.61c-4.78-12-17.14-12.75-17.14-12.75l-93.66,2c-7.57-3.19-8-9.57-8-9.57l38.26-2c23.52.8,23.91-11.56,23.91-11.56V232.58c.4-21.52-23.91-26.7-23.91-26.7H10.84l27.1-6c12-3.19,28.35-.4,28.35-.4,8.43.8,19.88,9.57,19.88,9.57l46.23,37.86c14.35,11.56,45.84,12.75,45.84,12.75v33.08s.4,6,8,7.17H244s8.37-.4,10.36-11.56V258.7l15.54-.21Z" transform="translate(-5.26 -2.34)" fill="#e8c71d"/><path d="M441.3,167.06v0l-10-.14,0-.48V147.29h10Z" transform="translate(-5.26 -2.34)" fill="#e9cb1a"/><path d="M454.45,236.57v17.81h-12V235.77c-17.14-29.89-36.27,0-36.27,0v18.61h-8.77v-19.8s.49-1.55,1.5-3.86a53.36,53.36,0,0,1,5.36-9.76.06.06,0,0,0,0,0,33.27,33.27,0,0,1,4.21-4.89,18.37,18.37,0,0,1,7.41-4.46,13,13,0,0,1,2.63-.49h20.33a26.1,26.1,0,0,1,4.85,3.56,34,34,0,0,1,6.54,7.88,33.31,33.31,0,0,1,2.17,4.19,34.87,34.87,0,0,1,2,6Z" transform="translate(-5.26 -2.34)" fill="#ed80b3"/><path d="M477.81,345.9a12.63,12.63,0,1,1-12.64-12.63A12.64,12.64,0,0,1,477.81,345.9Z" transform="translate(-5.26 -2.34)" fill="#4b1d12"/><path d="M435.13,31.31a37.88,37.88,0,0,1,14.73,13.55,11.43,11.43,0,0,1,.56,1.29,11.44,11.44,0,0,1,.84,3.09v92.07H431.33v-4.38l-1.2-24.71a39.35,39.35,0,0,0-.61-6.52v-.08c0-1.36-.43-19.66-1.39-23.69,0,0-6.38-14.14-12.75-15.35,0,0-2.52-1.75-5.34-3.89,17,4.46,26.46-9.06,26.46-9.06,8.67-13.87-4.83-24.2-5.74-24.89A28.43,28.43,0,0,1,435.13,31.31Z" transform="translate(-5.26 -2.34)" fill="#e9cb1a"/><path d="M483.15,30.54a33,33,0,0,1-6.46,6.31l-.41-.57c-8.86,3.79-15.45-9-15.45-9V17c-.19-7.16,8.1-13.07,8.56-13.41a35.65,35.65,0,0,1,7.25,1.85S469.4,7,469.4,13.58V24.32S475,33.35,483.15,30.54Z" transform="translate(-5.26 -2.34)" fill="#fff"/><path d="M417.1,166.33V147.88h3.27v18.84c-1.1,0-2.2,0-3.28-.08Z" transform="translate(-5.26 -2.34)" fill="#ec9e22"/><path d="M126.09,355.72l.27,8.78H112.48c-8-5.18,0-8.78,0-8.78Z" transform="translate(-5.26 -2.34)" fill="#ec1c24"/><path d="M459.63,215.68s8.77-1.31,5.18,6.81l-12.36,4.19a33.31,33.31,0,0,0-2.17-4.19Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M469.6,239.42s6.38,6.94-.4,9c0,0-12.75-.72-14.75,1.67v-10.7C454.45,242.29,469.6,239.42,469.6,239.42Z" transform="translate(-5.26 -2.34)" fill="#e680b3"/><path d="M439.83,345.9a13.28,13.28,0,1,0-13.28,13.3A13.28,13.28,0,0,0,439.83,345.9ZM426,327.73c9.73,0,17.6,8.15,17.6,18.17s-7.88,18.17-17.6,18.17c-9.57,0-17.35-7.88-17.58-17.71v-.46C408.38,335.88,416.25,327.73,426,327.73Z" transform="translate(-5.26 -2.34)" fill="#ec1c24"/><path d="M386.29,222.49,399,230.72c-1,2.31-1.5,3.86-1.5,3.86l-13.55-1.85S379.52,225.14,386.29,222.49Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M469.6,239.42s-15.15,2.87-15.15,0v-2.85l15.15-2S478.36,237.91,469.6,239.42Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M451.26,49.24a11.44,11.44,0,0,0-.84-3.09h0s2-2.28-2.17-14.44c0,0-3.38-6.78-3.38-7.38,0,0-1.53-13.14,3-16.74,0,0,4.77-4.58,18.11-4.37,0,0,1.36,0,3.38.33-.46.33-8.75,6.25-8.56,13.41V27.32s6.58,12.75,15.45,9l.41.57a31.6,31.6,0,0,1-6.7,3.83s-5.21,2-4.3,19.05c-10.81,3.4-14.43,10.63-14.43,10.63Z" transform="translate(-5.26 -2.34)" fill="#ec9e22"/><path d="M405.19,80.6s7.21.48,6,13.68c0,0-1.28,10.76-6.82,10.76a38.08,38.08,0,0,1-5.85-3.51c8.58-7.17.91-18.22.91-18.22A18.84,18.84,0,0,1,405.19,80.6Z" transform="translate(-5.26 -2.34)" fill="#fff"/><path d="M390,334.06a13.29,13.29,0,1,1-13.28,13.3A13.29,13.29,0,0,1,390,334.06Z" transform="translate(-5.26 -2.34)" fill="#4b1d12"/><path d="M418.58,211.06a13,13,0,0,0-2.63.49l-.16-.49-7.57-10.76s1.2-6.78,7.57-3.59C415.79,196.71,414.59,207.47,418.58,211.06Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M595.94,233l.19,15.94s-2.38,6.78-12.45,6l-80.21.06s-18.33-4-19.13-22v-43s-.4-12.75,20.73-13.55c8,22.72,13.55,33.08,13.55,33.08C527,228.2,547.32,229,547.32,229,548.51,231,595.94,233,595.94,233Z" transform="translate(-5.26 -2.34)" fill="#fff"/><path d="M353.68,329.18a18.17,18.17,0,1,1-18.17,18.17A18.17,18.17,0,0,1,353.68,329.18ZM367,347.35a13.28,13.28,0,1,0-13.28,13.28A13.29,13.29,0,0,0,367,347.35Z" transform="translate(-5.26 -2.34)" fill="#ec1c24"/><path d="M486.73,15.36v9.31a27.64,27.64,0,0,1-3.59,5.87c-8.16,2.81-13.74-6.22-13.74-6.22V13.58c0-6.58,7.24-8.18,7.24-8.18C481.11,7.09,485.54,10.07,486.73,15.36Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M430.93,254.28v.1H417.78v-7.54s6.38-10,13.15,0Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M254.37,258.7v29.69c-2,11.16-10.36,11.56-10.36,11.56H186.21c-7.57-1.2-8-7.17-8-7.17V259.69Z" transform="translate(-5.26 -2.34)" fill="#fbb116"/><path d="M417.1,141.31h14.24v6h-5.39v19.55l-5.58-.11V147.88H408.53v17.86l0,.72c-1.88,0-3.71-.08-5.48-.13V147.88c-13.34.21-16.15,18-16.15,18l-4.38-.13v0c.19-22.4,21.73-24.42,21.73-24.42Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M451.26,146.49v.8H448.1v19.83c-2.23,0-4.51,0-6.81,0V147.29h-10v-6h19.93v5.18Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M407.87,29.11a25.45,25.45,0,0,1,22.86-.4l0,0c.91.69,14.41,11,5.74,24.89,0,0-9.5,13.52-26.46,9.06h0a54,54,0,0,1-6.94-5.93h15.48s8.37-2.73,9-7.51V37.68S424.06,26.49,407.87,29.11Z" transform="translate(-5.26 -2.34)" fill="#fff"/><path d="M390,360.63a13.29,13.29,0,1,0-13.28-13.28A13.28,13.28,0,0,0,390,360.63Zm16.6-13.3c0,10-7.43,18.14-16.58,18.14s-16.6-8.13-16.6-18.14,7.43-18.14,16.6-18.14c8.86,0,16.12,7.62,16.56,17.2C406.62,346.72,406.62,347,406.62,347.34Z" transform="translate(-5.26 -2.34)" fill="#ec1c24"/><path d="M353.68,334.06a13.29,13.29,0,1,1-13.28,13.3A13.29,13.29,0,0,1,353.68,334.06Z" transform="translate(-5.26 -2.34)" fill="#4b1d12"/><path d="M373.44,347.34l-1.59,0a18.17,18.17,0,0,0-18.17-18.17V327H390v2.15C380.87,329.2,373.44,337.31,373.44,347.34Z" transform="translate(-5.26 -2.34)" fill="#e8c71d"/><path d="M451.26,166.45v.69c-1,0-2.09,0-3.16,0V147.29h3.16Z" transform="translate(-5.26 -2.34)" fill="#e9cb1a"/><path d="M465.69,59.73A38.4,38.4,0,0,1,476.77,58s.62.1,1.67.32c-.37,0-12.95.11-20,14.83,0,0-4.5,19.93,10,21.32,0,0,10.9,1.21,12.5,1,0,0,8.83,1.07,12.9-1.47a18.21,18.21,0,0,1-3.71,2.31s-14,6.73-11,17.09l-.19,27.9H451.26V70.37S454.88,63.13,465.69,59.73Z" transform="translate(-5.26 -2.34)" fill="#e8c71d"/><path d="M499.49,75s2.84,10.71-4.32,17.86c0,0,0,0-.08.08A11.92,11.92,0,0,1,493.84,94c-4.07,2.53-12.9,1.47-12.9,1.47-1.59.21-12.5-1-12.5-1-14.51-1.39-10-21.32-10-21.32,7.06-14.72,19.64-14.83,20-14.83h0C483.32,59.37,497.19,63.32,499.49,75ZM489.33,87.9C494.5,85.51,492.11,74,492.11,74c-4.18-10.57-17.33-8.18-17.33-8.18-2.81.24-6.23,3.6-6.23,3.6-11.21,13.93,3,19.51,3,19.51A19.7,19.7,0,0,0,489.33,87.9Z" transform="translate(-5.26 -2.34)" fill="#fff"/><path d="M569.79,295.32a12.51,12.51,0,1,1-12.52-12.52A12.5,12.5,0,0,1,569.79,295.32Z" transform="translate(-5.26 -2.34)" fill="#4b1d12"/><path d="M478,166.33l0,.53c-2.49.1-5.31.18-8.4.22V147.29H478Z" transform="translate(-5.26 -2.34)" fill="#e9cb1a"/><path d="M426.55,332.62a13.29,13.29,0,1,1-13.28,13.28A13.28,13.28,0,0,1,426.55,332.62Z" transform="translate(-5.26 -2.34)" fill="#4b1d12"/><path d="M524.14,416.72V439h-122V413.13s-1.2-7.57,8.37-8H514.17S524.14,406.76,524.14,416.72Z" transform="translate(-5.26 -2.34)" fill="#f1e919"/><path d="M399.45,83.31s7.67,11-.91,18.22c-1.8-1.36-3.36-2.95-3.57-4.46C395,97.07,392.67,86.12,399.45,83.31Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M452.46,205.88s-4.64,6.31-8.7,8.74a26.1,26.1,0,0,0-4.85-3.56c5.58-3.19,6.38-11.16,6.38-11.16S453.25,197.91,452.46,205.88Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M415.79,211.06l.16.49a18.37,18.37,0,0,0-7.41,4.46c-6.06-3-8.59-10.54-8.59-10.54s-2.09-10,8.27-5.18Z" transform="translate(-5.26 -2.34)" fill="#e680b3"/><path d="M431.33,136.93v4.38H417.1v-7.37s.41-17.74-2.65-20.93c0,0-4.51-8.18-10.06-8,5.55,0,6.82-10.76,6.82-10.76,1.18-13.2-6-13.68-6-13.68a11.86,11.86,0,0,1,11.93,2.71s6.25,3,10.84,13.17c0,0,.92,4.72,1.58,9.14v.08a39.35,39.35,0,0,1,.61,6.52Z" transform="translate(-5.26 -2.34)" fill="#ec9e22"/><path d="M557.28,278.19c-9.44,0-17.11,8.21-17.11,18.32s7.67,18.3,17.11,18.3,17.12-8.19,17.12-18.3S566.73,278.19,557.28,278.19Zm196.37-.84c-4.78-5-57.55,3.89-31.36,9.84,0,1.87,21.4,9.57,21.4,9.57,11.83,2.92,16.6-4.78,16.6-4.78C764.81,285.32,753.65,277.35,753.65,277.35ZM482.08,346.62a17.49,17.49,0,0,0-17.54-17.46,16.56,16.56,0,0,0-2.68.21l-.51-4.19,4.26-.53c12.75-.4,19.53-13.15,19.53-13.15l13.15-19.93c9.17-14.75,19.93-13.95,19.93-13.95H693.59c21.92-.4,22.72-22.72,22.72-22.72,29.1,1.2,47.43,10,47.43,10a35.22,35.22,0,0,1,23.52,19.53c4,10.76,0,25.51,0,25.51,0,6.38-27.1,23.52-27.1,23.52a42.39,42.39,0,0,0-21.92,23.91c-1.2,0-2,24.71-2,24.71-2.39,13.15-20.73,26.7-20.73,26.7-3,3-16.09,7.13-30.16,10.86V351.48c-7.43-19.13-29-20.73-29-20.73h-51c-18.08.27-18.88,13.82-18.88,13.82l-1.79,91.77c-14.68,1-54.54,2.69-54.54,2.69h-6V416.72c0-10-10-11.56-10-11.56H410.54c-9.57.4-8.37,8-8.37,8V439H375.53c-2.39,0-49.42-5.18-49.42-5.18-38.26-5.18-53.41-26.7-53.41-26.7l-3.19-4V371.28l2.39-11.16c9.21-19.93,24.71-26.7,24.71-26.7,4.78-4.38,27.9-6.38,27.9-6.38h29.16v2.14a18.17,18.17,0,1,0,18.17,18.17l1.59,0c0,10,7.43,18.14,16.6,18.14s16.58-8.13,16.58-18.14c0-.32,0-.62,0-.94l1.77,0c.24,9.84,8,17.71,17.58,17.71,9.73,0,17.6-8.13,17.6-18.17L447,346c0,.21,0,.43,0,.65a17.55,17.55,0,0,0,35.09,0Z" transform="translate(-5.26 -2.34)" fill="#e8c71d"/><path d="M722.29,287.19c-26.19-5.95,26.58-14.87,31.36-9.84,0,0,11.16,8,6.63,14.62,0,0-4.77,7.7-16.6,4.78C743.68,296.75,722.29,289.05,722.29,287.19Z" transform="translate(-5.26 -2.34)" fill="#ef8721"/><path d="M420.36,166.72l5.58.11,5.37.1,10,.14c2.3,0,4.58,0,6.81,0,1.07,0,2.12,0,3.16,0,3.94,0,7.76,0,11.35,0,2.44,0,4.78,0,7-.08,3.09,0,5.91-.13,8.4-.22s4.62-.24,6.35-.4c1.32-.13,2.41-.27,3.19-.43a17.76,17.76,0,0,1,2-.3c11.64-1.16,15.58,10.67,15.58,10.67-21.12.8-20.73,13.55-20.73,13.55v43c.8,17.94,19.13,22,19.13,22l80.21-.06c10.08.8,12.45-6,12.45-6L595.94,233c18.33-1.2,24.31,4,24.31,4l12.36,8c6,5.58,22.32,7.57,22.32,7.57,1.59.27,28.55,1.24,46.2,1.87-.84,7.45-11.53,10.09-11.53,10.09H513.84c-18.73,4-23.52,12-23.52,12l-17.54,25.91c-6.78,9.58-15.15,11.16-15.15,11.16H348.43c-29.89-1.59-38.68-37.07-38.68-37.07V256.64l20.34-.94c27.1.4,33.48-21.12,33.48-21.12,3.59-4.38,4.38-47,4.38-47,2-16.34,11.16-21.91,11.16-21.91l3.38.11,4.38.13c4.16.13,9.73.29,16.15.45,1.77,0,3.6.1,5.48.13,2.76.08,5.63.14,8.56.19C418.16,166.68,419.26,166.71,420.36,166.72ZM472,254.38c8.77-2.92-2.79-5.93-2.79-5.93,6.78-2.09.4-9,.4-9,8.77-1.51,0-4.85,0-4.85,6.38-8-4.78-12.08-4.78-12.08,3.59-8.11-5.18-6.81-5.18-6.81,7.17-11-7.17-9.8-7.17-9.8.8-8-7.17-6-7.17-6-.4-7.17-9.17-3.59-9.17-3.59-5.18-7.57-7.57,1.2-7.57,1.2-5.58-7.57-12.75-.8-12.75-.8-6.38-3.19-7.57,3.59-7.57,3.59-10.36-4.78-8.27,5.18-8.27,5.18-11.08-3.19-7.67,5.58-7.67,5.58-10.36,1.59-6,11.43-6,11.43-6.78,2.65-2.39,10.24-2.39,10.24-9.57,5.31,0,13.41,0,13.41-6.38,2-2,8.24-2,8.24H472Z" transform="translate(-5.26 -2.34)" fill="#fff"/><path d="M428.54,210.74v.32h-10c-4-3.59-2.79-14.35-2.79-14.35s7.17-6.78,12.75.8Z" transform="translate(-5.26 -2.34)" fill="#e680b3"/><path d="M433.72,210.74v.32h-5.18V197.51s2.39-8.77,7.57-1.2C436.12,196.31,432.53,204.06,433.72,210.74Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M445.28,199.9s-.8,8-6.38,11.16h-5.18v-.32c-1.2-6.68,2.39-14.43,2.39-14.43S444.88,192.73,445.28,199.9Z" transform="translate(-5.26 -2.34)" fill="#e680b3"/><path d="M454.45,250.12c2-2.39,14.75-1.67,14.75-1.67s11.56,3,2.79,5.93H454.45Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M464.54,329.16A17.46,17.46,0,1,1,447,346.62c0-.22,0-.45,0-.65a17.48,17.48,0,0,1,14.86-16.6A16.56,16.56,0,0,1,464.54,329.16Zm13.26,16.74a12.63,12.63,0,1,0-12.64,12.64A12.64,12.64,0,0,0,477.81,345.9Z" transform="translate(-5.26 -2.34)" fill="#ec1c24"/><path d="M461.86,329.37A17.48,17.48,0,0,0,447,346l-3.44-.06c0-10-7.88-18.17-17.6-18.17V327h20.12l15.27-1.87Z" transform="translate(-5.26 -2.34)" fill="#e8c71d"/><path d="M487.93,141.31v6h-3.59v19.16c-1.72.16-3.86.3-6.35.4l0-.53v-19H469.6v19.78c-2.2,0-4.54.06-7,.08V147.29H451.26v-6h36.67Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M462.61,167.06v.1c-3.59,0-7.41,0-11.35,0V147.29h11.35Z" transform="translate(-5.26 -2.34)" fill="#e9cb1a"/><path d="M431.33,147.29v19.16l0,.48-5.37-.1V147.29Z" transform="translate(-5.26 -2.34)" fill="#ec9e22"/><path d="M397.45,248.45v5.93H381.91s-4.38-6.25,2-8.24Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M464.81,222.49s11.16,4.11,4.78,12.08l-15.15,2v-3.84a34.87,34.87,0,0,0-2-6Z" transform="translate(-5.26 -2.34)" fill="#e680b3"/><path d="M408.53,216a33.27,33.27,0,0,0-4.21,4.89c1.05-2-12.05-9.85-12.05-9.85s-3.41-8.77,7.67-5.58C399.94,205.48,402.48,213,408.53,216Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M452.46,205.88s14.35-1.2,7.17,9.8l-9.34,6.81a34,34,0,0,0-6.54-7.88C447.82,212.19,452.46,205.88,452.46,205.88Z" transform="translate(-5.26 -2.34)" fill="#e680b3"/><path d="M397.45,234.58v13.87l-13.55-2.31s-9.57-8.1,0-13.41Z" transform="translate(-5.26 -2.34)" fill="#e680b3"/><path d="M557.28,282.8a12.51,12.51,0,1,0,12.52,12.52A12.51,12.51,0,0,0,557.28,282.8Zm-17.11,13.71c0-10.11,7.67-18.32,17.11-18.32s17.12,8.21,17.12,18.32-7.67,18.3-17.12,18.3S540.17,306.62,540.17,296.51Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M392.27,211.06s13.1,7.84,12.05,9.85a.06.06,0,0,1,0,0,53.36,53.36,0,0,0-5.36,9.76l-12.66-8.23S381.91,212.65,392.27,211.06Z" transform="translate(-5.26 -2.34)" fill="#e680b3"/><path d="M716.31,254.9s-.8,22.32-22.72,22.72H518.22s-10.76-.8-19.93,13.95L485.14,311.5s-6.78,12.75-19.53,13.15l-4.26.53L446.08,327H324.52s-23.12,2-27.9,6.38c0,0-15.5,6.78-24.71,26.7l-2.39,11.16V403.2l-5.2-6.42v-44s4.83-34.68,53.85-38.26c0,0-22.32-17.33-21.92-35.38l.45-21.84,13.06-.61v19.78s8.78,35.47,38.68,37.07H457.64s8.37-1.58,15.15-11.16l17.54-25.91s4.78-8,23.52-12H689.6s10.68-2.65,11.53-10.09Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M408.38,345.9v.46l-1.77,0c-.45-9.58-7.7-17.2-16.56-17.2V327H426v.69C416.25,327.73,408.38,335.88,408.38,345.9Z" transform="translate(-5.26 -2.34)" fill="#e8c71d"/><path d="M442.49,235.77v18.61H430.93v-7.54c-6.78-10-13.15,0-13.15,0v7.54H406.22V235.77S425.35,205.88,442.49,235.77Z" transform="translate(-5.26 -2.34)" fill="#30499c"/><path d="M427.54,37.68V49.24c-.59,4.78-9,7.51-9,7.51h-15.5a4,4,0,0,1-.64-.92s-15.15-13,1.79-24.52a22.28,22.28,0,0,1,3.63-2.2C424.06,26.49,427.54,37.68,427.54,37.68Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M492.11,74s2.39,11.56-2.77,13.95a19.7,19.7,0,0,1-17.74,1s-14.25-5.58-3-19.51c0,0,3.43-3.36,6.23-3.6C474.78,65.77,487.93,63.38,492.11,74Z" transform="translate(-5.26 -2.34)" fill="#de2127"/><path d="M685.35,419.59v0c-19.24,5.09-40.38,9.47-40.38,9.47-19.93,5.18-55,6.78-55,6.78a49.28,49.28,0,0,1-5.25.49l1.79-91.77s.8-13.55,18.88-13.82h51s21.52,1.59,29,20.73Z" transform="translate(-5.26 -2.34)" fill="#f1e919"/><path d="M178.24,259.69s-31.49-1.2-45.84-12.75L86.17,209.07s-11.45-8.77-19.88-9.57c0,0-16.39-2.79-28.35.4l-27.1,6H51.5s24.31,5.18,23.91,26.7v70.15S75,315.09,51.5,314.29l-38.26,2s.4,6.38,8,9.57l93.66-2s12.36.8,17.14,12.75v16.74h-6l.06,2.38.27,8.78.06,2.39H140s7.17,10.76,25.51,11.56h66.16s18.33,0,24.31,8l8.35,10.35,5.2,6.42,3.19,4s15.15,21.52,53.41,26.7c0,0,47,5.18,49.42,5.18H530.18s39.86-1.67,54.54-2.69a49.28,49.28,0,0,0,5.25-.49s35.07-1.59,55-6.78c0,0,21.14-4.38,40.38-9.47,14.08-3.73,27.13-7.83,30.16-10.86,0,0,18.33-13.55,20.73-26.7,0,0,.8-24.71,2-24.71a42.39,42.39,0,0,1,21.92-23.91s27.1-17.14,27.1-23.52c0,0,4-14.75,0-25.51a35.22,35.22,0,0,0-23.52-19.53s-18.33-8.77-47.43-10l-15.18-.53c-17.65-.62-44.61-1.59-46.2-1.87,0,0-16.34-2-22.32-7.57l-12.36-8s-6-5.18-24.31-4c0,0-47.43-2-48.63-4,0,0-20.33-.8-28.7-19.53,0,0-5.58-10.36-13.55-33.08,0,0-3.94-11.83-15.58-10.67a17.76,17.76,0,0,0-2,.3c-.78.16-1.87.3-3.19.43-1.72.16-3.86.3-6.35.4s-5.31.18-8.4.22c-2.2,0-4.54.06-7,.08-3.59,0-7.41,0-11.35,0-1,0-2.09,0-3.16,0-2.23,0-4.51,0-6.81,0l-10-.14-5.37-.1-5.58-.11c-1.1,0-2.2,0-3.28-.08-2.93,0-5.8-.11-8.56-.19-1.88,0-3.71-.08-5.48-.13-6.42-.16-12-.32-16.15-.45l-4.38-.13-3.38-.11S370,171.2,368,187.54c0,0-.8,42.65-4.38,47,0,0-6.38,21.52-33.48,21.12l-20.34.94-13.06.61-26.78,1.24-15.54.21Z" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.59"/><path d="M178.24,259.69v33.08s.4,6,8,7.17H244s8.37-.4,10.36-11.56V258.7" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.59"/><path d="M126.09,355.72H112.48s-8,3.6,0,8.78h13.62" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.59"/><path d="M309.75,256.64v19.78s8.78,35.47,38.68,37.07H457.64s8.37-1.58,15.15-11.16l17.54-25.91s4.78-8,23.52-12H689.6s10.68-2.65,11.53-10.09" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.59"/><path d="M716.31,254.9s-.8,22.32-22.72,22.72H518.22s-10.76-.8-19.93,13.95L485.14,311.5s-6.78,12.75-19.53,13.15l-4.26.53L446.08,327H324.52s-23.12,2-27.9,6.38c0,0-15.5,6.78-24.71,26.7l-2.39,11.16V403.2" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.59"/><path d="M402.17,439V413.13s-1.2-7.57,8.37-8H514.17s10,1.59,10,11.56V439" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.59"/><path d="M264.32,396.78v-44s4.83-34.68,53.85-38.26c0,0-22.32-17.33-21.92-35.38l.45-21.84v-.14" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.59"/><path d="M584.72,436.36v0l1.79-91.77s.8-13.55,18.88-13.82h51s21.52,1.59,29,20.73v68.11" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.59"/><path d="M753.65,277.35s11.16,8,6.63,14.62c0,0-4.77,7.7-16.6,4.78,0,0-21.4-7.7-21.4-9.57C696.09,281.24,748.86,272.31,753.65,277.35Z" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.59"/><path d="M371.85,347.35a18.17,18.17,0,1,1-18.17-18.17A18.18,18.18,0,0,1,371.85,347.35Z" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.85"/><path d="M367,347.35a13.28,13.28,0,1,1-13.28-13.3A13.28,13.28,0,0,1,367,347.35Z" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.85"/><path d="M406.61,346.4c0,.32,0,.62,0,.94,0,10-7.43,18.14-16.58,18.14s-16.6-8.13-16.6-18.14,7.43-18.14,16.6-18.14C398.91,329.2,406.16,336.82,406.61,346.4Z" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.77"/><path d="M403.31,347.35A13.28,13.28,0,1,1,390,334.06,13.28,13.28,0,0,1,403.31,347.35Z" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.85"/><path d="M443.56,345.9c0,10-7.88,18.17-17.6,18.17-9.57,0-17.35-7.88-17.58-17.71v-.46c0-10,7.88-18.17,17.58-18.17S443.56,335.88,443.56,345.9Z" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.82"/><path d="M439.83,345.9a13.28,13.28,0,1,1-13.28-13.28A13.29,13.29,0,0,1,439.83,345.9Z" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.85"/><path d="M461.86,329.37a16.56,16.56,0,0,1,2.68-.21A17.46,17.46,0,1,1,447,346.62c0-.22,0-.45,0-.65A17.48,17.48,0,0,1,461.86,329.37Z" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.79"/><path d="M477.81,345.9a12.63,12.63,0,1,1-12.64-12.63A12.64,12.64,0,0,1,477.81,345.9Z" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.76"/><path d="M574.4,296.51c0,10.11-7.67,18.3-17.12,18.3s-17.11-8.19-17.11-18.3,7.67-18.32,17.11-18.32S574.4,286.41,574.4,296.51Z" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.81"/><path d="M569.79,295.32a12.51,12.51,0,1,1-12.52-12.52A12.5,12.5,0,0,1,569.79,295.32Z" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.75"/><path d="M595.94,233l.19,15.94s-2.38,6.78-12.45,6l-80.21.06s-18.33-4-19.13-22v-43s-.4-12.75,20.73-13.55" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M406.22,254.38V235.77s19.13-29.89,36.27,0v18.61" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M404.33,220.91a33.27,33.27,0,0,1,4.21-4.89,18.37,18.37,0,0,1,7.41-4.46,13,13,0,0,1,2.63-.49h20.33a26.1,26.1,0,0,1,4.85,3.56,34,34,0,0,1,6.54,7.88,33.31,33.31,0,0,1,2.17,4.19,34.87,34.87,0,0,1,2,6v21.65" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M397.45,254.38v-19.8s.49-1.55,1.5-3.86a53.36,53.36,0,0,1,5.36-9.76" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M383.9,246.13s-9.57-8.1,0-13.41l13.55,1.85" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M383.9,232.73s-4.38-7.59,2.39-10.24c0,0-4.38-9.84,6-11.43,0,0-3.41-8.77,7.67-5.58,0,0-2.09-10,8.27-5.18,0,0,1.2-6.78,7.57-3.59,0,0,7.17-6.78,12.75.8,0,0,2.39-8.77,7.57-1.2,0,0,8.77-3.59,9.17,3.59,0,0,8-2,7.17,6,0,0,14.35-1.2,7.17,9.8,0,0,8.77-1.31,5.18,6.81,0,0,11.16,4.11,4.78,12.08,0,0,8.77,3.33,0,4.85,0,0,6.38,6.94-.4,9,0,0,11.56,3,2.79,5.93H381.91s-4.38-6.25,2-8.24l13.55,2.31" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><line x1="381.03" y1="220.15" x2="393.69" y2="228.38" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M392.27,211.06s13.1,7.84,12.05,9.85a.06.06,0,0,1,0,0" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M399.94,205.48s2.53,7.51,8.59,10.54" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><line x1="402.96" y1="197.96" x2="410.53" y2="208.72" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M415.79,196.71s-1.2,10.76,2.79,14.35" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><line x1="423.28" y1="195.17" x2="423.28" y2="208.41" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M436.12,196.31s-3.59,7.75-2.39,14.43" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M445.28,199.9s-.8,8-6.38,11.16" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M452.46,205.88s-4.64,6.31-8.7,8.74" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><line x1="454.37" y1="213.35" x2="445.03" y2="220.15" fill="none" stroke="#231f20" stroke-width="1.74"/><line x1="459.55" y1="220.15" x2="447.2" y2="224.35" fill="none" stroke="#231f20" stroke-width="1.74"/><line x1="464.33" y1="232.24" x2="449.19" y2="234.23" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M469.6,239.42s-15.15,2.87-15.15,0" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M469.2,248.45s-12.75-.72-14.75,1.67" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M417.78,254.28v-7.45s6.38-10,13.15,0v7.45" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><polyline points="426.07 144.06 426.07 144.95 426.07 164.12" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M429.53,105.7a39.35,39.35,0,0,1,.61,6.52l1.2,24.71V142" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M417.1,142.11v-8.16s.41-17.74-2.65-20.93c0,0-4.51-8.18-10.06-8a38.08,38.08,0,0,1-5.85-3.51c-1.8-1.36-3.36-2.95-3.57-4.46,0,0-2.3-11,4.48-13.76a18.84,18.84,0,0,1,5.74-2.71,11.86,11.86,0,0,1,11.93,2.71s6.25,3,10.84,13.17c0,0,.92,4.72,1.58,9.14" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><line x1="411.84" y1="163.99" x2="411.84" y2="145.54" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M386.88,165.88s2.81-17.79,16.15-18v18.45" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><polyline points="415.1 164.5 415.1 164.39 415.1 145.54 411.83 145.54 403.27 145.54 403.27 163.4" fill="none" stroke="#231f20" stroke-width="1.74"/><polyline points="420.68 164.5 420.68 144.95 426.07 144.95 436.04 144.95 436.04 164.72" fill="none" stroke="#231f20" stroke-width="1.74"/><polyline points="442.84 164.72 442.84 144.95 446 144.95 457.35 144.95 457.35 164.72" fill="none" stroke="#231f20" stroke-width="1.74"/><polyline points="464.33 164.72 464.33 144.95 472.7 144.95 472.7 163.99" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M484.34,166.45V147.29h3.59v-6h-83.7s-21.54,2-21.73,24.42" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><polyline points="446 144.16 446 144.95 446 164.12" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M430.77,28.74a28.43,28.43,0,0,1,4.35,2.57,37.88,37.88,0,0,1,14.73,13.55,11.43,11.43,0,0,1,.56,1.29,11.44,11.44,0,0,1,.84,3.09v92.67" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M403.08,56.75a4,4,0,0,1-.64-.92s-15.15-13,1.79-24.52a22.28,22.28,0,0,1,3.63-2.2,25.45,25.45,0,0,1,22.86-.4" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M410,62.68a54,54,0,0,1-6.94-5.93" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M429.53,105.7v-.08c0-1.36-.43-19.66-1.39-23.69,0,0-6.38-14.14-12.75-15.35,0,0-2.52-1.75-5.34-3.89" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M450.43,46.15s2-2.28-2.17-14.44c0,0-3.38-6.78-3.38-7.38,0,0-1.53-13.14,3-16.74,0,0,4.77-4.58,18.11-4.37,0,0,1.36,0,3.38.33a35.65,35.65,0,0,1,7.25,1.85c4.46,1.69,8.9,4.67,10.09,10v9.31a27.64,27.64,0,0,1-3.59,5.87,33,33,0,0,1-6.46,6.31,31.6,31.6,0,0,1-6.7,3.83s-5.21,2-4.3,19.05v.08" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M495.09,92.89A11.92,11.92,0,0,1,493.84,94a18.21,18.21,0,0,1-3.71,2.31s-14,6.73-11,17.09l-.19,27.9" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M478.46,58.33c4.86,1,18.73,5,21,16.63,0,0,2.84,10.71-4.32,17.86" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M451.26,70.37s3.62-7.24,14.43-10.63A38.4,38.4,0,0,1,476.77,58s.62.1,1.67.32" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M399.45,83.31s7.67,11-.91,18.22" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M405.19,80.6s7.21.48,6,13.68c0,0-1.28,10.76-6.82,10.76" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M403.08,56.75h15.5s8.37-2.73,9-7.51V37.68s-3.48-11.19-19.67-8.58" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M476.64,5.4S469.4,7,469.4,13.58V24.32s5.58,9,13.74,6.22" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M469.4,3.55h0c-.46.33-8.75,6.25-8.56,13.41V27.32s6.58,12.75,15.45,9" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M474.78,65.77s13.15-2.39,17.33,8.18c0,0,2.39,11.56-2.77,13.95a19.7,19.7,0,0,1-17.74,1s-14.25-5.58-3-19.51C468.54,69.38,472,66,474.78,65.77Z" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M430.73,28.71l0,0c.91.69,14.41,11,5.74,24.89,0,0-9.5,13.52-26.46,9.06h0" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><path d="M478.46,58.33h0c-.37,0-12.95.11-20,14.83,0,0-4.5,19.93,10,21.32,0,0,10.9,1.21,12.5,1,0,0,8.83,1.07,12.9-1.47a4.68,4.68,0,0,0,1.24-1.12s.06,0,.08-.08" transform="translate(-5.26 -2.34)" fill="none" stroke="#231f20" stroke-width="1.74"/><circle cx="590.96" cy="297.68" r="18.18" fill="#ec1c24" stroke="#231f20" stroke-width="1.85"/><circle cx="590.96" cy="297.68" r="13.29" fill="#4b1d12" stroke="#231f20" stroke-width="1.59"/><circle cx="628.35" cy="295.98" r="17.02" fill="#ec1c24" stroke="#231f20" stroke-width="1.74"/><circle cx="629.89" cy="295.54" r="12.44" fill="#4b1d12" stroke="#231f20" stroke-width="1.59"/><circle cx="665.4" cy="295.98" r="17.11" fill="#ec1c24" stroke="#231f20" stroke-width="1.59"/><circle cx="665.4" cy="295.98" r="12.51" fill="#4b1d12" stroke="#231f20" stroke-width="1.59"/></g>
  <g id="propellor"><path d="M118.89,344.6c0,4-3.53,16-7.08,16s-5.79-12.06-5.79-16,2-10.94,5.56-10.94S118.89,340.64,118.89,344.6Z" transform="translate(-5.26 -2.34)" fill="#ec1c24" stroke="#231f20" stroke-width="1.55"/><path d="M118.89,376.67c0-4-3.53-16-7.08-16s-5.79,12.06-5.79,16,3.76,10,7.32,10S118.89,380.63,118.89,376.67Z" transform="translate(-5.26 -2.34)" fill="#ec1c24" stroke="#231f20" stroke-width="1.55"/><ellipse cx="106.55" cy="358.3" rx="5.54" ry="5.92" fill="#ec1c24" stroke="#231f20" stroke-width="1.55"/></g>
<g id="rudder">
  <path d="M5.66,212.26h45s15.15,3.19,15.54,19.93v64.17s1.59,11.16-12.36,10.76l-43.44,0s17.14-12,0-27.12c0,0,16.34-12.75,0-29.89C10.44,250.13,36,233.79,5.66,212.26Z" transform="translate(-5.26 -2.34)" fill="#ffdd15" stroke="#231f20" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
  <line x1="60.98" y1="229.85" x2="70.15" y2="230.25" fill="#ffdd15" stroke="#231f20" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  <line x1="60.98" y1="237.43" x2="70.15" y2="237.43" fill="#ffdd15" stroke="#231f20" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  <line x1="60.98" y1="275.69" x2="70.15" y2="275.69" fill="#ffdd15" stroke="#231f20" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  <line x1="60.98" y1="284.06" x2="70.15" y2="284.06" fill="#ffdd15" stroke="#231f20" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
</g>
</svg>


<!-- <div class="testme">
this is a test rudder
</div> -->
body {
  background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #4E62BD),
	color-stop(1, #202140)
);
background-image: -o-linear-gradient(bottom, #4E62BD 0%, #202140 100%);
background-image: -moz-linear-gradient(bottom, #4E62BD 0%, #202140 100%);
background-image: -webkit-linear-gradient(bottom, #4E62BD 0%, #202140 100%);
background-image: -ms-linear-gradient(bottom, #4E62BD 0%, #202140 100%);
background-image: linear-gradient(to bottom, #4E62BD 0%, #202140 100%);
}




.testme {
  width: 100px;
  height:200px;
  padding 24px;
  background-color:#fc0;
  border:2px solid #000;
  font-family:sans-serif;
  text-align:center;
}

ys = $("#ys")
ysAni = new TimelineMax()

ysAni.set(ys, {scale:.5, x:-45, y:124, transformPerspective:500})

ysAni.to(ys, 5,{x:1256, y:24, ease:Expo.easeIn})
ysAni.to(ys, .002,{rotationY:180, scale:.75, ease:Expo.easeIn})
ysAni.to(ys, 4.2,{x:-240, y:-124, rotation:-12, ease:Expo.easeOut})
ysAni.to(ys, 2.4,{x:10, y:42, rotation:0, ease:Expo.easeOut}, "-=2.4")



// Animation for Propellor
propAni = new TimelineMax({repeat:-1});
propAni.to("#propellor", .5, {transformOrigin:"50% 50%", rotation:360, ease:Power0.easeNone})

// Animation for Rudder
rudderAni = new TimelineMax({repeat:-1, yoyo:true})
rudderAni.set("#rudder",{transformOrigin:"right center"})
rudderAni.set("#rudder",{transformPerspective:500})
rudderAni.fromTo("#rudder", 1.5, {rotationY:60, ease:Power0.easeNone}, {rotationY:-80, ease:Power0.easeNone})

// Test animation
testAni = new TimelineMax({repeat:-1,yoyo:true})
testAni.set(".testme",{transformOrigin:"right center", transformPerspective:500})
testAni.fromTo(".testme", 1.5, {rotationY:60, ease:Power0.easeNone}, {rotationY:-80, ease:Power0.easeNone})



External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js