jwt logo

jwt from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: jwt
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

Use the jwt logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#546e7a" d="m56.96 90.139l8.747-9.163l8.741 9.163v37.76H56.96z"/><path fill="#f50057" d="m42.936 81.01l12.461-2.269l1.691 12.55l-22.195 30.552l-14.149-10.286Z"/><path fill="#d500f9" d="m36.968 65.376l11.41 5.488l-6.007 11.147L6.456 93.68L1.053 77.045Z"/><path fill="#29b6f6" d="m41.32 49.227l6.005 11.146l-11.41 5.491L0 54.192l5.405-16.637Z"/><path fill="#00e5ff" d="m54.333 38.717l-1.69 12.55l-12.462-2.27l-22.194-30.552l14.152-10.28z"/><path fill="#546e7a" d="m71.04 37.861l-8.747 9.163l-8.741-9.163V.101h17.49z"/><path fill="#f50057" d="m85.059 46.992l-12.454 2.272l-1.693-12.552L93.104 6.16l14.152 10.283Z"/><path fill="#d500f9" d="m91.037 62.621l-11.413-5.488l6.005-11.149l35.915-11.667l5.403 16.635z"/><path fill="#29b6f6" d="m86.68 78.773l-6.005-11.146l11.41-5.486L128 73.808l-5.405 16.637Z"/><path fill="#00e5ff" d="m73.667 89.283l1.693-12.55l12.459 2.27l22.194 30.552l-14.152 10.28z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconJwt(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#546e7a" d="m56.96 90.139l8.747-9.163l8.741 9.163v37.76H56.96z"/><path fill="#f50057" d="m42.936 81.01l12.461-2.269l1.691 12.55l-22.195 30.552l-14.149-10.286Z"/><path fill="#d500f9" d="m36.968 65.376l11.41 5.488l-6.007 11.147L6.456 93.68L1.053 77.045Z"/><path fill="#29b6f6" d="m41.32 49.227l6.005 11.146l-11.41 5.491L0 54.192l5.405-16.637Z"/><path fill="#00e5ff" d="m54.333 38.717l-1.69 12.55l-12.462-2.27l-22.194-30.552l14.152-10.28z"/><path fill="#546e7a" d="m71.04 37.861l-8.747 9.163l-8.741-9.163V.101h17.49z"/><path fill="#f50057" d="m85.059 46.992l-12.454 2.272l-1.693-12.552L93.104 6.16l14.152 10.283Z"/><path fill="#d500f9" d="m91.037 62.621l-11.413-5.488l6.005-11.149l35.915-11.667l5.403 16.635z"/><path fill="#29b6f6" d="m86.68 78.773l-6.005-11.146l11.41-5.486L128 73.808l-5.405 16.637Z"/><path fill="#00e5ff" d="m73.667 89.283l1.693-12.55l12.459 2.27l22.194 30.552l-14.152 10.28z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#546e7a" d="m56.96 90.139l8.747-9.163l8.741 9.163v37.76H56.96z"/><path fill="#f50057" d="m42.936 81.01l12.461-2.269l1.691 12.55l-22.195 30.552l-14.149-10.286Z"/><path fill="#d500f9" d="m36.968 65.376l11.41 5.488l-6.007 11.147L6.456 93.68L1.053 77.045Z"/><path fill="#29b6f6" d="m41.32 49.227l6.005 11.146l-11.41 5.491L0 54.192l5.405-16.637Z"/><path fill="#00e5ff" d="m54.333 38.717l-1.69 12.55l-12.462-2.27l-22.194-30.552l14.152-10.28z"/><path fill="#546e7a" d="m71.04 37.861l-8.747 9.163l-8.741-9.163V.101h17.49z"/><path fill="#f50057" d="m85.059 46.992l-12.454 2.272l-1.693-12.552L93.104 6.16l14.152 10.283Z"/><path fill="#d500f9" d="m91.037 62.621l-11.413-5.488l6.005-11.149l35.915-11.667l5.403 16.635z"/><path fill="#29b6f6" d="m86.68 78.773l-6.005-11.146l11.41-5.486L128 73.808l-5.405 16.637Z"/><path fill="#00e5ff" d="m73.667 89.283l1.693-12.55l12.459 2.27l22.194 30.552l-14.152 10.28z"/></svg>
</template>

