Supertokens Icon icon

logos:supertokens-icon

The Supertokens Icon icon (logos:supertokens-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 233 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: 256 × 233
Tags: supertokensicon, supertoken

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="233" viewBox="0 0 256 233"><path fill="#f93" d="M108.754 232.633h-1.782a43.1 43.1 0 0 1-21.43-7.816c-1.794-1.18-3.542-2.503-5.325-3.767l-.153-.106a96 96 0 0 0-11.476-7.509a42.9 42.9 0 0 0-19.847-4.947h-.957a34.2 34.2 0 0 0-7.816.791a11.44 11.44 0 0 0-5.29 10.06a18.8 18.8 0 0 0 1.725 6.895a18 18 0 0 1 1.594 4.144c-.201 0-.72-.626-1.689-1.83a53.27 53.27 0 0 0-28.005-20.225a10.272 10.272 0 0 1-6.518-15.868c34.429-50.58 38.726-68.668 54.725-135.908l1.38-5.809q1.524-6.422 3.212-13.436a10.36 10.36 0 0 1 6.057-7.084l19.399-8.135c1.25-.517 2.59-.781 3.943-.779q.82.007 1.63.142a83.6 83.6 0 0 1 30.449-4.723h13.424a83.6 83.6 0 0 1 30.509 4.723a10.33 10.33 0 0 0-5.903 3.14l-58.397 4.428l-4.18-4.451a10.36 10.36 0 0 0-5.903-3.117a34.4 34.4 0 0 0-10.626 6.41a49.52 49.52 0 0 0-11.511 37.405v73.071a49.6 49.6 0 0 0 11.511 37.463a60.66 60.66 0 0 0 41.064 11.099h13.424a60.66 60.66 0 0 0 41.064-11.099a49.6 49.6 0 0 0 11.535-37.463V65.237a49.6 49.6 0 0 0-11.511-37.392a34.5 34.5 0 0 0-10.567-6.4q.792-.118 1.594-.117c1.354 0 2.694.268 3.943.79l19.399 8.077a10.36 10.36 0 0 1 6.045 7.084a4134 4134 0 0 1 8.82 37.958c12.29 53.945 16.883 74.123 47.9 119.756a10.272 10.272 0 0 1-6.506 15.868a47.13 47.13 0 0 0-26.341 18.608c-.626.814-.91 1.18-.98 1.18a13 13 0 0 1 1.18-2.857l.697-1.594a18.9 18.9 0 0 0 1.712-6.895a11.11 11.11 0 0 0-3.837-8.902a59.3 59.3 0 0 0-12.987-1.63h-1.382a20.47 20.47 0 0 0-16.86 6.837q-.945 1.28-1.747 2.656l-.071.13a25.4 25.4 0 0 1-2.137 3.176a7.76 7.76 0 0 1-6.328 3.105a26.1 26.1 0 0 1-10.733-3.648c-1.417-.709-2.574-1.299-3.683-1.771a33.7 33.7 0 0 0-13.059-3.046a21.6 21.6 0 0 0-3.754.319a44.9 44.9 0 0 0-16.175 7.804c-1.181.744-2.256 1.476-3.377 2.184a35.1 35.1 0 0 1-19.092 6.116"/><path fill="#db902e" d="m138.98 219.291l.944-15.927l14.369-4.156l5.903 18.572a27.7 27.7 0 0 0-21.216 1.511m-83.71-16.718v6.4c-11.512-2.043-20.91 1.735-20.615 10.33h-.094v-2.456c-.472-16.612 7.721-30.532 12.326-45.904c3.778-12.704 5.502-51.348 8.56-38.585a84.4 84.4 0 0 1-.213 32.776a136 136 0 0 0 0 18.678zm148.092 0v6.4c10.07.53 20.91 1.735 20.614 10.33h.095v-2.456c.472-16.612-7.722-30.532-12.327-45.904c-3.778-12.704-5.501-51.348-8.56-38.585a84.3 84.3 0 0 0 .225 32.776a136 136 0 0 1 0 18.678z"/><path fill="#292e37" d="M135.992.253a75.37 75.37 0 0 1 52.198 15.432a64.32 64.32 0 0 1 16.86 49.588v73.13a64.3 64.3 0 0 1-16.86 49.59a75.35 75.35 0 0 1-52.198 15.43H122.58a75.36 75.36 0 0 1-52.198-15.43a64.3 64.3 0 0 1-16.86-49.59v-73.13a64.3 64.3 0 0 1 16.86-49.588A75.4 75.4 0 0 1 122.58.253zM96.204 44.312c-7.013 8.94-10.48 20.976-9.535 33.11v48.832c-.944 12.135 2.522 24.171 9.535 33.111c8.41 7.657 18.937 11.332 29.52 10.304h7.585c10.584 1.028 21.111-2.646 29.52-10.304c7.013-8.94 10.48-20.976 9.535-33.11V77.422c.944-12.134-2.523-24.171-9.535-33.111c-8.41-7.656-18.936-11.33-29.52-10.304h-7.585c-10.583-1.026-21.11 2.648-29.52 10.304"/><path fill="#292e37" d="M129.286 89.795c7.884 0 14.275 6.391 14.275 14.275c0 5.106-2.682 9.586-6.713 12.11l2.096 21.704a3.01 3.01 0 0 1-2.987 3.306h-13.342a3.01 3.01 0 0 1-2.998-3.306l2.096-21.712c-4.025-2.524-6.701-7-6.701-12.102c0-7.884 6.39-14.275 14.274-14.275"/></svg>

How to use the Supertokens Icon icon

React

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

<Icon icon="logos:supertokens-icon" width="24" />

Vue

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

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

Svelte

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

<Icon icon="logos:supertokens-icon" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/logos/supertokens-icon.svg" alt="Supertokens Icon icon" width="24" height="24">

Related icons in SVG Logos

Supertokens Icon icon FAQ

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

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

How do I add the Supertokens Icon icon to a web page?

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

Browse all SVG Logos icons →