jwt icon logo

jwt-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
jwt-icon
Set
SVG Logos
Style
Color
Viewbox
256×257
License
CC0

Use the jwt icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><path fill="#fff" d="M147.386 69.071L147.129 0h-38.515l.257 69.071l19.257 26.448zm-38.515 118.371v69.328h38.515v-69.328l-19.258-26.447z"/><path fill="#00f2e6" d="m147.386 187.442l40.57 55.976l31.069-22.596l-40.57-55.975l-31.069-10.015zM108.871 69.071L68.044 13.095L36.975 35.691l40.57 55.976l31.326 10.014z"/><path fill="#00b9f1" d="M77.545 91.667L11.811 70.355L0 106.816l65.733 21.569l31.069-10.271zm81.653 46.732l19.257 26.448l65.734 21.311L256 149.697l-65.733-21.312z"/><path fill="#d63aff" d="M190.267 128.385L256 106.816l-11.811-36.461l-65.734 21.312l-19.257 26.447zm-124.534 0L0 149.697l11.811 36.461l65.734-21.311l19.257-26.448z"/><path fill="#fb015b" d="m77.545 164.847l-40.57 55.975l31.069 22.596l40.827-55.976v-32.61zm100.91-73.18l40.57-55.976l-31.069-22.596l-40.57 55.976v32.61z"/></svg>

React

import type { SVGProps } from "react";

export function LogosJwtIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><path fill="#fff" d="M147.386 69.071L147.129 0h-38.515l.257 69.071l19.257 26.448zm-38.515 118.371v69.328h38.515v-69.328l-19.258-26.447z"/><path fill="#00f2e6" d="m147.386 187.442l40.57 55.976l31.069-22.596l-40.57-55.975l-31.069-10.015zM108.871 69.071L68.044 13.095L36.975 35.691l40.57 55.976l31.326 10.014z"/><path fill="#00b9f1" d="M77.545 91.667L11.811 70.355L0 106.816l65.733 21.569l31.069-10.271zm81.653 46.732l19.257 26.448l65.734 21.311L256 149.697l-65.733-21.312z"/><path fill="#d63aff" d="M190.267 128.385L256 106.816l-11.811-36.461l-65.734 21.312l-19.257 26.447zm-124.534 0L0 149.697l11.811 36.461l65.734-21.311l19.257-26.448z"/><path fill="#fb015b" d="m77.545 164.847l-40.57 55.975l31.069 22.596l40.827-55.976v-32.61zm100.91-73.18l40.57-55.976l-31.069-22.596l-40.57 55.976v32.61z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><path fill="#fff" d="M147.386 69.071L147.129 0h-38.515l.257 69.071l19.257 26.448zm-38.515 118.371v69.328h38.515v-69.328l-19.258-26.447z"/><path fill="#00f2e6" d="m147.386 187.442l40.57 55.976l31.069-22.596l-40.57-55.975l-31.069-10.015zM108.871 69.071L68.044 13.095L36.975 35.691l40.57 55.976l31.326 10.014z"/><path fill="#00b9f1" d="M77.545 91.667L11.811 70.355L0 106.816l65.733 21.569l31.069-10.271zm81.653 46.732l19.257 26.448l65.734 21.311L256 149.697l-65.733-21.312z"/><path fill="#d63aff" d="M190.267 128.385L256 106.816l-11.811-36.461l-65.734 21.312l-19.257 26.447zm-124.534 0L0 149.697l11.811 36.461l65.734-21.311l19.257-26.448z"/><path fill="#fb015b" d="m77.545 164.847l-40.57 55.975l31.069 22.596l40.827-55.976v-32.61zm100.91-73.18l40.57-55.976l-31.069-22.596l-40.57 55.976v32.61z"/></svg>
</template>

CSS

.icon-jwt-icon {
  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%20256%20257%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M147.386%2069.071L147.129%200h-38.515l.257%2069.071l19.257%2026.448zm-38.515%20118.371v69.328h38.515v-69.328l-19.258-26.447z%22%2F%3E%3Cpath%20fill%3D%22%2300f2e6%22%20d%3D%22m147.386%20187.442l40.57%2055.976l31.069-22.596l-40.57-55.975l-31.069-10.015zM108.871%2069.071L68.044%2013.095L36.975%2035.691l40.57%2055.976l31.326%2010.014z%22%2F%3E%3Cpath%20fill%3D%22%2300b9f1%22%20d%3D%22M77.545%2091.667L11.811%2070.355L0%20106.816l65.733%2021.569l31.069-10.271zm81.653%2046.732l19.257%2026.448l65.734%2021.311L256%20149.697l-65.733-21.312z%22%2F%3E%3Cpath%20fill%3D%22%23d63aff%22%20d%3D%22M190.267%20128.385L256%20106.816l-11.811-36.461l-65.734%2021.312l-19.257%2026.447zm-124.534%200L0%20149.697l11.811%2036.461l65.734-21.311l19.257-26.448z%22%2F%3E%3Cpath%20fill%3D%22%23fb015b%22%20d%3D%22m77.545%20164.847l-40.57%2055.975l31.069%2022.596l40.827-55.976v-32.61zm100.91-73.18l40.57-55.976l-31.069-22.596l-40.57%2055.976v32.61z%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%20256%20257%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M147.386%2069.071L147.129%200h-38.515l.257%2069.071l19.257%2026.448zm-38.515%20118.371v69.328h38.515v-69.328l-19.258-26.447z%22%2F%3E%3Cpath%20fill%3D%22%2300f2e6%22%20d%3D%22m147.386%20187.442l40.57%2055.976l31.069-22.596l-40.57-55.975l-31.069-10.015zM108.871%2069.071L68.044%2013.095L36.975%2035.691l40.57%2055.976l31.326%2010.014z%22%2F%3E%3Cpath%20fill%3D%22%2300b9f1%22%20d%3D%22M77.545%2091.667L11.811%2070.355L0%20106.816l65.733%2021.569l31.069-10.271zm81.653%2046.732l19.257%2026.448l65.734%2021.311L256%20149.697l-65.733-21.312z%22%2F%3E%3Cpath%20fill%3D%22%23d63aff%22%20d%3D%22M190.267%20128.385L256%20106.816l-11.811-36.461l-65.734%2021.312l-19.257%2026.447zm-124.534%200L0%20149.697l11.811%2036.461l65.734-21.311l19.257-26.448z%22%2F%3E%3Cpath%20fill%3D%22%23fb015b%22%20d%3D%22m77.545%20164.847l-40.57%2055.975l31.069%2022.596l40.827-55.976v-32.61zm100.91-73.18l40.57-55.976l-31.069-22.596l-40.57%2055.976v32.61z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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