Sunset 1 icon

glyphs-poly:sunset-1

The Sunset 1 icon (glyphs-poly:sunset-1) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Glyphs Poly
Author: Goran Spasojevic
License: MIT
Size: 80 × 80

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#eb5757" fill-rule="evenodd" d="m40.5 10l.025 8.008L40.5 18l-.026.008zM29.945 21.43l-4.727-6.464l4.687 6.493l.015-.021zm-6.548 8.987l-7.624-2.451l7.608 2.498v-.026zm34.222.02v.027l7.608-2.498l-7.623 2.45zm-6.523-8.978l4.686-6.493l-4.727 6.463l.026.009zm-7.07 3.687A11.41 11.41 0 0 1 51.914 36H29.087a11.412 11.412 0 0 1 14.94-10.854" clip-rule="evenodd"/><path fill="#f2c94c" d="m40.525 18.008l-.618 1.902a2 2 0 0 0 2.618-1.908zM40.5 10l2-.006a2 2 0 0 0-4 0zm0 8l.618-1.902a2 2 0 0 0-.617-.098zm0 0v-2a2 2 0 0 0-.619.098zm-.025.008l-2-.006a2 2 0 0 0 2.62 1.908zm-15.257-3.042l1.614-1.181a2 2 0 0 0-3.236 2.351zm4.727 6.464l.618 1.902a2 2 0 0 0 .996-3.083zm-.04.03l-1.622 1.17a2 2 0 0 0 3.24.005zm.015-.022v-2a2 2 0 0 0-1.618.824zm0 0v2c.21 0 .419-.033.618-.098zm-14.147 6.528l.612-1.905a2 2 0 0 0-1.237 3.805zm7.624 2.45l1.618 1.176a2 2 0 0 0-1.006-3.08zm-.016.048l-.624 1.9a2 2 0 0 0 2.624-1.9zm0-.026l-1.618-1.176a2 2 0 0 0-.382 1.176zm34.239 0h2a2 2 0 0 0-2-2zm0 0L56 31.61a2 2 0 0 0 1.62.828zm0 .026h-2a2 2 0 0 0 2.624 1.9zm7.607-2.498l.624 1.9a2 2 0 0 0-1.236-3.805zm-7.623 2.45l-.612-1.904a2 2 0 0 0-1.008 3.077zm-1.822-15.45l1.622 1.17a2 2 0 0 0-3.236-2.351zm-4.686 6.493l-1.618 1.175a2 2 0 0 0 3.24-.005zm-.04-.03l-1.615-1.18a2 2 0 0 0 .995 3.082zm.025.009l-.62 1.901c.2.066.41.099.62.099zm0 0l1.618-1.176a2 2 0 0 0-1.618-.824zm-7.054 3.708l.618-1.902zM51.913 36v2a2 2 0 0 0 2-2zm-22.826 0h-2a2 2 0 0 0 2 2zm2.18-6.708l-1.618-1.176zm5.706-4.146l-.618-1.902zm5.552-7.144L42.5 9.994l-4 .012l.025 8.008zm-2.643 1.9l.025.008l1.236-3.804l-.025-.008zM40.5 20v-4zm.594-.09l.026-.008l-1.239-3.804l-.025.009zM38.5 9.994l-.025 8.008l4 .013l.025-8.009zm-14.897 6.152l4.727 6.464l3.23-2.36l-4.728-6.465zm7.923 4.143l-4.687-6.494l-3.243 2.341l4.687 6.494zm-3.224-.027l-.015.022l3.236 2.35l.015-.02zm1.618-.824v4zm-.593.09l-.025.008l1.236 3.804l.025-.008zM15.16 29.87l7.625 2.45l1.224-3.808l-7.624-2.45zm8.845-1.306l-7.609-2.499l-1.248 3.8l7.61 2.5zm-2.624 1.874v.026h4v-.026zm.398-1.197l-.016.021L25 31.613l.016-.02zm35.84-.803v4zm2 2.026v-.026h-4v.026zm4.984-4.399l-7.607 2.499l1.247 3.8l7.608-2.498zm-6.387 6.255l7.624-2.45l-1.225-3.809l-7.623 2.451zm1.024-3.055l-.016-.021l-3.24 2.345l.015.021zm-5.08-15.47l-4.686 6.493l3.244 2.341l4.686-6.493zm-1.49 8.815l4.727-6.464l-3.229-2.361l-4.727 6.464zm-.97-3.074l-.026-.008l-1.238 3.803l.025.008zm-.62-.098v4zm1.634.845l-.015-.02l-3.236 2.35l.015.021zm-1.363 7.833a13.4 13.4 0 0 0-6.706-4.872l-1.236 3.804a9.4 9.4 0 0 1 4.706 3.42zM53.913 36c0-2.833-.897-5.592-2.562-7.884l-3.236 2.351A9.4 9.4 0 0 1 49.913 36zm-24.826 2h22.826v-4H29.087zm.562-9.884A13.4 13.4 0 0 0 27.087 36h4c0-1.988.63-3.925 1.798-5.533zm6.706-4.872a13.4 13.4 0 0 0-6.706 4.872l3.236 2.351a9.4 9.4 0 0 1 4.706-3.419zm8.29 0a13.4 13.4 0 0 0-8.29 0l1.236 3.804a9.4 9.4 0 0 1 5.818 0z"/><path stroke="#f2994a" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M8.5 36h64"/><path fill="#2f80ed" d="M38.501 64a2 2 0 0 0 4 0zm4-18a2 2 0 1 0-4 0zm0 18V46h-4v18z"/><path fill="#2f80ed" stroke="#2f80ed" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M33.416 64h14.169c.819 0 1.117 1.079.415 1.5l-6.214 3.728a2.5 2.5 0 0 1-2.572 0L33 65.5c-.702-.421-.404-1.5.416-1.5"/></g></svg>

How to use the Sunset 1 icon

React

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

<Icon icon="glyphs-poly:sunset-1" width="24" />

Vue

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

<template>
  <Icon icon="glyphs-poly:sunset-1" width="24" />
</template>

Svelte

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

<Icon icon="glyphs-poly:sunset-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--sunset-1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:sunset-1"></div>

Web component

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

<iconify-icon icon="glyphs-poly:sunset-1"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/glyphs-poly/sunset-1.svg" alt="Sunset 1 icon" width="24" height="24">

Related icons in Glyphs Poly

Sunset 1 icon in other icon sets

Sunset 1 icon FAQ

Is the Sunset 1 icon free for commercial use?

Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Sunset 1 icon in React?

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

How do I add the Sunset 1 icon to a web page?

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

Browse all Glyphs Poly icons →