Gleam icon
thesvg-color:gleam
The Gleam icon (thesvg-color:gleam) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 2000 × 1915 grid. theSVG Color 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 2000 × 1915
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="1915" viewBox="0 0 2000 1915"><path fill="#ffaff3" d="M905.5 95.13c41.483-73.507 147.51-73.507 189 0l217.42 385.27c26.9 47.672 73.23 81.278 126.9 92.095l434.05 87.471c82.87 16.699 115.52 117.34 58.4 179.4l-299.67 325.58a188.15 188.15 0 0 0-48.49 149.06l50.83 439.33c9.69 83.71-75.98 146.04-152.89 110.88l-402.64-184.05a188.55 188.55 0 0 0-156.82 0l-402.63 184.05c-76.916 35.15-162.58-27.17-152.9-110.88l50.837-439.33c6.292-54.37-11.413-108.78-48.488-149.06l-299.68-325.58c-57.118-62.055-24.463-162.7 58.403-179.4l434.05-87.471c53.674-10.817 100-44.423 126.9-92.095z"/><g fill="#151515"><path d="M1000 1.287c-50.71 0-101.42 24.727-129.33 74.184l-217.42 385.27c-21.197 37.562-57.654 64.015-99.969 72.543l-434.05 87.47c-111.38 22.446-156.79 162.2-79.932 245.7l299.68 325.58a148.08 148.08 0 0 1 38.183 117.37l-50.836 439.33c-13.042 112.71 105.87 199.11 209.26 151.86l.002-.002l402.64-184.05l.002-.002a148.48 148.48 0 0 1 123.55 0l.002.002l402.64 184.05c103.38 47.263 222.3-39.144 209.25-151.86l.002.002l-50.83-439.33v-.002a148.07 148.07 0 0 1 38.181-117.37l.002-.004l299.67-325.59v-.002c76.858-83.5 31.455-223.25-79.93-245.7l-434.05-87.47c-42.311-8.527-78.773-34.981-99.967-72.54l-217.42-385.28c-27.914-49.455-78.626-74.182-129.34-74.182m.002 77.426c23.044 0 46.09 12.026 59.666 36.078l217.42 385.27c32.606 57.784 88.805 98.544 153.83 111.65l434.05 87.47c54.356 10.954 74.253 72.488 36.872 113.1l-299.67 325.59c-44.938 48.81-66.415 114.84-58.793 180.74l50.83 439.33v.001c6.333 54.706-46.086 92.96-96.523 69.903h-.002l-402.64-184.05c-60.336-27.588-129.75-27.588-190.09.002l-402.63 184.05c-50.446 23.052-102.86-15.196-96.535-69.902l50.838-439.33c7.627-65.91-13.86-131.93-58.793-180.75l-299.68-325.58c-37.378-40.609-17.476-102.14 36.874-113.1l434.05-87.473c65.032-13.106 121.23-53.865 153.84-111.65v-.002l217.42-385.27c13.573-24.05 36.616-36.076 59.66-36.076"/><circle cx="678.57" cy="1007.1" r="78.571"/><circle cx="1321.4" cy="1007.1" r="78.571"/><path d="M929.244 1112.08a40 40 0 0 0-31.543 46.96a104.3 104.3 0 0 0 15.485 37.634l.001.002l.002.004a104.2 104.2 0 0 0 28.715 28.834l.008.006a104.3 104.3 0 0 0 37.533 15.652l.014.004l.016.002a104.4 104.4 0 0 0 40.666.082h.004a104.3 104.3 0 0 0 37.625-15.477l.005-.004l.008-.004a104.3 104.3 0 0 0 28.819-28.699a104.1 104.1 0 0 0 15.664-37.588a40 40 0 0 0-31.35-47.086a40 40 0 0 0-47.086 31.352a24.1 24.1 0 0 1-3.627 8.7l-.012.015l-.01.017a24.2 24.2 0 0 1-6.7 6.676a24.2 24.2 0 0 1-8.75 3.596l-.01.002l-.01.002c-3.13.615-6.348.61-9.475-.016a24.3 24.3 0 0 1-8.734-3.646l-.014-.01l-.011-.008a24.2 24.2 0 0 1-6.666-6.693l-.002-.004l-.002-.002a24.3 24.3 0 0 1-3.604-8.76a40 40 0 0 0-46.959-31.543"/></g></svg>How to use the Gleam icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:gleam" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:gleam" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:gleam" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--gleam]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:gleam"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:gleam"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/gleam.svg" alt="Gleam icon" width="24" height="24">Gleam icon in other icon sets
Gleam icon FAQ
Is the Gleam icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Gleam icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:gleam" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Gleam icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/gleam.svg" alt="Gleam icon">, or paste the SVG code inline to style it with CSS.