Space Shuttle icon
game-icons:space-shuttle
The Space Shuttle icon (game-icons:space-shuttle) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- spaceshuttle
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 25.162c-.445.165-1.342.498-2.506 1.24c-2.093 1.334-4.922 3.615-8.002 6.58c-6.16 5.932-13.396 14.576-20.12 24.18a179 179 0 0 0-3.69 5.516c11.783-2.326 23.053-3.5 34.318-3.5s22.535 1.174 34.318 3.5a179 179 0 0 0-3.69-5.516c-6.724-9.604-13.96-18.248-20.12-24.18c-3.08-2.965-5.91-5.246-8.002-6.58a12.4 12.4 0 0 0-2.506-1.24m0 51.662c-14.685 0-29.38 2.38-46.22 7.114C204.42 95.194 201 105.57 201 112v159.64c5.106-17.267 9.62-38.235 14-64.404V192c0-11 4.557-23.42 11.283-34.63c3.363-5.606 7.31-10.793 12.072-14.92C243.118 138.32 249 135 256 135s12.882 3.322 17.645 7.45c4.762 4.127 8.71 9.314 12.072 14.92C292.443 168.58 297 181 297 192v15.236c4.38 26.17 8.894 47.137 14 64.403V112c0-6.43-3.42-16.806-8.78-28.063c-16.84-4.734-31.535-7.113-46.22-7.113m-88 52.56c-6.513 11.517-15 29.352-15 46.616v39h30v-39c0-17.264-8.487-35.1-15-46.615zm176 0c-6.513 11.517-15 29.352-15 46.616v39h30v-39c0-17.264-8.487-35.1-15-46.615zM256 153c-1 0-3.118.678-5.855 3.05c-2.738 2.373-5.79 6.186-8.428 10.58C236.443 175.42 233 187 233 192v163.78l-2.697 2.644c-10.61 10.408-12.83 36.14-13.15 52.77c6.674 3.535 17.826 6.417 29.847 7.42V368h18v50.613c12.023-1.004 23.178-3.885 29.852-7.422c-.308-16.586-2.46-42.072-13.215-52.827L279 355.73V192c0-5-3.443-16.58-8.717-25.37c-2.637-4.394-5.69-8.207-8.428-10.58C259.118 153.68 257 153 256 153m-16 30h32v18h-32zm-87 50v116.316c12.42-10.644 21.995-21.32 30-34.69V233zm176 0v81.627c8.005 13.368 17.58 24.045 30 34.69V233zm-114 53.975c-3.513 10.4-7.342 19.745-11.697 28.175c-9.305 18.01-20.907 32.004-35.457 45.032l38.675 1.933c2.16-4.848 4.922-9.458 8.48-13.584v-61.555zm82 0v61.6c3.515 4.13 6.253 8.725 8.4 13.544l38.754-1.938c-14.55-13.028-26.152-27.023-35.457-45.032c-4.355-8.43-8.184-17.775-11.697-28.175zm197 16.04c-13.547 5.65-19.025 19.56-26.95 41.83c0 0-45.814.42-53.376 17.557c-8.08 18.31 24.582 54.784 24.582 54.784s-27.132-8.726-37.926-2.108c-11.983 7.348-17.012 38.586-17.012 38.586c-3.533-.847-6.9-1.547-10.14-2.133L362.666 420h10.668l-5.992-10.957l-53.514 2.676l-.816 1.503c-.005.914-.012 1.954-.012 2.777v4h7l-10.666 32l21.332-16l5.004 15.008c-14.785 3.136-25.546 10.693-35.9 20.533L288 448h16l-12.803-15.607C280.517 435.733 268.283 437 256 437c-12.312 0-24.576-1.272-35.273-4.63L208 448h16l-12.89 25.78c-12.137-5.026-25.02-10.03-37.602-14.305L181.334 436l21.332 16L192 420h7v-4c0-.807-.008-1.832-.014-2.73l-.85-1.553l-53.52-2.676l-5.95 10.96h10.668l-9.955 29.86c-3.99-.816-7.803-1.45-11.38-1.86c-31.566-3.623-39.72 4.634-57.932 12.416c0 0 16.664-96.575-16.69-118.38c-4.128-2.7-9.283-3.783-14.993-3.73c-6.33.056-13.342 1.526-20.385 3.733V494h237l1 2l16-32l23.488 11.744c-5.562 5.625-11.157 11.82-17.355 18.256H494zM147.02 377.16c-5.396 4.877-6.897 9.625-6.817 11.555c.046 1.094.238 1.25.508 1.49c.27.242 1.017.793 3.29.793h.225l55.195 2.76c.316-4.473.846-9.163 1.732-13.89zm217.96 0l-54.187 2.71c.896 4.73 1.437 9.418 1.762 13.89l55.22-2.762H368c2.273 0 3.02-.55 3.29-.793c.27-.24.46-.396.507-1.49c.08-1.93-1.42-6.678-6.817-11.555M160 436l7.12 21.365c-9.11-2.933-17.94-5.404-26.075-7.148zm192 0l20.547 15.41c-9.475-1.674-17.715-2.228-25.057-1.88zm-112 28l14.545 29.09c-9.876-4.675-23.293-10.83-38.356-17.186z"/></svg>How to use the Space Shuttle icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:space-shuttle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:space-shuttle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:space-shuttle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--space-shuttle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:space-shuttle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:space-shuttle"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/space-shuttle.svg" alt="Space Shuttle icon" width="24" height="24">Related icons in Game Icons
Space Shuttle icon in other icon sets
Space Shuttle icon FAQ
Is the Space Shuttle icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Space Shuttle icon in React?
Install @iconify/react and render <Icon icon="game-icons:space-shuttle" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Space Shuttle icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/space-shuttle.svg" alt="Space Shuttle icon">, or paste the SVG code inline to style it with CSS.