Logo Codex アイコン

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

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

ooui:logo-codex

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

アイコンセット: OOUI
作者: OOUI Team
ライセンス: MIT
サイズ: 20 × 20
タグ: logocodex

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M4.83 1.725a.46.46 0 0 1 .4-.225h3.213c.248 0 .476.13.6.338l.535.903c.32.539 1.096.975 1.734.975s.897-.436.578-.975l-.535-.903c-.09-.15.022-.337.2-.337h3.213c.165 0 .318.086.4.225l1.607 2.712a.225.225 0 0 1-.2.338h-1.086c-.638 0-.897.436-.578.975s1.096.975 1.734.975h1.086c.248 0 .476.13.6.338l1.607 2.712a.44.44 0 0 1 0 .45l-1.607 2.712a.7.7 0 0 1-.6.337h-1.085c-.639 0-1.415.437-1.734.975c-.319.539-.06.976.578.976h1.086c.178 0 .289.187.2.337l-1.606 2.712a.46.46 0 0 1-.4.225h-3.214a.225.225 0 0 1-.2-.338l.523-.881c.319-.54.06-.976-.578-.976c-.639 0-1.415.437-1.734.975l-.522.882a.7.7 0 0 1-.6.337H5.232a.46.46 0 0 1-.4-.225l-1.607-2.712a.66.66 0 0 1 0-.675l.522-.882c.32-.538.32-1.412 0-1.95c-.32-.54-.837-.54-1.156 0l-.522.881a.234.234 0 0 1-.4 0L.062 10.224a.44.44 0 0 1 0-.45l1.606-2.712a.234.234 0 0 1 .4 0l.535.903c.32.539.837.539 1.156 0c.319-.538.319-1.412 0-1.95l-.535-.903a.66.66 0 0 1 0-.675zm2.474 3.05a.7.7 0 0 0-.6.337l-.535.903c-.32.539-.319 1.412 0 1.95c.32.54.837.54 1.156 0l.535-.902a.7.7 0 0 1 .6-.337h1.07c.638 0 .896-.437.577-.976s-1.095-.975-1.734-.975zm6.376 4.888a.66.66 0 0 1 0 .675l-.535.903c-.32.538-.06.975.578.975s1.414-.436 1.733-.975l.535-.903a.66.66 0 0 0 0-.675l-.522-.881c-.32-.54-1.095-.976-1.734-.976c-.638 0-.897.437-.577.975zm-5.306 5.562c.639 0 1.415-.436 1.734-.975s.06-.976-.578-.976H8.46a.7.7 0 0 1-.6-.337l-.543-.916c-.319-.54-.836-.54-1.155 0c-.32.538-.32 1.411 0 1.95l.542.916a.7.7 0 0 0 .6.338z"/></svg>

Logo Codex アイコンの使い方

React

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

<Icon icon="ooui:logo-codex" width="24" />

Vue

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

<template>
  <Icon icon="ooui:logo-codex" width="24" />
</template>

Svelte

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

<Icon icon="ooui:logo-codex" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ooui--logo-codex]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ooui -->
<div class="i-ooui:logo-codex"></div>

Web コンポーネント

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

<iconify-icon icon="ooui:logo-codex"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ooui/logo-codex.svg" alt="Logo Codex アイコン" width="24" height="24">

OOUI の関連アイコン

Logo Codex アイコンのよくある質問

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

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

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

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

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

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

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