Sunset 1 Bold icon
glyphs:sunset-1-bold
The Sunset 1 Bold icon (glyphs:sunset-1-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs 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
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- sunsetbold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="m27.964 19.405l-3.246-4.44l3.219 4.46zM20.51 29.65l-5.236-1.683l5.226 1.716zm38.993.032l5.225-1.715l-5.235 1.683zm-7.439-10.256l3.22-4.46l-3.247 4.44zM40.018 15.5L40 10l-.017 5.5zm3.51 9.646A11.41 11.41 0 0 1 51.413 36H28.587a11.412 11.412 0 0 1 14.94-10.854" clip-rule="evenodd"/><path fill="currentColor" d="m24.718 14.966l2.017-1.476a2.5 2.5 0 0 0-4.045 2.939zm3.246 4.44l1.47 2.022a2.5 2.5 0 0 0 .548-3.498zm-.027.02l-2.027 1.463a2.5 2.5 0 0 0 3.497.559zm-12.664 8.54l.765-2.38a2.5 2.5 0 0 0-1.546 4.755zm5.236 1.683l2.378.772a2.5 2.5 0 0 0-1.613-3.152zm-.01.033l-.78 2.375a2.5 2.5 0 0 0 3.157-1.603zm44.228-1.716l.78 2.375a2.5 2.5 0 0 0-1.545-4.756zm-5.225 1.715l-2.377.773a2.5 2.5 0 0 0 3.157 1.603zm-.01-.032l-.765-2.38a2.5 2.5 0 0 0-1.613 3.152zm-4.21-14.683l2.028 1.463a2.5 2.5 0 0 0-4.046-2.94zm-3.218 4.46l-1.47 2.022a2.5 2.5 0 0 0 3.497-.56zm-.028-.021l-2.018-1.476a2.5 2.5 0 0 0 .549 3.499zM40 10l2.5-.008a2.5 2.5 0 0 0-5 0zm.017 5.5V18a2.5 2.5 0 0 0 2.5-2.508zm-.034 0l-2.5-.008a2.5 2.5 0 0 0 2.5 2.508zm3.544 9.646l.772-2.378zM51.413 36v2.5a2.5 2.5 0 0 0 2.5-2.5zm-22.826 0h-2.5a2.5 2.5 0 0 0 2.5 2.5zm2.18-6.708l-2.023-1.47zm5.706-4.146l-.772-2.378zM22.7 16.44l3.247 4.44l4.035-2.951l-3.247-4.44zm7.264 1.521l-3.22-4.46l-4.054 2.927l3.22 4.46zm-3.47-.579l-.027.02l2.94 4.045l.027-.02zM14.508 30.346l5.237 1.683l1.53-4.76l-5.236-1.683zm6.771-3.04l-5.226-1.716l-1.56 4.75l5.226 1.717zm-3.147 1.57l-.01.033l4.755 1.545l.01-.033zm45.816-3.286l-5.225 1.716l1.56 4.75l5.225-1.715zm-3.69 6.439l5.236-1.683l-1.53-4.76l-5.236 1.683zm1.623-3.12l-.01-.033l-4.756 1.545l.01.033zm-8.625-15.407l-3.219 4.46l4.055 2.926l3.218-4.46zm.799 7.379l3.246-4.44l-4.036-2.951l-3.246 4.44zm-.521-3.479l-.028-.02l-2.938 4.046l.027.02zM37.5 10.008l.017 5.5l5-.016l-.017-5.5zm4.983 5.5l.017-5.5l-5-.016l-.017 5.5zM40.017 13h-.035l.001 5h.035zm11.238 14.822a13.9 13.9 0 0 0-6.956-5.054l-1.545 4.755a8.9 8.9 0 0 1 4.456 3.238zM53.914 36c0-2.938-.93-5.8-2.657-8.178l-4.046 2.94A8.9 8.9 0 0 1 48.913 36zm-25.326 2.5h22.826v-5H28.587zm.157-10.678A13.9 13.9 0 0 0 26.087 36h5c0-1.882.596-3.716 1.702-5.239zm6.957-5.054a13.9 13.9 0 0 0-6.957 5.054l4.045 2.94a8.9 8.9 0 0 1 4.457-3.239zm8.598 0a13.9 13.9 0 0 0-8.598 0l1.545 4.755a8.9 8.9 0 0 1 5.508 0z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="5" d="M8 36h64"/><path fill="currentColor" d="M37.501 64a2.5 2.5 0 0 0 5 0zm5-18a2.5 2.5 0 0 0-5 0zm0 18V46h-5v18z"/><path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M32.916 64h14.169c.819 0 1.117 1.079.415 1.5l-6.214 3.728a2.5 2.5 0 0 1-2.572 0L32.5 65.5c-.702-.421-.404-1.5.416-1.5"/></g></svg>How to use the Sunset 1 Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:sunset-1-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:sunset-1-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:sunset-1-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--sunset-1-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:sunset-1-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:sunset-1-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/sunset-1-bold.svg" alt="Sunset 1 Bold icon" width="24" height="24">Related icons in Glyphs
Sunset 1 Bold icon FAQ
Is the Sunset 1 Bold icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Sunset 1 Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:sunset-1-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sunset 1 Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/sunset-1-bold.svg" alt="Sunset 1 Bold icon">, or paste the SVG code inline to style it with CSS.