CSS

.icon-jwt {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23546e7a%22%20d%3D%22m56.96%2090.139l8.747-9.163l8.741%209.163v37.76H56.96z%22%2F%3E%3Cpath%20fill%3D%22%23f50057%22%20d%3D%22m42.936%2081.01l12.461-2.269l1.691%2012.55l-22.195%2030.552l-14.149-10.286Z%22%2F%3E%3Cpath%20fill%3D%22%23d500f9%22%20d%3D%22m36.968%2065.376l11.41%205.488l-6.007%2011.147L6.456%2093.68L1.053%2077.045Z%22%2F%3E%3Cpath%20fill%3D%22%2329b6f6%22%20d%3D%22m41.32%2049.227l6.005%2011.146l-11.41%205.491L0%2054.192l5.405-16.637Z%22%2F%3E%3Cpath%20fill%3D%22%2300e5ff%22%20d%3D%22m54.333%2038.717l-1.69%2012.55l-12.462-2.27l-22.194-30.552l14.152-10.28z%22%2F%3E%3Cpath%20fill%3D%22%23546e7a%22%20d%3D%22m71.04%2037.861l-8.747%209.163l-8.741-9.163V.101h17.49z%22%2F%3E%3Cpath%20fill%3D%22%23f50057%22%20d%3D%22m85.059%2046.992l-12.454%202.272l-1.693-12.552L93.104%206.16l14.152%2010.283Z%22%2F%3E%3Cpath%20fill%3D%22%23d500f9%22%20d%3D%22m91.037%2062.621l-11.413-5.488l6.005-11.149l35.915-11.667l5.403%2016.635z%22%2F%3E%3Cpath%20fill%3D%22%2329b6f6%22%20d%3D%22m86.68%2078.773l-6.005-11.146l11.41-5.486L128%2073.808l-5.405%2016.637Z%22%2F%3E%3Cpath%20fill%3D%22%2300e5ff%22%20d%3D%22m73.667%2089.283l1.693-12.55l12.459%202.27l22.194%2030.552l-14.152%2010.28z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23546e7a%22%20d%3D%22m56.96%2090.139l8.747-9.163l8.741%209.163v37.76H56.96z%22%2F%3E%3Cpath%20fill%3D%22%23f50057%22%20d%3D%22m42.936%2081.01l12.461-2.269l1.691%2012.55l-22.195%2030.552l-14.149-10.286Z%22%2F%3E%3Cpath%20fill%3D%22%23d500f9%22%20d%3D%22m36.968%2065.376l11.41%205.488l-6.007%2011.147L6.456%2093.68L1.053%2077.045Z%22%2F%3E%3Cpath%20fill%3D%22%2329b6f6%22%20d%3D%22m41.32%2049.227l6.005%2011.146l-11.41%205.491L0%2054.192l5.405-16.637Z%22%2F%3E%3Cpath%20fill%3D%22%2300e5ff%22%20d%3D%22m54.333%2038.717l-1.69%2012.55l-12.462-2.27l-22.194-30.552l14.152-10.28z%22%2F%3E%3Cpath%20fill%3D%22%23546e7a%22%20d%3D%22m71.04%2037.861l-8.747%209.163l-8.741-9.163V.101h17.49z%22%2F%3E%3Cpath%20fill%3D%22%23f50057%22%20d%3D%22m85.059%2046.992l-12.454%202.272l-1.693-12.552L93.104%206.16l14.152%2010.283Z%22%2F%3E%3Cpath%20fill%3D%22%23d500f9%22%20d%3D%22m91.037%2062.621l-11.413-5.488l6.005-11.149l35.915-11.667l5.403%2016.635z%22%2F%3E%3Cpath%20fill%3D%22%2329b6f6%22%20d%3D%22m86.68%2078.773l-6.005-11.146l11.41-5.486L128%2073.808l-5.405%2016.637Z%22%2F%3E%3Cpath%20fill%3D%22%2300e5ff%22%20d%3D%22m73.667%2089.283l1.693-12.55l12.459%202.27l22.194%2030.552l-14.152%2010.28z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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