CINXE.COM

omg-img: Get Free Icons by Writing a URL

<!DOCTYPE html> <html class="mdc-typography gr__web_archive_org"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- End Wayback Rewrite JS Include --> <title>omg-img: Get Free Icons by Writing a URL</title> <style> body { font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Segoe UI', 'Fira Sans', Roboto, Oxygen, Ubuntu, 'Droid Sans', 'Arial', sans-serif; line-height: 1.75em; background-color: #1B1B1B; color: #CECECE; padding: 2rem; } a { color: #0080eb; } .logo-main { width: 150px; padding-bottom: 50px; } .img-splash { padding-top: 40px; padding-bottom: 10px; width: 100%; } .icon-card { display: inline-block; margin: 15px 0; } .mdc-card__primary.code-sample { font-family: "Courier"; background-color: #3E3E3E; color: #F1F1F1; padding-bottom: 16px; text-align: center; overflow-x: scroll; white-space: nowrap; } .code-sample a { text-decoration: none; color: #F5AC72; } .code-sample a:hover { text-decoration: underline; } ul.list-options { color: gray; } ul.usage-examples { list-style: none; padding-left: 0; } .icon-image { margin: auto; } .icon-preview { background-color: #f3f3f3; } a { background-color: black !important; } .page-title { font-size: 24px; font-weight: 700; line-height: 28px; } </style> </head> <body class="mdc-typography" data-gr-c-s-loaded="true" cz-shortcut-listen="true"> <div id="wm-ipp-base" lang="en" style="display: block; direction: ltr;"> </div> <div class="mdc-layout-grid"> <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-3 title-desc-block layout-grid__cell--span-1-tablet layout-grid__cell--span-0-phone"> </div> <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6 title-desc-block"> <svg class="logo-main" viewBox="0 0 317 336" xmlns="http://www.w3.org/2000/svg"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="omg-img" transform="translate(-120.000000, -180.000000)"> <g id="omg-img-logo" transform="translate(120.000000, 180.000000)"> <path d="M38.96,303 L38.96,292.816 L65.408,292.816 L65.408,237.184 L38.96,237.184 L38.96,227 L77.568,227 L77.568,292.816 L103.408,292.816 L103.408,303 L38.96,303 Z M154.024,303 L154.024,252.384 C154.024,250.255989 153.948001,248.20401 153.796,246.228 C153.643999,244.25199 153.289336,242.478675 152.732,240.908 C152.174664,239.337325 151.364005,238.096005 150.3,237.184 C149.235995,236.271995 147.842675,235.816 146.12,235.816 C142.674649,235.816 139.761345,237.234652 137.38,240.072 C134.998655,242.909348 133.200006,246.455979 131.984,250.712 L131.984,303 L120.432,303 L120.432,227 L128.336,227 L130.616,236.272 L131.224,236.272 C132.237338,234.751992 133.225329,233.308007 134.188,231.94 C135.150671,230.571993 136.265327,229.381338 137.532,228.368 C138.798673,227.354662 140.293325,226.569336 142.016,226.012 C143.738675,225.454664 145.91732,225.176 148.552,225.176 C150.072008,225.176 151.642659,225.403998 153.264,225.86 C154.885341,226.316002 156.379993,227.025329 157.748,227.988 C159.116007,228.950671 160.306662,230.242659 161.32,231.864 C162.333338,233.485341 162.991998,235.461322 163.296,237.792 C165.626678,233.83998 168.235986,230.749344 171.124,228.52 C174.012014,226.290656 177.989308,225.176 183.056,225.176 C186.400017,225.176 189.110656,225.733328 191.188,226.848 C193.265344,227.962672 194.886661,229.558656 196.052,231.636 C197.217339,233.713344 198.027998,236.195986 198.484,239.084 C198.940002,241.972014 199.168,245.189316 199.168,248.736 L199.168,303 L187.616,303 L187.616,251.32 C187.616,249.191989 187.514668,247.190676 187.312,245.316 C187.109332,243.441324 186.729336,241.794674 186.172,240.376 C185.614664,238.957326 184.854671,237.842671 183.892,237.032 C182.929329,236.221329 181.637341,235.816 180.016,235.816 C176.469316,235.816 173.480012,237.234652 171.048,240.072 C168.615988,242.909348 166.792006,246.96264 165.576,252.232 L165.576,303 L154.024,303 Z M285.048,306.8 C285.048,311.56269 284.136009,315.742649 282.312,319.34 C280.487991,322.937351 277.980016,325.901322 274.788,328.232 C271.595984,330.562678 267.872021,332.310661 263.616,333.476 C259.359979,334.641339 254.749358,335.224 249.784,335.224 C243.805303,335.224 238.586689,334.616006 234.128,333.4 C229.669311,332.183994 225.818683,330.613343 222.576,328.688 L228.352,317.896 C229.264005,318.706671 230.454659,319.491996 231.924,320.252 C233.393341,321.012004 235.090657,321.72133 237.016,322.38 C238.941343,323.03867 240.993322,323.570665 243.172,323.976 C245.350678,324.381335 247.503989,324.584 249.632,324.584 C254.090689,324.584 257.814652,324.178671 260.804,323.368 C263.793348,322.557329 266.199991,321.290675 268.024,319.568 C269.848009,317.845325 271.165329,315.616014 271.976,312.88 C272.786671,310.143986 273.192,306.80002 273.192,302.848 L273.192,294.336 L272.584,294.336 C270.253322,297.680017 267.264018,300.263991 263.616,302.088 C259.967982,303.912009 255.256029,304.824 249.48,304.824 C237.927942,304.824 229.44136,301.606699 224.02,295.172 C218.59864,288.737301 215.888,278.730735 215.888,265.152 C215.888,252.181268 219.333299,242.377367 226.224,235.74 C233.114701,229.102633 243.349265,225.784 256.928,225.784 C263.210698,225.784 268.555978,226.214662 272.964,227.076 C277.372022,227.937338 281.399982,229.02666 285.048,230.344 L285.048,306.8 Z M251.152,294.64 C257.333364,294.64 262.197316,293.044016 265.744,289.852 C269.290684,286.659984 271.773326,281.7707 273.192,275.184 L273.192,239.16 C268.733311,237.031989 262.501373,235.968 254.496,235.968 C246.389293,235.968 240.005357,238.34931 235.344,243.112 C230.682643,247.87469 228.352,255.170618 228.352,265 C228.352,269.357355 228.757329,273.334649 229.568,276.932 C230.378671,280.529351 231.670658,283.64532 233.444,286.28 C235.217342,288.91468 237.547986,290.966659 240.436,292.436 C243.324014,293.905341 246.895979,294.64 251.152,294.64 Z" id="img" fill="#DE7D6B"></path> <g id="Group-5"> <path d="M65.0820312,209.285156 L66.7558594,183.71875 C66.7558594,183.71875 34.921875,183.275391 20.7929687,171.673828 C6.89905098,160.26522 -21.2073153,124.898484 27.7260027,73.1996338 C28.5536143,72.3252487 29.4032631,71.4461918 30.2753906,70.5625 C82.7128906,17.4296875 167.828125,-6.12304687 239.103516,2.08398437 C310.378906,10.2910156 323.832031,46.5175781 314.085938,92.640625 C304.339844,138.763672 261.994141,166.578125 223.861328,175.148437 C185.728516,183.71875 153.789063,181.150391 121.865234,186.912109 C89.9414062,192.673828 65.0820312,209.285156 65.0820312,209.285156 Z" id="Path-2" fill="#0080EB"></path> <g id="Group-6" transform="translate(160.292969, 99.839844) rotate(-6.000000) translate(-160.292969, -99.839844) translate(56.292969, 55.839844)"> <path d="M35.6269531,18.0253906 C8.40039063,34.8945313 -1.39257813,61.2246094 0.1640625,71.75 C1.72070312,82.2753906 14.1503906,102.615234 50.1777344,67.6640625 C86.2050781,32.7128906 84.3925781,24.671875 84.3925781,14.0996094 C84.3925781,3.52734375 62.8535156,1.15625 35.6269531,18.0253906 Z" id="Path-3" stroke="#FFFFFF" stroke-width="4"></path> <path d="M68.1474609,68.3837891 L111.051758,3.04785156 L112.431641,10.5341797 C112.431641,10.5341797 72.6005859,73.1005859 70.6162109,73.7871094 C68.6318359,74.4736328 68.1474609,68.3837891 68.1474609,68.3837891 Z" id="Path-4" fill="#FFFFFF"></path> <path d="M107.854492,18.8085938 C107.854492,27.2373047 106.612305,33.5810547 109.801758,32.8730469 C112.991211,32.1650391 143.696289,11.6445313 152.672852,3.06738281 C161.649414,-5.50976562 154.673828,8.08789063 148.520508,13.4482422 C142.367188,18.8085938 124.076172,52.1181641 123.316406,59.2412109 C122.556641,66.3642578 119.647461,52.7490234 128.791016,37.1171875 C137.93457,21.4853516 142.219727,13.8613281 142.219727,13.8613281 C142.219727,13.8613281 125.429688,28.0635115 121.604492,29.4023438 C117.779297,30.741176 110.375977,36.4277344 108.078125,35.5087891 C105.780273,34.5898438 104.632812,17.9140625 104.632812,17.9140625 C104.632812,17.9140625 107.854492,10.3798828 107.854492,18.8085938 Z" id="Path-5" fill="#FFFFFF"></path> <path d="M207.214844,8.11816406 C207.214844,2.85742187 191.480469,-9.05273438 161.507812,19.2158203 C131.535156,47.484375 138.501953,67.5952148 150.004883,66.0087891 C161.507812,64.4223633 172.886719,56.8742676 174.455078,52.1367187 C176.023438,47.3991699 176.720703,45.3037109 173.277344,41.7451172 C169.833984,38.1865234 165.353516,40.6298828 167.926758,42.7519531 C170.5,44.8740234 174.40918,51.4716797 171.167969,53.9648437 C167.926758,56.4580078 158.232422,63.5058594 152.853516,63.2490234 C147.474609,62.9921875 142.875,60.7744141 145.318359,51.2597656 C147.761719,41.7451172 152.47168,30.6572266 167.076172,18.8759766 C181.680664,7.09472656 181.767578,3.90625 192.628906,3 C203.490234,2.09375 203.400391,8.11230469 205.307617,9.12011719 C207.214844,10.1279297 207.214844,13.3789063 207.214844,8.11816406 Z" id="Path-6" fill="#FFFFFF"></path> <path d="M169.829875,41.4209279 C175.375529,40.3674611 180.696086,41.1416311 179.496867,45.460967 C178.297648,49.7803029 167.702922,67.3193654 164.824016,67.6611623 C161.945109,68.0029592 167.253215,60.8435354 170.859172,54.2431936 C174.465129,47.6428518 174.989787,46.0298147 173.942912,44.6196584 C172.896037,43.2095022 164.284221,42.4743947 169.829875,41.4209279 Z" id="Path-7" fill="#FFFFFF"></path> </g> </g> </g> </g> </g> </svg> <h1 class="mdc-typography--adjust-margin mdc-typography--headline demo-theme--custom-dark-bg mdc-typography page-title"> Insert our icons directly into your HTML with just a line of code. <br />Hosted by a production-scale CDN. To use, <a href="https://icons8.com/license">link</a> or <a href="https://icons8.com/pricing">buy</a>. </h1> <p>Launch your new UI products to the market quicker and at a lower cost. With OMG-IMG, you can stay<br /> focused on your app’s business logic, not on the nitty-gritty tasks like adjusting icon sizes, colors,<br /> formats, etc. You don't have to export icons or store them on a server.<br /> Everything becomes much easier with OMG-IMG. </p> <h2 class="mdc-typography--display1">Search</h2> <p>OMG-IMG service architecture allows icon search directly from the browser's address bar.<br /> Just insert the <img> tag directly into your HTML. Icons8 will find the matching icon and<br /> generate it in the right style, size, and color.<br /> Example:</p> <div class="mdc-card icon-card"> <section class="mdc-card__primary code-sample"> <span class="code-line"> &lt;img src="<a href="https://img.icons8.com/search">https://img.icons8.com/search</a>"&gt; </span> </section> <section class="mdc-card__media icon-preview"> <img src="https://img.icons8.com/search" alt="Icon preview" width="50" class="icon-image"> </section> </div> <p> It finds a <a href="https://icons8.com/icon/131/search">search icon</a> in our <a href="https://icons8.com/i">most popular style</a> with the default resolution for this style (50px) and black color. </p> <p> For icon names consisting of two or more words, use "-" or "_" to separate them. For example,<span style="display:inline-block">"left‐arrow."</span> </p> <p> To see all our icons, check our <a href="https://icons8.com/icons">web app</a> or download our <a href="https://icons8.com/app">apps</a> for Mac, <br />Windows, and Linux — they are free, handy, and work offline. </p> <h2 class="mdc-typography--display1">Color</h2> <p>To recolor monochrome icons, use color codes. Example:</p> <div class="mdc-card icon-card"> <section class="mdc-card__primary code-sample"> <span class="code-line"> &lt;img src="<a href="https://img.icons8.com/2266EE/search">https://img.icons8.com/2266EE/search</a>"&gt; </span> </section> <section class="mdc-card__media icon-preview"> <!-- Search icon by Icons8 --> <img class="icon icons8-Search" alt="Colored icon preview" src="https://img.icons8.com/2266EE/search"> </section> </div> <p> The icon is recolored to <a href="https://icons8.com/icon/new-icons/color">#2266EE</a>. </p> <h2 class="mdc-typography--display1">Style</h2> <p>Set the icon style by adding its name. Example:</p> <div class="mdc-card icon-card"> <section class="mdc-card__primary code-sample"> <span class="code-line"> &lt;img src="<a href="https://img.icons8.com/color/search">https://img.icons8.com/color/search</a>"&gt; </span> </section> <section class="mdc-card__media icon-preview"> <!-- Search icon by Icons8 --> <img class="icon icons8-Search icon-image" src="https://img.icons8.com/color/search" width="48" alt="Sized icon preview" height="48"> </section> </div> <p> We have over 80 icon styles. Check all the styles in the <a href="https://icons8.com/icons">web app</a>. </p> <h2 class="mdc-typography--display1">Format and size</h2> <p>The icons are in PNG format. The maximum free size is 512px.<br /> To unlock all formats and sizes, <a href="https://icons8.com/pricing">get a license</a> or integrate our <a href="https://developers.icons8.com/">API</a>. </p> <p>To resize, add the pixel size: </p> <div class="mdc-card icon-card"> <section class="mdc-card__primary code-sample"> <span class="code-line"> &lt;img src="<a href="https://img.icons8.com/color/search/96">https://img.icons8.com/color/search/96</a>"&gt; </span> </section> <section class="mdc-card__media icon-preview"> <!-- Search icon by Icons8 --> <img class="icon icons8-Search icon-image" alt="Styled icon preview" src="data:image/png;base64,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" width="96" height="96"> </section> </div> <p> The icon is resized to 96x96px. </p> <p> Each style has a standard size it was designed for, also called a pixel-perfect size.<br /> You can check the pixel-perfect size for the selected style in the <a href="https://icons8.com/icons">web app</a>.<br /> To avoid artifacts (blurred edges, washed-out colors, etc.) associated with icon size change,<br /> we recommend using several pixel-perfect sizes. For example, for iOS, it is 50x50, 100x100, 150x150, etc. </p> <p> You can set icon sizes by specifying the size in pixels or using factors: “2x” or “x2.” For example: </p> <div class="mdc-card icon-card"> <section class="mdc-card__primary code-sample"> <span class="code-line"> &lt;img src="<a href="https://img.icons8.com/color/2x/search">https://img.icons8.com/color/2x/search</a>"&gt; </span> </section> <section class="mdc-card__media icon-preview"> <!-- Search icon by Icons8 --> <img class="icon icons8-Search icon-image" src="https://img.icons8.com/color/2x/search" width="96" alt="Sized icon preview" height="96"> </section> </div> <h2 class="mdc-typography--display1">License</h2> <ul class="list-options"> <li> Icons are created by <a href="https://icons8.com/icons">Icons8</a>. Please either add a <a href="https://icons8.com/license">backlink</a> or <a href="https://icons8.com/pricing">get a license</a>. </li> <li> If you have an application or web service, get an <a href="https://developers.icons8.com/">API</a>. </li> </ul> <h2 class="mdc-typography--display1">Help us</h2> <ul class="list-options"> <li> <a href="https://icons8.com/pricing">Purchase a license</a>. </li> <li>Helping other developers? Use OMG-IMG in your CodePens, Stack Overflow answers, and tutorials.</li> <li>Teaching? Show OMG-IMG in your course and save your students a few months of life.</li> </ul> <h2 class="mdc-typography--display1">More Free Stuff</h2> <ul class="list-options"> <li>Download <a href="https://icons8.com/app">Icons8 apps</a> for Mac, Lunacy, and Linux</li> <li>Get our <a href="https://icons8.com/app">plugins</a> for Figma, Google Docs, Photoshop, and Illustrator</li> <li>Try <a href="https://icons8.com/line-awesome">Line Awesome</a> — it's like Font Awesome but in an outline style</li> <li>Check our <a href="https://icons8.com/lunacy">Lunacy</a>, our free graphic design application with built-in Icons8 assets</li> </ul> <h2 class="mdc-typography--display1">Credits</h2> <ul class="list-options"> <li> Accelerated by <a href="https://www.cdn77.com/">CDN77</a> and the great people working there. </li> </ul> <svg class="img-splash" viewBox="0 0 1113 382" xmlns="http://www.w3.org/2000/svg"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="icons-cdn-splash"> <g id="Group-2"> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"></use> </mask> <use id="Mask" fill="#343B50" xlink:href="#path-1"></use> <mask id="mask-4" fill="white"> <use xlink:href="#path-3"></use> </mask> <use id="Combined-Shape" fill="#212737" xlink:href="#path-3"></use> <text id="&lt;img-src=" font-family="Menlo-Regular, Menlo" font-size="48" font-weight="normal"> <tspan x="206.457031" y="193" fill="#8791AD">&lt;</tspan> <tspan x="235.355469" y="193" fill="#439EEE">img</tspan> <tspan x="322.050781" y="193" fill="#E8E8E8"> </tspan> <tspan x="350.949219" y="193" fill="#42D9F7">src</tspan> <tspan x="437.644531" y="193" fill="#DADADA">=</tspan> </text> <g id="Hearts" transform="translate(677.000000, 124.000000)" fill-rule="nonzero" fill="#FF3D00"> <path d="M69.0875,0 C60.0675,0 52.1375,4.57 47.5,11.4925 C42.8625,4.57 34.9325,0 25.9125,0 C11.6025,0 0,11.495 0,25.6725 C0,51.2175 40.375,63.5275 47.5,80 C54.625,63.5275 95,51.43 95,25.6725 C95,11.495 83.3975,0 69.0875,0" id="Shape"></path> </g> <g id="Camera" transform="translate(584.000000, 194.000000)" fill-rule="nonzero"> <path d="M67.275,13.725 L22.95,13.725 L30.6,2.25 C31.5,0.9 32.85,0.225 34.425,0.225 L56.025,0.225 C57.6,0.225 58.95,0.9 59.85,2.25 L67.275,13.725 Z" id="Shape" fill="#512DA8"></path> <path d="M22.5,11.25 L9,11.25 L9,7.2 C9,5.625 10.125,4.5 11.7,4.5 L19.8,4.5 C21.375,4.5 22.5,5.625 22.5,7.2 L22.5,11.25 Z" id="Shape" fill="#8667C4"></path> <path d="M81,81 L9,81 C4.05,81 0,76.95 0,72 L0,18 C0,13.05 4.05,9 9,9 L81,9 C85.95,9 90,13.05 90,18 L90,72 C90,76.95 85.95,81 81,81 Z" id="Shape" fill="#5E35B1"></path> <circle id="Oval" fill="#512DA8" cx="45" cy="45" r="27"></circle> <circle id="Oval" fill="#B388FF" cx="45" cy="45" r="20.25"></circle> <path d="M56.25,38.25 C53.55,35.1 49.5,33.3 45.45,33.3 C41.4,33.3 37.35,35.1 34.65,38.25 C33.525,39.375 33.75,41.175 34.875,42.3 C36,43.425 37.8,43.2 38.925,42.075 C42.3,38.25 48.6,38.25 51.975,42.075 C52.65,42.75 53.325,42.975 54.225,42.975 C54.9,42.975 55.575,42.75 56.25,42.3 C57.15,41.4 57.375,39.375 56.25,38.25 Z" id="Shape" fill="#C7A7FF"></path> <ellipse id="Oval" fill="#8667C4" cx="15.75" cy="16.875" rx="4.5" ry="3.375"></ellipse> </g> <g id="Circled-User-Male" transform="translate(479.000000, 137.000000)" fill-rule="nonzero"> <circle id="Oval" fill="#EDE7F6" cx="40" cy="40" r="40"></circle> <path d="M40,80 C49,80 57.2,77 63.8,72 C62.6,56.8 47.4,54 47.4,54 L40,55.6 L32.6,54 C32.6,54 17.4,56.8 16.2,72 C22.8,77 31,80 40,80 Z" id="Shape" fill="#673AB7"></path> <path d="M40,66 C46.2,66 51.2,61.4 51.8,55.4 C50,54.6 48.6,54.2 47.8,54 C47.8,58.4 44.2,61.8 39.8,61.8 C35.4,61.8 31.8,58.2 31.8,54 C31,54.2 29.6,54.6 27.8,55.4 C28.8,61.4 33.8,66 40,66 Z" id="Shape" fill="#311B92"></path> <path d="M56,37 C56,38.6 54.6,40 53,40 C51.4,40 50,38.6 50,37 C50,35.4 51.4,34 53,34 C54.6,34 56,35.4 56,37 M30,37 C30,35.4 28.6,34 27,34 C25.4,34 24,35.4 24,37 C24,38.6 25.4,40 27,40 C28.6,40 30,38.6 30,37" id="Shape" fill="#FFA726"></path> <path d="M40,62 C32,62 32,54 32,54 L32,46 L48,46 L48,54 C48,54 48,62 40,62 Z" id="Shape" fill="#FF9800"></path> <path d="M54,29.4 C54,17.6 26,21.8 26,29.4 L26,38.2 C26,45.8 32.2,52 40,52 C47.8,52 54,45.8 54,38.2 L54,29.4 Z" id="Shape" fill="#FFB74D"></path> <path d="M40,14 C30.2,14 24,22.6 24,30.4 L24,34 L28,38 L28,30 L46.4,24 L52,30 L52,38 L56,34 L56,32.4 C56,26 54.4,18.8 46.4,17.2 L44.8,14 L40,14 Z" id="Shape" fill="#424242"></path> <path d="M44,36 C44,34.8 44.8,34 46,34 C47.2,34 48,34.8 48,36 C48,37.2 47.2,38 46,38 C44.8,38 44,37.2 44,36 M32,36 C32,37.2 32.8,38 34,38 C35.2,38 36,37.2 36,36 C36,34.8 35.2,34 34,34 C32.8,34 32,34.8 32,36" id="Shape" fill="#784719"></path> </g> <g id="Star-Filled" transform="translate(553.000000, 130.000000)" fill-rule="nonzero" fill="#FFCA28"> <polygon id="Shape" points="23.5 0.057375 30.762619 14.83425 47 17.20125 35.25 28.701 38.021881 44.942625 23.5 37.279125 8.97811905 44.942625 11.75 28.701 0 17.20125 16.237381 14.83425"> </polygon> </g> <g id="Broom" transform="translate(811.000000, 96.000000)" fill-rule="nonzero"> <path d="M3.077,40.3164444 C16.2992222,66.1111111 42.7436667,68 42.7436667,68 C52.2466667,58.9295556 58.8634444,44.8894444 58.8634444,44.8894444 L30.9494444,29.0171111 C30.9494444,29.0152222 19.0135556,42.8607778 3.077,40.3164444 Z" id="Shape" fill="#FFC107"></path> <g id="Group" fill="#B3E5FC"> <circle id="Oval" cx="3.77777778" cy="3.77777778" r="3.77777778"></circle> <ellipse id="Oval" cx="16.0555556" cy="6.61111111" rx="2.83333333" ry="2.83333333"> </ellipse> <circle id="Oval" cx="13.2222222" cy="18.8888889" r="5.66666667"></circle> </g> <g id="Group" transform="translate(30.222222, 0.000000)" fill="#3F51B5"> <path d="M26.9676667,28.7281111 L26.0591111,30.3846667 L14.5387778,23.8321111 L15.4718889,22.1906667 L29.2437778,1.44311111 C30.6321111,-0.277666667 33.2255556,-0.423111111 35.1881111,0.814111111 C37.2035556,1.84733333 38.2783333,4.08944444 37.5454444,5.95 L26.9676667,28.7281111 Z" id="Shape"></path> <path d="M25.3262222,27.7931111 L17.1133333,23.1256667 C10.5456667,19.3894444 5.39466667,20.8042222 1.66033333,27.3737778 L0.725333333,29.0152222 L28.6393333,44.8875556 L29.5724444,43.248 C33.3105556,36.6822222 31.892,31.5293333 25.3262222,27.7931111 Z" id="Shape"></path> </g> <path d="M26.7183333,32.9384444 C27.2585556,34.1397778 28.1633333,35.8813333 29.5894444,36.8881111 C29.631,36.9202222 29.6801111,36.9334444 29.7235556,36.9636667 C29.7235556,36.9636667 29.7235556,36.9655556 29.7254444,36.9674444 C31.5425556,38.2481111 33.7884444,38.7222222 36.4328889,38.4011111 C36.9334444,39.7497778 37.8438889,41.3534444 39.5174444,42.534 C39.5571111,42.5623333 39.6062222,42.5774444 39.6496667,42.6076667 C39.6496667,42.6095556 39.6496667,42.6095556 39.6534444,42.6095556 C41.4743333,43.894 43.7107778,44.3662222 46.3571111,44.0451111 C46.8614444,45.3956667 47.77,46.9974444 49.4416667,48.178 C49.6588889,48.3328889 49.8836667,48.4764444 50.1122222,48.6067778 C50.2236667,48.671 50.3558889,48.7012222 50.4692222,48.756 C52.037,49.5871111 54.2262222,49.8742222 56.321,49.6721111 C58.2344444,46.5894444 58.8653333,44.8894444 58.8653333,44.8894444 L30.9513333,29.0171111 C29.1606667,30.8077778 29.1908889,30.7511111 26.7183333,32.9384444 Z" id="Shape" fill="#F57C00"></path> <g id="Group" transform="translate(7.555556, 43.444444)" fill="#FB8C00"> <path d="M8.62088889,9.92611111 C11.016,9.62011111 18.8888889,8.34322222 24.0058889,0.315444444 C17.0018889,8.34322222 3.55111111,6.43922222 0.923666667,5.33422222 C2.278,7.06255556 3.69466667,8.62844444 5.14722222,10.0621111 C6.08222222,10.1225556 7.20611111,10.098 8.62088889,9.92611111 Z" id="Shape"></path> <path d="M13.6812222,16.8356667 C15.9422222,18.2617778 18.1805556,19.4328889 20.3074444,20.3848889 C20.3168889,20.3886667 20.3357778,20.3962222 20.3452222,20.4 C20.9458889,20.2262222 21.5975556,20.0108889 22.3361111,19.7143333 C24.8294444,18.4336667 30.5357778,15.4265556 35.3392222,7.94844444 C27.9385556,16.0461111 18.1956667,16.7903333 13.6812222,16.8356667 Z" id="Shape"></path> </g> </g> <g id="Marker_4368ff" transform="translate(858.000000, 186.000000)" fill-rule="nonzero" fill="#4368FF"> <path d="M20.5,0 C9.20560244,0 0,9.28044451 0,20.6666667 C0,23.895939 1.29785546,27.6006112 3.06076389,31.6458333 C4.82367232,35.6910555 7.09156956,39.9838666 9.39583333,43.9884259 C14.0043609,51.9975423 18.6493056,58.6990741 18.6493056,58.6990741 L20.5,61.4259259 L22.3506944,58.6990741 C22.3506944,58.6990741 26.9956391,51.9975423 31.6041667,43.9884259 C33.9084304,39.9838666 36.1763272,35.6910555 37.9392361,31.6458333 C39.702145,27.6006112 41,23.895939 41,20.6666667 C41,9.28044451 31.7943976,0 20.5,0 Z M20.5,4.59259259 C29.3320469,4.59259259 36.4444444,11.7628147 36.4444444,20.6666667 C36.4444444,22.5099129 35.4645217,25.9853298 33.8107639,29.7800926 C32.1570061,33.5748554 29.8693473,37.7796334 27.6180556,41.6921296 C24.0369197,47.9157516 21.8183117,51.2071893 20.5,53.1736111 C19.1816883,51.2071893 16.9630803,47.9157516 13.3819444,41.6921296 C11.1306527,37.7796334 8.84299389,33.5748554 7.18923611,29.7800926 C5.53547788,25.9853298 4.55555556,22.5099129 4.55555556,20.6666667 C4.55555556,11.7628147 11.6679531,4.59259259 20.5,4.59259259 Z M20.5,16.0740741 C17.9840373,16.0740741 15.9444444,18.130249 15.9444444,20.6666667 C15.9444444,23.2030844 17.9840373,25.2592593 20.5,25.2592593 C23.0159627,25.2592593 25.0555556,23.2030844 25.0555556,20.6666667 C25.0555556,18.130249 23.0159627,16.0740741 20.5,16.0740741 Z" id="Shape"></path> </g> <g id="Wi-Fi_4368ff" transform="translate(853.000000, 283.000000)" fill-rule="nonzero" fill="#4368FF"> <path d="M26,0 C15.966,0 6.911,4.1665 0.375,10.8125 L3.1875,13.625 C8.9975,7.703 17.068,4 26,4 C34.932,4 43.0025,7.703 48.8125,13.625 L51.625,10.8125 C45.089,4.1665 36.034,0 26,0 Z M26,10 C18.722,10 12.1615,13.039 7.4375,17.875 L10.25,20.6875 C14.25,16.5755 19.826,14 26,14 C32.174,14 37.75,16.5775 41.75,20.6875 L44.5625,17.875 C39.8385,13.041 33.278,10 26,10 Z M26,20 C21.48,20 17.412,21.9115 14.5,24.9375 L17.3125,27.75 C19.5005,25.45 22.582,24 26,24 C29.418,24 32.5015,25.45 34.6875,27.75 L37.5,24.9375 C34.59,21.9115 30.52,20 26,20 Z M26,30 C24.232,30 22.6605,30.784 21.5625,32 L26,36.4375 L30.4375,32 C29.3395,30.784 27.768,30 26,30 Z" id="Shape"></path> </g> <g id="Controller_4368ff" transform="translate(772.000000, 180.000000)" fill-rule="nonzero" fill="#4368FF"> <path d="M21.5,0 C11.9251932,0 3.546875,3.09375 3.546875,3.09375 L2.65625,3.421875 L2.5625,4.3125 L0.546875,19.6875 C-0.0006532,23.940093 3.0446465,27.905643 7.296875,28.453125 C11.2566984,28.9629585 14.806274,26.292996 15.734375,22.5 L27.265625,22.5 C28.1950895,26.292633 31.7443415,28.963047 35.703125,28.453125 C39.9553535,27.905643 43.0006535,23.940093 42.453125,19.6875 L40.4375,4.3125 L40.34375,3.421875 L39.453125,3.09375 C39.453125,3.09375 31.0748075,0 21.5,0 Z M21.5,3 C29.7283355,3 36.51008,5.2853925 37.625,5.671875 L39.453125,20.109375 C39.7935965,22.753782 37.9728965,25.112607 35.328125,25.453125 C32.6856005,25.793502 30.278018,23.9728965 29.9375,21.328125 L29.890625,20.8125 L29.703125,19.5 L28.390625,19.5 L14.609375,19.5 L13.296875,19.5 L13.109375,20.8125 L13.0625,21.328125 C12.7231865,23.9724645 10.3162827,25.7935965 7.671875,25.453125 C5.0271035,25.112607 3.2064032,22.753782 3.546875,20.109375 L5.375,5.671875 C6.48949985,5.2854015 13.2716645,3 21.5,3 Z M11,7.5 L11,10.5 L8,10.5 L8,13.5 L11,13.5 L11,16.5 L14,16.5 L14,13.5 L17,13.5 L17,10.5 L14,10.5 L14,7.5 L11,7.5 Z M30.5,7.5 C29.6715725,7.5 29,8.1715725 29,9 C29,9.8284275 29.6715725,10.5 30.5,10.5 C31.3284275,10.5 32,9.8284275 32,9 C32,8.1715725 31.3284275,7.5 30.5,7.5 Z M27.5,10.5 C26.6715725,10.5 26,11.1715725 26,12 C26,12.8284275 26.6715725,13.5 27.5,13.5 C28.3284275,13.5 29,12.8284275 29,12 C29,11.1715725 28.3284275,10.5 27.5,10.5 Z M33.5,10.5 C32.6715725,10.5 32,11.1715725 32,12 C32,12.8284275 32.6715725,13.5 33.5,13.5 C34.3284275,13.5 35,12.8284275 35,12 C35,11.1715725 34.3284275,10.5 33.5,10.5 Z M30.5,13.5 C29.6715725,13.5 29,14.1715725 29,15 C29,15.8284275 29.6715725,16.5 30.5,16.5 C31.3284275,16.5 32,15.8284275 32,15 C32,14.1715725 31.3284275,13.5 30.5,13.5 Z" id="Shape"></path> </g> <g id="Settings_4607ff" transform="translate(614.000000, 127.000000)" fill-rule="nonzero" fill="#4607FF"> <path d="M21.09375,0 L20.96875,0.84375 L19.90625,7.40625 C18.595387,7.7826883 17.330512,8.2621723 16.15625,8.90625 L10.75,5.0625 L10.0625,4.5625 L9.46875,5.15625 L5.21875,9.40625 L4.625,10 L5.125,10.6875 L8.90625,16.125 C8.2558769,17.301813 7.7599264,18.557268 7.375,19.875 L0.84375,20.96875 L0,21.09375 L0,21.96875 L0,27.96875 L0,28.78125 L0.8125,28.9375 L7.34375,30.09375 C7.7270515,31.411369 8.2533453,32.664899 8.90625,33.84375 L5.0625,39.25 L4.5625,39.9375 L5.15625,40.53125 L9.40625,44.78125 L10,45.375 L10.6875,44.875 L16.09375,41.0625 C17.278442,41.71689 18.551064,42.210635 19.875,42.59375 L20.96875,49.15625 L21.09375,50 L21.9375,50 L27.9375,50 L28.78125,50 L28.9375,49.1875 L30.09375,42.625 C31.409096,42.239205 32.636364,41.684943 33.8125,41.03125 L39.3125,44.875 L40,45.375 L40.59375,44.78125 L44.84375,40.53125 L45.4375,39.9375 L44.9375,39.21875 L41.03125,33.8125 C41.67083,32.648275 42.185776,31.392917 42.5625,30.09375 L49.1875,28.9375 L50,28.78125 L50,27.96875 L50,21.96875 L50,21.09375 L49.15625,20.96875 L42.59375,19.90625 C42.214301,18.596329 41.675813,17.360931 41.03125,16.1875 L44.875,10.6875 L45.375,10 L44.78125,9.40625 L40.53125,5.15625 L39.9375,4.5625 L39.21875,5.0625 L33.84375,8.9375 C32.668539,8.2844523 31.411254,7.7906733 30.09375,7.40625 L28.9375,0.8125 L28.78125,0 L27.9375,0 L21.9375,0 L21.09375,0 Z M22.8125,2 L27.125,2 L28.21875,8.28125 L28.3125,8.90625 L28.96875,9.0625 C30.573153,9.4619521 32.06175,10.104512 33.4375,10.9375 L34,11.28125 L34.53125,10.90625 L39.6875,7.1875 L42.75,10.21875 L39.09375,15.46875 L38.71875,16 L39.03125,16.5625 C39.855736,17.934444 40.475974,19.436089 40.875,21.03125 L41.0625,21.65625 L41.6875,21.78125 L48,22.8125 L48,27.125 L41.6875,28.21875 L41.03125,28.34375 L40.875,28.96875 C40.480078,30.562575 39.855527,32.065902 39.03125,33.4375 L38.71875,34 L39.09375,34.53125 L42.8125,39.71875 L39.78125,42.75 L34.53125,39.09375 L34,38.71875 L33.4375,39.0625 C32.069259,39.895302 30.567544,40.531906 28.96875,40.9375 L28.34375,41.09375 L28.21875,41.71875 L27.125,48 L22.78125,48 L21.75,41.75 L21.65625,41.09375 L21,40.9375 C19.393889,40.540685 17.883819,39.925173 16.5,39.09375 L15.96875,38.75 L15.40625,39.125 L10.21875,42.75 L7.1875,39.6875 L10.84375,34.5625 L11.21875,34.03125 L10.90625,33.46875 C10.066177,32.080886 9.4005086,30.581151 9,28.96875 L8.84375,28.34375 L8.21875,28.21875 L2,27.125 L2,22.8125 L8.21875,21.78125 L8.875,21.65625 L9.03125,21.03125 C9.4360125,19.413143 10.069062,17.885885 10.90625,16.5 L11.25,15.9375 L10.875,15.40625 L7.25,10.21875 L10.28125,7.1875 L15.4375,10.84375 L15.96875,11.25 L16.53125,10.90625 C17.908621,10.078322 19.424128,9.4567353 21.03125,9.0625 L21.6875,8.90625 L21.78125,8.25 L22.8125,2 Z M25,16 C20.041484,16 16,20.041484 16,25 C16,29.958516 20.041484,34 25,34 C29.958516,34 34,29.958516 34,25 C34,20.041484 29.958516,16 25,16 Z M25,18 C28.877484,18 32,21.122516 32,25 C32,28.877484 28.877484,32 25,32 C21.122516,32 18,28.877484 18,25 C18,21.122516 21.122516,18 25,18 Z" id="Shape"></path> </g> <g id="Truck_4607ff" transform="translate(715.000000, 228.000000)" fill-rule="nonzero" fill="#4607FF"> <path d="M5.6875,0 C2.5695826,0 0,2.571988 0,5.6875 L0,58 C0,61.31936 2.6831026,64 6,64 L14.1875,64 C15.1371312,69.669566 20.07003,74 26,74 C31.92997,74 36.862868,69.669566 37.8125,64 L56.3125,64 C57.788416,64 59.108732,63.375764 60.125,62.4375 C61.161332,63.35371 62.49219,63.98808 64,64 L66.1875,64 C67.137132,69.669566 72.07003,74 78,74 C84.603728,74 90,68.603728 90,62 C90,55.396272 84.603728,50 78,50 C72.07003,50 67.137132,54.330434 66.1875,60 L64,60 C63.627064,59.997052 63.052564,59.738632 62.625,59.3125 C62.197436,58.886368 62,58.364428 62,58 L62,20 C62,19.253446 63.251492,18 64,18 L80,18 C81.571822,18 83.783606,19.681358 85.3125,21.5 C85.3313,21.5224 85.35638,21.54006 85.375,21.5625 L85.6875,22 L76,22 C72.809334,22 70,24.581544 70,28 L70,36 C70,37.666666 70.74823,39.12323 71.8125,40.1875 C72.87677,41.25177 74.333334,42 76,42 L96,42 L96,58 C96,58.749818 94.749818,60 94,60 L90,60 L90,62 L90,64 L94,64 C97.322182,64 100,61.322182 100,58 L100,38.75 C100,34.17405 96.8125,30.125 96.8125,30.125 L96.75,30.125 L88.5,19.125 L88.5,19.0625 L88.4375,19 C86.591632,16.775774 83.82882,14 80,14 L64,14 C63.286834,14 62.63353,14.14844 62,14.375 L62,5.8125 C62,2.73939 59.575848,0 56.375,0 L5.6875,0 Z M5.6875,4 L56.375,4 C57.238152,4 58,4.82961 58,5.8125 L58,20 L58,58 L58,58.3125 C58,59.253824 57.260826,60 56.3125,60 L37.8125,60 C36.862868,54.330434 31.92997,50 26,50 C20.07003,50 15.1371312,54.330434 14.1875,60 L6,60 C5.2488974,60 4,58.74064 4,58 L4,5.6875 C4,4.751012 4.7374174,4 5.6875,4 Z M76,26 L88.6875,26 L93.5625,32.5 C93.5625,32.5 95.374352,35.601252 95.75,38 L76,38 C75.666666,38 75.12323,37.74823 74.6875,37.3125 C74.25177,36.87677 74,36.333334 74,36 L74,28 C74,26.990456 75.190666,26 76,26 Z M26,54 C30.441968,54 34,57.558032 34,62 C34,66.441968 30.441968,70 26,70 C21.558032,70 18,66.441968 18,62 C18,57.558032 21.558032,54 26,54 Z M78,54 C82.441968,54 86,57.558032 86,62 C86,66.441968 82.441968,70 78,70 C73.558032,70 70,66.441968 70,62 C70,57.558032 73.558032,54 78,54 Z" id="Shape"></path> </g> <g id="Cancel_fead21" transform="translate(545.000000, 224.000000)" fill-rule="nonzero" fill="#FEAD21"> <path d="M33,-10 C25.8321429,-10 20,-4.1678571 20,3 C20,10.167857 25.8321429,16 33,16 C40.167857,16 46,10.167857 46,3 C46,-4.1678571 40.167857,-10 33,-10 Z M33,-8 C39.086977,-8 44,-3.0869769 44,3 C44,9.086977 39.086977,14 33,14 C26.9130231,14 22,9.086977 22,3 C22,-3.0869769 26.9130231,-8 33,-8 Z M29.21875,-2.21875 L27.78125,-0.78125 L31.5625,3 L27.78125,6.78125 L29.21875,8.21875 L33,4.4375 L36.78125,8.21875 L38.21875,6.78125 L34.4375,3 L38.21875,-0.78125 L36.78125,-2.21875 L33,1.5625 L29.21875,-2.21875 Z" id="Shape"></path> </g> <g id="Ignore" transform="translate(922.000000, 194.000000)" fill-rule="nonzero"> <g id="Group" transform="translate(0.000000, 34.285714)" fill="#FFA726"> <path d="M13.6,6.85714286 C13.6,10.644 10.5553,13.7142857 6.8,13.7142857 C3.0447,13.7142857 0,10.644 0,6.85714286 C0,3.07028571 3.0447,0 6.8,0 C10.5553,0 13.6,3.07028571 13.6,6.85714286" id="Shape"></path> <path d="M61.2,6.85714286 C61.2,10.644 58.1553,13.7142857 54.4,13.7142857 C50.6447,13.7142857 47.6,10.644 47.6,6.85714286 C47.6,3.07028571 50.6447,0 54.4,0 C58.1553,0 61.2,3.07028571 61.2,6.85714286" id="Shape"></path> </g> <path d="M5.1,29.1428571 C5.1,7.32857143 56.1,14.9417143 56.1,29.1428571 L56.1,46.2857143 C56.1,60.4868571 44.6828,72 30.6,72 C16.5172,72 5.1,60.4868571 5.1,46.2857143 L5.1,29.1428571 Z" id="Shape" fill="#FFB74D"></path> <path d="M59.3147,28.008 C58.5089,17.7685714 54.621,8.484 42.16,5.94342857 L39.2734,0 L30.6,0 C14.9107,0 1.7,12.8228571 1.7,30.8571429 L1.7,36.6857143 L6.8,42.8571429 L6.8,32.5714286 L42.5,20.5714286 L54.4,30.8571429 L54.4,42.8571429 L59.5,36.6857143 L59.5,30.8571429 C59.5,29.8902857 59.4269,28.9422857 59.3147,28.008" id="Shape" fill="#424242"></path> <g id="Group" transform="translate(1.700000, 25.714286)" fill="#FF3D00"> <path d="M57.8,10.2857143 C57.4872,8.83885714 57.5994,7.67485714 57.8374,6.59657143 C58.0907,5.53028571 58.5123,4.57542857 59.0767,3.71657143 C59.6411,2.85771429 60.3517,2.09828571 61.2306,1.45028571 C62.1265,0.812571429 63.1482,0.262285714 64.6,0 C64.9179,1.452 64.8074,2.616 64.5677,3.69257143 C64.3127,4.75885714 63.8911,5.71371429 63.3216,6.56914286 C62.7521,7.42457143 62.0398,8.184 61.1609,8.832 C60.2667,9.468 59.245,10.0182857 57.8,10.2857143 Z" id="Shape"></path> <path d="M57.8,10.8754286 C57.8,10.8754286 50.6277,25.7142857 28.9,25.7142857 C7.1723,25.7142857 0,10.8754286 0,10.8754286 L0,5.14285714 C0,5.14285714 15.3,10.2857143 28.9,10.2857143 C42.5,10.2857143 57.8,5.14285714 57.8,5.14285714 L57.8,10.8754286 Z" id="Shape"></path> <path d="M65.4262,13.8497143 C64.9519,12.984 64.3518,12.2742857 63.6412,11.7068571 C62.9306,11.1377143 62.1146,10.704 61.1728,10.4262857 C60.2191,10.1657143 59.1685,10.0268571 57.8,10.2857143 C57.8102,10.548 57.2679,10.7948571 57.8697,11.0228571 C58.7197,12.0342857 59.2722,13.2874286 59.4252,14.676 C59.7397,15.0634286 60.0797,15.4165714 60.4571,15.7217143 C61.1626,16.296 61.9803,16.7314286 62.9221,17.0074286 C63.8758,17.268 64.9281,17.4068571 66.3,17.1428571 C66.2558,15.7354286 65.8903,14.7308571 65.4262,13.8497143 Z" id="Shape"></path> </g> <g id="Group" transform="translate(1.700000, 30.857143)" fill="#C62302"> <path d="M57.8,5.61085714 L57.8,1.38857143 C57.0945,1.89085714 56.3992,2.39828571 55.7073,2.916 C54.6176,3.74228571 53.5551,4.59942857 52.4909,5.508 C51.4335,6.43542857 50.3591,7.36285714 49.3,8.57142857 C50.8946,8.69485714 52.4008,8.36057143 53.8237,7.84457143 C55.2415,7.31142857 56.5641,6.56228571 57.7575,5.64857143 C57.7728,5.63828571 57.7847,5.62285714 57.8,5.61085714 Z" id="Shape"></path> <path d="M5.3091,5.508 C4.2449,4.60114286 3.1824,3.744 2.0927,2.916 C1.4008,2.39828571 0.7055,1.89257143 0,1.39028571 L0,5.61257143 C0.0153,5.62457143 0.0272,5.64 0.0408,5.64857143 C1.2342,6.56228571 2.5568,7.31314286 3.9746,7.84457143 C5.3992,8.36057143 6.9071,8.69485714 8.5,8.57142857 C7.4409,7.36285714 6.3665,6.43542857 5.3091,5.508 Z" id="Shape"></path> </g> </g> </g> <g id="Fiat-500" transform="translate(690.000000, 241.000000)"> <polygon id="Shape" fill="#263238" fill-rule="nonzero" points="44.962 21.997 39.305 23 5.111 23 4.012 22.75 2.186 15.442 45.907 15.442"> </polygon> <circle id="Oval" fill="#607D8B" fill-rule="nonzero" cx="39.5" cy="22.5" r="4.5"></circle> <circle id="Oval" fill="#CFD8DC" fill-rule="nonzero" cx="39.5" cy="22.5" r="2.5"></circle> <path d="M39.5,21.5 C38.948,21.5 38.5,21.948 38.5,22.5" id="Shape" stroke="#FFFFFF" stroke-linecap="round"></path> <circle id="Oval" fill="#607D8B" fill-rule="nonzero" cx="9.5" cy="22.5" r="4.5"></circle> <circle id="Oval" fill="#CFD8DC" fill-rule="nonzero" cx="9.5" cy="22.5" r="2.5"></circle> <path d="M5,10.924 C5,10.924 7.386,6.028 8.312,4.447 C9.65,2.161 11.889,0 17.61,0 L22.031,0 C29.464,0 30.229,2.11 31.083,3.292 C31.937,4.474 35.593,9.662 35.593,9.662 C35.593,9.662 34.757,11.698 24.707,11.698 C14.657,11.698 5,10.924 5,10.924 Z" id="Shape" fill="#F44336" fill-rule="nonzero"></path> <path d="M45.907,13.409 C45.907,13.409 44.466,9.176 34.963,9.006 C34.641,9 34.307,9.057 34.02,9.203 C32.902,9.769 31.137,10 30.4,10 L5.466,10 C4.476,10 3.539,10.454 2.944,11.246 C1.759,12.824 0,15.782 0,19.442 C0,21.303 2.557,22.32 4.013,22.749 C4.009,22.666 4,22.584 4,22.5 C4,19.462 6.462,17 9.5,17 C12.538,17 15,19.462 15,22.5 C15,22.669 14.99,22.835 14.975,23 L34,23 L34.025,22.998 C34.01,22.834 34,22.668 34,22.5 C34,19.462 36.462,17 39.5,17 C42.37,17 44.723,19.198 44.975,22.002 L45,22 L45,22 C46.122,21.938 47,21.01 47,19.886 L47,14.851 C47,13.714 45.907,13.409 45.907,13.409 Z" id="Shape" fill="#F44336" fill-rule="nonzero"></path> <path d="M9.5,16 C5.948,16 3.056,18.865 3.005,22.406 C3.366,22.546 3.713,22.661 4.013,22.75 C4.009,22.666 4,22.584 4,22.5 C4,19.462 6.462,17 9.5,17 C12.538,17 15,19.462 15,22.5 C15,22.669 14.99,22.835 14.975,23 L15.975,23 C15.987,22.834 16,22.669 16,22.5 C16,18.916 13.084,16 9.5,16 Z" id="Shape" fill="#F26F6C" fill-rule="nonzero"></path> <path d="M39.5,16 C35.916,16 33,18.916 33,22.5 C33,22.669 33.013,22.834 33.025,23 L34,23 L34.025,22.998 C34.01,22.834 34,22.668 34,22.5 C34,19.462 36.462,17 39.5,17 C39.84,17 40.172,17.035 40.495,17.095 C40.52,17.1 40.546,17.102 40.571,17.107 C40.874,17.167 41.167,17.256 41.45,17.364 C41.491,17.38 41.532,17.393 41.572,17.409 C41.841,17.519 42.097,17.652 42.342,17.801 C42.388,17.829 42.434,17.855 42.479,17.885 C42.715,18.038 42.938,18.21 43.147,18.396 C43.189,18.433 43.23,18.47 43.27,18.508 C43.475,18.702 43.665,18.911 43.838,19.134 C43.869,19.174 43.898,19.214 43.928,19.254 C44.1,19.489 44.255,19.736 44.389,19.997 C44.406,20.031 44.422,20.065 44.438,20.099 C44.573,20.375 44.687,20.662 44.774,20.962 C44.78,20.982 44.784,21.002 44.789,21.022 C44.878,21.339 44.941,21.666 44.972,22.003 L44.972,22.003 L45,22 C45.347,21.981 45.665,21.871 45.946,21.706 C45.553,18.496 42.815,16 39.5,16 Z" id="Shape" fill="#F26F6C" fill-rule="nonzero"></path> <path d="M9.5,21.5 C8.948,21.5 8.5,21.948 8.5,22.5" id="Shape" stroke="#FFFFFF" stroke-linecap="round"></path> <path d="M23,14 L20,14 C19.448,14 19,13.552 19,13 L19,13 C19,12.448 19.448,12 20,12 L23,12 C23.552,12 24,12.448 24,13 L24,13 C24,13.552 23.552,14 23,14 Z" id="Shape" fill="#EF9A9A" fill-rule="nonzero"></path> <path d="M19,10 L31.505,10 C32.301,10 32.778,9.115 32.34,8.45 L29.402,3.986 C28.586,2.746 27.202,2 25.718,2 L20,2 C19.448,2 19,2.448 19,3 L19,10 Z" id="Shape" fill="#263238" fill-rule="nonzero"></path> <path d="M17,3.058 L17,9 C17,9.552 16.552,10 16,10 L8.891,10 C8.184,10 7.702,9.293 7.959,8.635 C8.789,6.506 10.969,2.582 15.882,2.059 C16.475,1.995 17,2.461 17,3.058 Z" id="Shape" fill="#263238" fill-rule="nonzero"></path> <path d="M46.611,21 L47.389,21 C47.726,21 48,20.726 48,20.389 L48,19.611 C48,19.274 47.726,19 47.389,19 L46.611,19 C46.274,19 46,19.274 46,19.611 L46,20.389 C46,20.726 46.274,21 46.611,21 Z" id="Shape" fill="#CFD8DC" fill-rule="nonzero"></path> <path d="M1.275,17.74 L1.921,15.226 L0.922,14.849 C0.619,15.612 0.372,16.447 0.209,17.342 L1.275,17.74 Z" id="Shape" fill="#FFCDD2" fill-rule="nonzero"></path> <path d="M1.751,19.584 L0.291,19.097 C0.117,19.039 0,18.876 0,18.693 L0,17.591 C0,17.3 0.285,17.095 0.561,17.187 L2.352,17.784 C2.739,17.913 3,18.275 3,18.684 L3,18.684 C3,19.331 2.366,19.789 1.751,19.584 Z" id="Shape" fill="#CFD8DC" fill-rule="nonzero"></path> <path d="M47.5,18 L47,18 C47,18 46.5,17.686 46.5,16.5 C46.5,15.314 47,15 47,15 L47.5,15 C47.776,15 48,15.224 48,15.5 L48,17.5 C48,17.776 47.776,18 47.5,18 Z" id="Shape" fill="#FFC107" fill-rule="nonzero"></path> </g> <g id="Armored-Helmet" transform="translate(919.000000, 63.000000)" fill-rule="nonzero"> <polygon id="Shape" fill="#3949AB" points="58.01 74 33.99 70 33.99 30 58.01 30"></polygon> <polygon id="Shape" fill="#283593" points="34.01 70 9.99 74 9.99 30 34.01 30"></polygon> <path d="M68,72 L40,80 L40,56 L50.174,50.186 C52.54,48.834 54,46.318 54,43.594 L54,43.592 C54,39.398 50.6,36 46.406,36 L46.406,36 C43.682,36 41.166,37.46 39.814,39.826 L34,50 L34,4 C38.774,8.218 58.176,12.628 63.924,28.178 C69.442,43.112 62,60 62,60 L68,72 Z" id="Shape" fill="#9FA8DA"></path> <path d="M39.814,39.826 L34,50 L34,0 C34,0 41.166,37.46 39.814,39.826 Z" id="Shape" fill="#FFB300"></path> <path d="M0,72 L28,80 L28,56 L17.826,50.186 C15.46,48.834 14,46.318 14,43.594 L14,43.592 C14,39.398 17.4,36 21.594,36 L21.594,36 C24.318,36 26.834,37.46 28.186,39.826 L34,50 L34,4 C29.226,8.218 9.824,12.628 4.076,28.178 C-1.442,43.112 6,60 6,60 L0,72 Z" id="Shape" fill="#C5CAE9"></path> <path d="M28.186,39.826 L34,50 L34,0 C34,0 26.834,37.46 28.186,39.826 Z" id="Shape" fill="#FFD54F"></path> <circle id="Oval" fill="#7986CB" cx="44" cy="28" r="2"></circle> <circle id="Oval" fill="#7986CB" cx="52" cy="28" r="2"></circle> <circle id="Oval" fill="#7986CB" cx="60" cy="28" r="2"></circle> <circle id="Oval" fill="#9FA8DA" cx="8" cy="28" r="2"></circle> <circle id="Oval" fill="#9FA8DA" cx="16" cy="28" r="2"></circle> <circle id="Oval" fill="#9FA8DA" cx="24" cy="28" r="2"></circle> </g> <g id="Escalator_8b9191" transform="translate(1061.000000, 39.000000)" fill-rule="nonzero" fill="#8B9191"> <path d="M20.035156,0 C16.745138,0 14.035156,2.7099808 14.035156,6 C14.035156,8.0797908 15.12216,9.921855 16.75,11 C15.122196,12.07796 14.035156,13.919646 14.035156,16 L14.035156,25.136718 L11.171875,28 L8,28 C3.6053322,28 0,31.605332 0,36 C0,40.394668 3.6053322,44 8,44 L8.0351562,44 L16.828124,44 L40.828124,20 L44,20 C48.394668,20 52,16.394668 52,12 C52,7.6053322 48.394668,4 44,4 L35.171876,4 L25.535156,13.636718 C25.066278,12.559264 24.291738,11.643296 23.320312,11 C24.948152,9.921855 26.035156,8.0797908 26.035156,6 C26.035156,2.7099808 23.325176,0 20.035156,0 Z M20.035156,4 C21.163416,4 22.035156,4.8717412 22.035156,6 C22.035156,7.1282588 21.163416,8 20.035156,8 C18.906898,8 18.035156,7.1282588 18.035156,6 C18.035156,4.8717412 18.906898,4 20.035156,4 Z M36.828124,8 L44,8 C46.233332,8 48,9.7666678 48,12 C48,14.233332 46.233332,16 44,16 L39.171876,16 L15.171876,40 L8.0351562,40 L8,40 C5.7666678,40 4,38.233332 4,36 C4,33.766668 5.7666678,32 8,32 L12.828125,32 L36.828124,8 Z M20.035156,14 C21.144248,14 22.035156,14.89091 22.035156,16 L22.035156,17.136718 L18.035156,21.136718 L18.035156,16 C18.035156,14.89091 18.926066,14 20.035156,14 Z" id="Shape"></path> </g> <g id="Airplane-Mode-On_8b9191" transform="translate(1013.000000, 282.000000)" fill-rule="nonzero" fill="#8B9191"> <path d="M15.765625,0 L17.765624,18 L14.0351562,18 L10.0351562,12 L1.5585938,12 L3.9609376,24 L1.5585938,36 L10.0351562,36 L14.0351562,30 L17.765624,30 L15.765625,48 L18,48 L25.300782,48 L33.300782,30 L48,30 C51.28994,30 54,27.28994 54,24 C54,20.71006 51.28994,18 48,18 L33.300782,18 L25.300782,0 L15.765625,0 Z M20.234376,4 L22.699218,4 L30.699218,22 L48,22 C49.13006,22 50,22.86994 50,24 C50,25.13006 49.13006,26 48,26 L30.699218,26 L22.699218,44 L20.234376,44 L22.234376,26 L11.8945312,26 L7.8945312,32 L6.4375,32 L8.0390624,24 L6.4375,16 L7.8945312,16 L11.8945312,22 L22.234376,22 L20.234376,4 Z" id="Shape"></path> </g> <g id="Money-Box_8b9191" transform="translate(1021.000000, 143.000000)" fill-rule="nonzero" fill="#8B9191"> <path d="M21,0 C16.053124,0 12,4.053124 12,9 C12,10.6054296 12.4504104,12.085412 13.1875,13.375 C9.5879234,15.483882 6.762794,18.474036 5.25,22 L5,22 C4.4261256,22 4,21.573874 4,21 C4,20.648722 4.1807236,20.367776 4.4375,20.1875 L2.125,16.9375 C0.8377764,17.841224 0,19.323278 0,21 C0,23.459048 1.8322986,25.477578 4.1875,25.875 C4.0881006,26.574596 4,27.274342 4,28 C4,32.981828 6.6475162,37.30553 10.5,40.5 C10.015273,42.498384 10.2604138,44.635414 11.8125,46.1875 C14.178398,48.553398 18.073124,48.55483 20.4375,46.1875 L21.1875,45.4375 C22.752222,45.729404 24.322624,46 26,46 C27.677376,46 29.248562,45.729472 30.8125,45.4375 L31.5625,46.1875 C33.928398,48.553398 37.823124,48.55483 40.1875,46.1875 C41.708314,44.666686 41.934828,42.590726 41.5,40.625 C43.135118,39.286566 44.49497,37.740122 45.5625,36 L48,36 L50,36 L50,34 L50,22 L50,20 L48,20 L45.4375,20 C44.715842,18.837246 43.860094,17.7366 42.875,16.75 L44,10.5625 L44,10.375 L44,10.1875 L44,10 L44,8 L42,8 C42,8 37.197532,8.0786644 33.125,11.125 C32.060516,10.823985 30.992084,10.5737008 29.875,10.375 C29.950494,9.9309314 30,9.4716972 30,9 C30,4.053124 25.946876,0 21,0 Z M21,4 C23.785124,4 26,6.214876 26,9 C26,9.3415646 25.94106,9.671825 25.875,10 C22.652334,10.0150848 19.59925,10.6369108 16.8125,11.6875 C16.298608,10.9039556 16,9.98969 16,9 C16,6.214876 18.214876,4 21,4 Z M39.5,12.375 C39.53486,12.3664 39.52808,12.3832 39.5625,12.375 L38.8125,16.9375 L38.625,18 L39.5,18.75 C40.897436,19.983242 41.987298,21.370164 42.75,22.875 L43.3125,24 L44.5625,24 L46,24 L46,32 L44.5625,32 L43.3125,32 L42.75,33.125 C41.773568,35.052124 40.232866,36.747048 38.25,38.1875 L36.8125,39.25 L37.6875,40.875 C38.161018,41.68307 38.076742,42.673258 37.375,43.375 C36.539376,44.21167 35.275602,44.213102 34.4375,43.375 L33,41.9375 L32.1875,41.1875 L31.125,41.4375 C29.497686,41.814874 27.77327,42 26,42 C24.22673,42 22.504788,41.81502 20.875,41.4375 L19.8125,41.1875 L19,41.9375 L17.5625,43.375 C16.726876,44.21167 15.463102,44.213102 14.625,43.375 C13.9232578,42.673258 13.838981,41.68307 14.3125,40.875 L15.1875,39.25 L13.75,38.1875 C10.1358222,35.562106 8,31.975424 8,28 C8,20.51514 15.818748,14 26,14 C28.462746,14 30.80541,14.363994 32.9375,15.0625 L34,15.4375 L34.875,14.6875 C36.304802,13.416924 38.074186,12.729132 39.5,12.375 Z M38,24 C36.89543,24 36,24.89543 36,26 C36,27.10457 36.89543,28 38,28 C39.10457,28 40,27.10457 40,26 C40,24.89543 39.10457,24 38,24 Z" id="Shape"></path> </g> </g> </g> </svg> </div> </div> <script> (function () { var pollId = 0; pollId = setInterval(function () { var pos = getComputedStyle(document.querySelector('.mdc-button')).position; if (pos === 'relative') { init(); clearInterval(pollId); } }, 250); function init() { var btns = document.querySelectorAll('.mdc-button:not([data-demo-no-js])'); for (var i = 0, btn; btn = btns[i]; i++) { mdc.ripple.MDCRipple.attachTo(btn); } } })(); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10