Atlas icon
game-icons:atlas
The Atlas icon (game-icons:atlas) 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
- atla
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 22.115c-5.825 0-11.563.366-17.193 1.074l25.27 19.44l27.44-15.832A136.4 136.4 0 0 0 256 22.115m-31.406 3.64C164.628 39.899 120.115 93.66 120.115 158c0 70.687 53.73 128.608 122.65 135.244c.11-.089.213-.183.323-.271c8.263-6.629 19.152-10.972 31.252-12.305c6.22-.685 12.228-.512 17.822.457l.006-.025v-.002c1.954-7.778 6.776-13.879 12.527-17.332c4.314-2.59 8.978-3.837 13.528-4.137a34 34 0 0 1 4.496.002c5.895.383 11.445 2.11 16.095 5.584c.123.092.244.195.366.29c31.612-24.477 52.098-62.602 52.681-105.62c-6.228-5.54-16.99-15.23-18.4-17.346c-1.987-2.98-21.852-22.348-21.852-22.348l-44.199-2.484l19.865 24.336l-26.818 11.422l-20.494-27.983l24.85 59.018l-16.856 67.424l-33.713-1.406l-14.748-62.506l-53.379-11.239l19.666-58.996h69.082l3.41-6.275l-36.312-19.03l-41.799 18.985l-.701-41.437s21.068-18.964 21.068-24.582c0-3.13 2.132-12.118 4.063-19.682zm95.91 251.806c-2.437.009-4.81.597-6.543 1.638c-1.982 1.19-3.436 2.711-4.334 6.287l-.006.018l-13.79 53.928l-8.073-1.25c-12.118-1.876-25.705-2.017-32.533-1.07c-4.91 1.625-7.226 4.484-7.848 6.286c-.635 1.842-.734 2.198 1.135 3.5c.717.457 5.872 2.645 12.074 4.186c6.256 1.554 13.908 2.898 21.277 3.61c7.37.71 14.537.749 19.438.023s5.96-2.624 5.191-.912c13.432-29.903 16.61-45.388 21.844-74.057c-.08-.024-.02.092-.293-.111c-1.067-.797-3.7-1.864-6.492-2.045q-.525-.034-1.047-.031m-40.055 20.785c-1.604.011-3.25.106-4.926.29c-8.933.985-16.716 4.342-21.64 8.292s-6.649 7.762-6.438 10.965a8.1 8.1 0 0 0 .633 2.617a38 38 0 0 1 2.498-.854l.582-.174l.602-.093c8.147-1.276 19.2-1.204 30.615.006l5.25-20.53a45 45 0 0 0-7.176-.52zm-49.455 11.103c-32.373 12.647-66.581 48.933-73.314 87.27c8.55 13.94 15.925 25.451 42.213 28.804c20.25 2.584 36.195-3.383 53.138-11.421c-4.61 27.314-9.023 54.627-22.347 81.941l61.582 1.49l-1.987-11.422l-37.248-4.47c10.766-27.243 34.074-58.795 28.309-88.399c-18.755-3.482-37.817-6.687-69.527 1.49c2.954-8.21 13.434-21.073 25.947-33.408c-7.491-5.58-10.196-15.685-7.399-23.795a24.7 24.7 0 0 1 2.993-5.914c-2.137-3.465-3.52-7.4-3.807-11.752c-.238-3.613.312-7.107 1.447-10.414m-65.64 120.928c5.496 14.215 12.952 27.97 20.136 41.58c-17.916-10.752-58.268-14.487-64.808-14.402c-3.1 17.06-10.632 26.4-25.02 35.74l14.899 2.978l19.804-23.074c26.19 15.067 75.1 30.943 84.442 19.444c.305-9.276-.076-28.955-5.8-49.584c-17.281.494-32.183-4.853-43.653-12.682"/></svg>How to use the Atlas icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:atlas" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:atlas" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:atlas" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--atlas]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:atlas"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:atlas"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/atlas.svg" alt="Atlas icon" width="24" height="24">Atlas icon in other icon sets
Atlas icon FAQ
Is the Atlas 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 Atlas icon in React?
Install @iconify/react and render <Icon icon="game-icons:atlas" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Atlas icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/atlas.svg" alt="Atlas icon">, or paste the SVG code inline to style it with CSS.