Teleport icon

game-icons:teleport

The Teleport icon (game-icons:teleport) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M249.334 22.717c-18.64 2.424-35.677 23.574-37.043 51.49v.02a75 75 0 0 0-.097 3.59c0 16.362 5.658 30.827 13.942 40.818l10.127 12.213l-15.592 2.933c-10.75 2.025-18.622 7.702-25.373 16.978c-2.285 3.14-4.384 6.707-6.31 10.62c-57.54-6.44-97.91-21.06-97.91-37.952c0-17.363 42.647-31.983 102.75-37.97a90 90 0 0 1-.323-7.636v-.002c0-.84.024-1.674.047-2.51c-96.43 6.77-167.298 29.15-167.3 55.71c-.002 25.33 64.462 46.86 154.074 54.67c-.19.742-.394 1.465-.576 2.216c-2.36 9.72-4.05 20.22-5.268 31.03l-.03.002c-.418 3.653-.78 7.34-1.095 11.046l.05-.005c-1.316 15.777-1.772 31.88-1.893 46.95h35.894l2.115 28.4c-68.24-4.994-118.444-21.004-118.444-39.843c0-13.243 24.83-24.89 63.27-32.33c.3-4.056.66-8.115 1.076-12.162c-76.42 9.353-129.17 29.168-129.172 52.086c-.002 28.17 79.71 51.643 185.098 56.768l5.94 79.77c10.5 2.648 24.84 4.162 39.017 4.068c13.79-.092 27.235-1.71 36.45-4l5.263-79.846c105.308-5.14 184.935-28.605 184.935-56.76c0-23.013-53.196-42.895-130.13-52.2c.304 4.02.557 8.047.755 12.07c38.883 7.43 63.965 19.17 63.965 32.536c0 18.84-49.804 34.85-117.908 39.844l1.87-28.402h34.18c-.012-15.113-.127-31.27-1.033-47.094q.015 0 .032.004a406 406 0 0 0-.782-10.986l-.02-.002c-.94-11.157-2.367-21.984-4.546-31.967c-.09-.405-.184-.803-.275-1.206c89.518-7.826 153.893-29.344 153.893-54.656c0-26.787-72.076-49.332-169.77-55.887c.025.895.053 1.788.053 2.688c0 2.5-.104 4.97-.304 7.407c61.19 5.836 104.61 20.61 104.61 38.2c0 16.805-39.633 31.355-96.524 37.848c-2.01-4.283-4.26-8.15-6.762-11.505c-6.83-9.167-15.063-14.81-27.14-16.682l-15.913-2.47l10.037-12.59c6.928-8.69 11.912-20.715 13.057-34.268h.002c.163-1.95.25-3.93.25-5.938c0-.77-.022-1.532-.048-2.29q-.022-.72-.057-1.434h-.002c-1.48-29.745-20.507-51.3-41.076-51.3c-2.528 0-3.966-.087-4.03-.08h-.003zM194.54 355.822c-97.11 6.655-168.573 29.11-168.573 55.8c0 31.932 102.243 57.815 228.367 57.815S482.7 443.555 482.7 411.623c0-26.608-71.02-49.004-167.67-55.736l-.655 9.93c60.363 6.055 103.074 20.956 103.074 38.394c0 22.81-73.032 41.298-163.12 41.298s-163.12-18.49-163.12-41.297c0-17.533 43.18-32.502 104.07-38.493l-.74-9.895z"/></svg>

How to use the Teleport icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:teleport" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:teleport" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:teleport" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--teleport]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:teleport"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:teleport"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/teleport.svg" alt="Teleport icon" width="24" height="24">

Teleport icon in other icon sets

Teleport icon FAQ

Is the Teleport 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 Teleport icon in React?

Install @iconify/react and render <Icon icon="game-icons:teleport" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Teleport icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/teleport.svg" alt="Teleport icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →