Stately icon

logos:stately

The Stately icon (logos:stately) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 140 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 × 140

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="140" viewBox="0 0 512 140"><path d="m38.143.02l77.147 77.15c.891.946 1.504 2.282 1.504 3.73a5.13 5.13 0 0 1-1.893 4.007l-52.657 52.657a5.543 5.543 0 0 1-7.848 0L1.628 84.795a5.543 5.543 0 0 1 0-7.849l32.507-32.563l3.618 3.619l.759.746c5.164 5.387 12.182 18.799 1.58 30.09c-1.114 1.114-1.114 2.84 0 3.953L56.344 99.1a2.76 2.76 0 0 0 3.952 0L76.55 82.846c.501-.502.89-1.225.89-2.004c0-.724-.333-1.448-.834-1.948L62.69 64.979l.056-.056l-24.547-24.547C27.066 29.188 26.955 11.209 38.143.02m32.413 4.17c5.587-5.587 14.645-5.587 20.231 0s5.586 14.644 0 20.23s-14.644 5.587-20.23 0s-5.587-14.644 0-20.23m117.708 61.067c-12.858-1.67-15.03-4.341-15.03-9.63c0-5.343 4.955-8.683 12.97-8.683c8.428 0 12.818 2.659 14.443 8.76l.252 1.037h7.404l-.056-.278c-1.28-9.964-9.129-15.419-22.099-15.419c-11.967 0-20.65 6.402-20.65 15.252c0 10.406 9.087 13.59 19.417 15.184l2.013.29c11.578 1.614 15.14 4.063 15.14 10.298c0 5.9-5.956 10.13-14.194 10.13c-12.97 0-15.585-5.733-16.531-11.911l-.056-.223h-7.96l.056.278c1.001 8.071 6.067 17.756 24.491 17.756c12.635 0 22.21-7.125 22.21-16.531c0-11.077-8.35-14.417-21.82-16.31m74.53-23.49h-45.142v7.069h18.425V97.43h8.238V48.836h18.48zm22.6 0L263.351 97.43h7.848l6.123-15.864h25.828l6.234 15.864h8.183l-21.709-55.663zm-5.233 33.398l10.075-26.886l10.075 26.886zm38.52-26.329h18.48V97.43h8.237V48.836h18.48v-7.069h-45.198zm65.459 24.158h15.641V65.98h-15.641V48.836h30.781v-7.069h-39.02V97.43h39.02v-7.07h-30.781zm52.375-31.227v48.594h29.056v7.069h-37.294V41.767zm34.85 0l16.476 25.382l15.81-25.382H512l-20.261 31.505V97.43h-8.238V73.217l-21.486-31.45z"/></svg>

How to use the Stately icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in SVG Logos

Stately icon FAQ

Is the Stately 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 Stately icon in React?

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

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

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

Browse all SVG Logos icons →