gleam logo

gleam from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
gleam
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

The same logo in other sets

gleamCatppuccin IconsgleamDevicongleamMaterial Icon ThemegleamSimple Icons

Use the gleam logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#f36a22" d="M256 74.981v106.038l-3.417.333l-123.367-51.822L128 128z"/><path fill="#f3852f" d="M256 181.019L181.019 256l-1.145-.881l-52.309-123.609L128 128z"/><path fill="#f2c32e" d="m128 128l-2.828 1.943l-50.636 123.898l.445 2.159h106.038z"/><path fill="#cbdc38" d="m0 181.019l3.174-2.468l121.998-51.002L128 128L74.981 256z"/><path fill="#b5d66d" d="m0 74.981l3.174-.215l123.071 50.473L128 128L0 181.019z"/><path fill="#69c5e5" d="M74.981 0L0 74.981L128 128l.225-3.256L80.496 3.026z"/><path fill="#6d9fd5" d="M74.981 0h106.038L128 128z"/></svg>

React

import type { SVGProps } from "react";

export function LogosGleam(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#f36a22" d="M256 74.981v106.038l-3.417.333l-123.367-51.822L128 128z"/><path fill="#f3852f" d="M256 181.019L181.019 256l-1.145-.881l-52.309-123.609L128 128z"/><path fill="#f2c32e" d="m128 128l-2.828 1.943l-50.636 123.898l.445 2.159h106.038z"/><path fill="#cbdc38" d="m0 181.019l3.174-2.468l121.998-51.002L128 128L74.981 256z"/><path fill="#b5d66d" d="m0 74.981l3.174-.215l123.071 50.473L128 128L0 181.019z"/><path fill="#69c5e5" d="M74.981 0L0 74.981L128 128l.225-3.256L80.496 3.026z"/><path fill="#6d9fd5" d="M74.981 0h106.038L128 128z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#f36a22" d="M256 74.981v106.038l-3.417.333l-123.367-51.822L128 128z"/><path fill="#f3852f" d="M256 181.019L181.019 256l-1.145-.881l-52.309-123.609L128 128z"/><path fill="#f2c32e" d="m128 128l-2.828 1.943l-50.636 123.898l.445 2.159h106.038z"/><path fill="#cbdc38" d="m0 181.019l3.174-2.468l121.998-51.002L128 128L74.981 256z"/><path fill="#b5d66d" d="m0 74.981l3.174-.215l123.071 50.473L128 128L0 181.019z"/><path fill="#69c5e5" d="M74.981 0L0 74.981L128 128l.225-3.256L80.496 3.026z"/><path fill="#6d9fd5" d="M74.981 0h106.038L128 128z"/></svg>
</template>

CSS

.icon-gleam {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23f36a22%22%20d%3D%22M256%2074.981v106.038l-3.417.333l-123.367-51.822L128%20128z%22%2F%3E%3Cpath%20fill%3D%22%23f3852f%22%20d%3D%22M256%20181.019L181.019%20256l-1.145-.881l-52.309-123.609L128%20128z%22%2F%3E%3Cpath%20fill%3D%22%23f2c32e%22%20d%3D%22m128%20128l-2.828%201.943l-50.636%20123.898l.445%202.159h106.038z%22%2F%3E%3Cpath%20fill%3D%22%23cbdc38%22%20d%3D%22m0%20181.019l3.174-2.468l121.998-51.002L128%20128L74.981%20256z%22%2F%3E%3Cpath%20fill%3D%22%23b5d66d%22%20d%3D%22m0%2074.981l3.174-.215l123.071%2050.473L128%20128L0%20181.019z%22%2F%3E%3Cpath%20fill%3D%22%2369c5e5%22%20d%3D%22M74.981%200L0%2074.981L128%20128l.225-3.256L80.496%203.026z%22%2F%3E%3Cpath%20fill%3D%22%236d9fd5%22%20d%3D%22M74.981%200h106.038L128%20128z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23f36a22%22%20d%3D%22M256%2074.981v106.038l-3.417.333l-123.367-51.822L128%20128z%22%2F%3E%3Cpath%20fill%3D%22%23f3852f%22%20d%3D%22M256%20181.019L181.019%20256l-1.145-.881l-52.309-123.609L128%20128z%22%2F%3E%3Cpath%20fill%3D%22%23f2c32e%22%20d%3D%22m128%20128l-2.828%201.943l-50.636%20123.898l.445%202.159h106.038z%22%2F%3E%3Cpath%20fill%3D%22%23cbdc38%22%20d%3D%22m0%20181.019l3.174-2.468l121.998-51.002L128%20128L74.981%20256z%22%2F%3E%3Cpath%20fill%3D%22%23b5d66d%22%20d%3D%22m0%2074.981l3.174-.215l123.071%2050.473L128%20128L0%20181.019z%22%2F%3E%3Cpath%20fill%3D%22%2369c5e5%22%20d%3D%22M74.981%200L0%2074.981L128%20128l.225-3.256L80.496%203.026z%22%2F%3E%3Cpath%20fill%3D%22%236d9fd5%22%20d%3D%22M74.981%200h106.038L128%20128z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/gleam.svg?color=%231a73e8&size=48