Jwt icon
logos:jwt
The Jwt icon (logos:jwt) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 172 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 × 172
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="172" viewBox="0 0 512 172"><path fill="#fff" d="M98.192 46.017L98.021 0h-25.66l.171 46.017l12.83 17.619zm-25.66 78.861v46.188h25.66v-46.188l-12.83-17.62z"/><path fill="#00f2e6" d="m98.192 124.878l27.028 37.292l20.699-15.053l-27.028-37.293l-20.699-6.671zm-25.66-78.861l-27.2-37.293l-20.699 15.054L51.662 61.07l20.87 6.672z"/><path fill="#00b9f1" d="M51.662 61.07L7.869 46.872L0 71.163l43.793 14.37l20.699-6.843zm54.399 31.134l12.83 17.62l43.793 14.199l7.869-24.292l-43.793-14.198z"/><path fill="#d63aff" d="m126.76 85.533l43.793-14.37l-7.869-24.291l-43.793 14.198l-12.83 17.62zm-82.967 0L0 99.731l7.869 24.292l43.793-14.199l12.83-17.62z"/><path fill="#fb015b" d="m51.662 109.824l-27.029 37.293l20.699 15.053l27.2-37.292v-21.725zm67.229-48.754l27.028-37.292L125.22 8.724L98.192 46.017v21.725z"/><path d="M266.35 43.622v59.873c0 13.172-10.778 23.949-23.95 23.949v-11.975c6.672 0 11.975-5.303 11.975-11.974V43.622zm218.622 11.974H512V43.622h-65.86v11.974h26.857v71.848h11.975zm-74.927-11.974v59.873c0 6.671-5.303 11.974-11.975 11.974s-11.974-5.303-11.974-11.974V67.57c0-13.172-10.778-23.95-23.95-23.95s-23.949 10.778-23.949 23.95v35.924c0 6.671-5.303 11.974-11.974 11.974s-11.975-5.303-11.975-11.974V43.622h-11.975v59.873c0 13.172 10.777 23.949 23.95 23.949s23.949-10.777 23.949-23.95V67.572c0-6.672 5.303-11.975 11.974-11.975s11.975 5.303 11.975 11.975v35.924c0 13.172 10.777 23.949 23.95 23.949c13.171 0 23.948-10.777 23.948-23.95V43.623z"/></svg>How to use the Jwt icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:jwt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:jwt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:jwt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--jwt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:jwt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:jwt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/jwt.svg" alt="Jwt icon" width="24" height="24">Related icons in SVG Logos
Jwt icon in other icon sets
Jwt icon FAQ
Is the Jwt 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 Jwt icon in React?
Install @iconify/react and render <Icon icon="logos:jwt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Jwt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/jwt.svg" alt="Jwt icon">, or paste the SVG code inline to style it with CSS.