Jwt アイコン
logos:jwt
Jwt アイコン(logos:jwt)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 172 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 512 × 172
SVG コード
<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>Jwt アイコンの使い方
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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:jwt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/jwt.svg" alt="Jwt アイコン" width="24" height="24">SVG Logos の関連アイコン
他のアイコンセットの Jwt アイコン
Jwt アイコン のよくある質問
Jwt アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Jwt アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:jwt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Jwt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/jwt.svg" alt="Jwt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。