Okta アイコン

Q: Okta アイコンは商用利用でも無料ですか?

はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg:okta

Okta アイコン(thesvg:okta)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 33 × 33 のグリッドで描かれています。 theSVG icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG
作者: thesvg.org
ライセンス: MIT
サイズ: 33 × 33

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33"><path fill="currentColor" fill-rule="evenodd" d="m18.154.234l-.678 8.358l.001.001a8 8 0 0 0-2.188.03l-.384-4.053a.215.215 0 0 1 .216-.235h.692l-.334-4.1A.216.216 0 0 1 15.695 0h2.243c.126 0 .225.108.216.234M12.49.649a.216.216 0 0 0-.283-.146l-2.108.768a.217.217 0 0 0-.123.294l1.716 3.739l-.652.235a.216.216 0 0 0-.121.297l1.748 3.677a8 8 0 0 1 2.044-.778zM7.312 2.976l4.853 6.838v.001a8 8 0 0 0-1.653 1.432l-2.903-2.86a.216.216 0 0 1 .013-.319l.531-.444l-2.89-2.927a.217.217 0 0 1 .015-.317l1.718-1.444a.217.217 0 0 1 .316.04m-4.07 3.959a.22.22 0 0 0-.312.069L1.81 8.948a.215.215 0 0 0 .095.303l3.717 1.762l-.348.599a.216.216 0 0 0 .098.305l3.703 1.694A8 8 0 0 1 10.14 11.7zm-2.74 5.283a.216.216 0 0 1 .268-.172l8.11 2.119a8 8 0 0 0-.343 2.16L4.477 16a.217.217 0 0 1-.197-.254l.122-.68l-4.095-.385a.217.217 0 0 1-.193-.253zm-.306 5.478a.217.217 0 0 0-.193.253l.39 2.21a.216.216 0 0 0 .268.172l3.98-1.04l.118.682a.216.216 0 0 0 .27.17l3.926-1.083a8 8 0 0 1-.412-2.148zm1.299 5.808a.216.216 0 0 1 .094-.304l7.574-3.59a8 8 0 0 0 1.125 1.876l-3.319 2.36a.216.216 0 0 1-.313-.067l-.344-.6l-3.384 2.338a.216.216 0 0 1-.31-.069zm9.176-1.575l-5.89 5.968a.217.217 0 0 0 .014.318l1.72 1.442a.217.217 0 0 0 .315-.04l2.38-3.355l.53.447a.217.217 0 0 0 .317-.042l2.31-3.352a8 8 0 0 1-1.695-1.383zm-1.164 9.584a.217.217 0 0 1-.122-.294l3.495-7.622a8 8 0 0 0 2.066.718l-1.025 3.941a.216.216 0 0 1-.283.15l-.65-.239l-1.09 3.967a.216.216 0 0 1-.282.145zm6.018-7.106l-.678 8.359c-.01.125.09.234.215.234h2.244a.216.216 0 0 0 .215-.234l-.334-4.101h.693a.215.215 0 0 0 .216-.235l-.385-4.054a8 8 0 0 1-2.186.03m8.091-22.628a.217.217 0 0 0-.122-.293L21.385.719a.216.216 0 0 0-.282.145l-1.09 3.967l-.65-.238a.216.216 0 0 0-.283.148l-1.025 3.941a8 8 0 0 1 2.066.719zM28.221 5.1l-5.89 5.968l-.002-.002a8 8 0 0 0-1.695-1.383l2.31-3.352a.217.217 0 0 1 .318-.042l.53.446l2.38-3.355a.217.217 0 0 1 .315-.04l1.72 1.443a.217.217 0 0 1 .015.317m3.19 4.697a.216.216 0 0 0 .095-.303L30.384 7.55a.216.216 0 0 0-.31-.07l-3.386 2.34l-.344-.6a.216.216 0 0 0-.313-.068l-3.319 2.36a8 8 0 0 1 1.126 1.877zm1.196 3.042l.39 2.21v.002a.217.217 0 0 1-.192.253l-8.347.784a8 8 0 0 0-.412-2.149l3.926-1.083a.216.216 0 0 1 .27.17l.119.682l3.98-1.04a.216.216 0 0 1 .267.172zm-.377 8.112a.215.215 0 0 0 .267-.172l.39-2.21a.217.217 0 0 0-.194-.253l-4.095-.384l.122-.681a.216.216 0 0 0-.197-.254l-4.06-.326a8 8 0 0 1-.344 2.161l8.111 2.118zm-2.16 5.042a.217.217 0 0 1-.31.07v-.002l-6.899-4.765a8 8 0 0 0 1.065-1.91l3.704 1.694a.216.216 0 0 1 .097.305l-.348.6l3.718 1.761a.216.216 0 0 1 .094.303zm-9.235-2.81l4.853 6.839a.217.217 0 0 0 .315.04l1.719-1.444a.217.217 0 0 0 .015-.317l-2.89-2.927l.53-.444a.216.216 0 0 0 .014-.32l-2.902-2.859a8 8 0 0 1-1.655 1.432zm-.042 9.311a.216.216 0 0 1-.282-.145l-2.222-8.086a8 8 0 0 0 2.045-.778l1.747 3.677a.216.216 0 0 1-.121.297l-.652.235l1.716 3.74a.217.217 0 0 1-.123.293z" clip-rule="evenodd"/></svg>

Okta アイコンの使い方

React

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

<Icon icon="thesvg:okta" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:okta" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:okta" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:okta"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg:okta"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/okta.svg" alt="Okta アイコン" width="24" height="24">

theSVG の関連アイコン

他のアイコンセットの Okta アイコン

Okta アイコンのよくある質問

Okta アイコンは商用利用でも無料ですか?

はい。theSVG icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Okta アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg:okta" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Okta アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/okta.svg" alt="Okta アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG アイコンをすべて見る →