Glint icon

logos:glint

The Glint icon (logos:glint) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 133 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 133

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="133" viewBox="0 0 512 133"><path fill="#6bbfa4" d="M169.19 104.134c0 21.254 17.981 25.787 17.981 25.787h41.101v-25.787z"/><path fill="#73be88" d="M247.31 3.24h25.355v127.228H247.31z"/><path fill="#a3cc69" d="M385.422 130.468L320.9 45.498l-.09 84.97h-25.355V3.24h23.719l64.614 84.97V3.24h25.446v127.228z"/><path fill="#ece23c" d="M486.734 28.935c0-21.254-17.98-25.787-17.98-25.787h-41.1v25.787z"/><path fill="#72736d" d="m169.19 104.134l-.021.68V3.143h-25.013v104.122c0 12.515 8.993 22.658 25.013 22.658l15.813-.003h2.19s-17.981-4.533-17.981-25.787m317.544-75.199l.023-.68v101.67h25.011V25.802c0-12.515-8.992-22.66-25.01-22.66l-15.815.005h-2.19s17.981 4.533 17.981 25.787m-371.32-8.52L97.149 38.317c-7.27-8.36-17.63-13.358-30.717-13.358c-23.264 0-40.167 17.085-40.167 41.894c0 25.9 17.63 42.259 39.713 42.259c20.811 0 32.807-9.906 36.17-28.081H69.794V59.856h58.524c.273 2.453.364 4.726.364 7.18c0 38.532-26.081 65.705-62.16 65.705C31.261 132.74 0 107.93 0 66.853C0 28.413 28.081.876 67.159.876c20.356 0 36.896 7.18 48.256 19.54"/></svg>

How to use the Glint icon

React

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

<Icon icon="logos:glint" width="24" />

Vue

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

<template>
  <Icon icon="logos:glint" width="24" />
</template>

Svelte

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

<Icon icon="logos:glint" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--glint]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:glint"></div>

Web component

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

<iconify-icon icon="logos:glint"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/glint.svg" alt="Glint icon" width="24" height="24">

Glint icon FAQ

Is the Glint icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Glint icon in React?

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

How do I add the Glint icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/glint.svg" alt="Glint icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →