Stytch icon

logos:stytch

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="163" viewBox="0 0 512 163"><path fill="#1d1d1d" d="M29.27 35.114c0 9.9 4.185 14.415 15.974 17.227l-.022.023l15.437 3.735c22.71 5.582 32.85 16.744 32.85 36.158c0 25.984-17.688 40.882-46.375 40.882S2.154 119.988 0 95.059h24.83c1.583 12.513 9.416 18.864 22.304 18.864s21.226-6.976 21.226-17.765c0-10.175-5.153-15.294-18.337-18.25l-15.59-3.571C20.589 71.03 4.109 62.065 4.109 38.004C4.11 15.272 21.534 0 47.474 0C75.381 0 89.83 11.086 91.62 33.85H65.768c-1.231-10.063-7.329-14.975-18.623-14.975c-10.526 0-17.876 6.329-17.876 16.217zM392.186 67.45c-1.845-9.427-7.943-13.822-19.105-13.822h-1.615c-14.657 0-24.15 11.569-24.15 29.445s9.471 29.445 24.15 29.445h1.615c11.162 0 17.238-4.395 19.105-13.822h24.403c-2.252 22.216-17.953 34.41-44.31 34.41c-27.918 0-47.42-20.578-47.42-50.033s19.49-50.034 47.42-50.034c26.357 0 42.058 12.217 44.31 34.41zm-96.651 32.96V53.013h25.852V32.917H304.59c-4.999 0-9.075-4.032-9.075-8.988V.011h-24.61v32.928h-20.48c-8.635 0-16.403 5.174-19.788 13.184l-21.281 50.43l-22.687-50.836c-3.462-7.78-11.163-12.8-19.612-12.8h-29.468c-5.01 0-9.075-4.032-9.075-8.988V.011h-24.61v107.54c0 16.721 8.833 25.577 25.545 25.577h23.38V112.56h-12.185c-9.635 0-12.13-2.494-12.13-12.15V53.012h30.006c2.769 0 4.812 1.131 5.79 3.164l33.115 69.8v5.13c0 9.845-2.715 10.273-12.13 10.273h-30.917v20.94h40.882c15.755 0 25.545-11.216 25.545-29.256l.087-8.274l31.753-68.547c.966-2.087 3.032-3.22 5.822-3.22h12.427v54.517c0 16.723 8.833 25.578 25.544 25.578h24.084V112.55h-12.888c-9.636 0-12.13-2.494-12.13-12.152l.033.022zm155.761-54.243l1.66-2.032h-.022c5.745-7.01 11.59-11.085 24.555-11.085c21.919 0 34.51 13.766 34.51 37.794v62.274h-24.611V73.91c0-7.438-2.12-13.36-6.142-17.129c-3.241-3.055-7.592-4.482-12.58-4.186c-11.854.748-17.37 9.954-17.37 29.017v51.506h-24.61V.011h24.61z"/></svg>

How to use the Stytch icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Stytch icon FAQ

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

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

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

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

Browse all SVG Logos icons →