Forward Sun icon
game-icons:forward-sun
The Forward Sun icon (game-icons:forward-sun) 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
- forwardsun
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M71.683 379.582c-68.196-68.225-68.196-178.94 0-247.16c68.225-68.202 178.95-68.202 247.174 0c20.782 20.798 35.22 45.538 43.34 71.797h41.432v-22.185c0-10.53 6.103-13.057 13.58-5.645l68.635 67.962c7.492 7.412 7.492 19.453 0 26.865l-68.64 67.962c-7.494 7.404-13.576 4.87-13.576-5.675v-22.148h-42.573c-8.303 24.923-22.375 48.378-42.2 68.225c-68.225 68.196-178.95 68.196-247.174 0zm137.443 5.77v-45.647h-27.128v45.646zm-94.513-27.917l32.27-32.29l-19.177-19.17l-32.276 32.29zm161.89 0l19.17-19.183l-32.277-32.276l-19.168 19.168l32.276 32.29zM241.41 302.28c25.47-25.44 25.47-66.77 0-92.22c-25.442-25.448-66.773-25.448-92.22 0c-25.45 25.45-25.45 66.78 0 92.22c25.447 25.464 66.778 25.464 92.22 0m-128.243-31.406V243.76h-45.64v27.114zm210.4 0V243.76h-45.64v27.114zm-195.86-62.215l19.16-19.17l-32.27-32.29l-19.167 19.168l32.276 32.29zm135.69 0l32.275-32.3l-19.176-19.168l-32.283 32.284l19.183 19.183zm-54.293-33.738v-45.646H181.99v45.646z"/></svg>How to use the Forward Sun icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:forward-sun" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:forward-sun" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:forward-sun" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--forward-sun]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:forward-sun"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:forward-sun"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/forward-sun.svg" alt="Forward Sun icon" width="24" height="24">Related icons in Game Icons
Forward Sun icon FAQ
Is the Forward Sun 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 Forward Sun icon in React?
Install @iconify/react and render <Icon icon="game-icons:forward-sun" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Forward Sun icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/forward-sun.svg" alt="Forward Sun icon">, or paste the SVG code inline to style it with CSS.