App Grok アイコン

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

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

oui:app-grok

App Grok アイコン(oui:app-grok)は、OpenSearch UI セットの無料 SVG アイコンです（作者: OpenSearch Contributors）。 32 × 32 のグリッドで描かれています。 OpenSearch UI icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenSearch UI
作者: OpenSearch Contributors
ライセンス: Apache-2.0
サイズ: 32 × 32
タグ: appgrok

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M9.727 2.91V.97c-1.357 0-4.18 0-5.818 1.94c-.97 1.182-1.328 2.908-.97 4.983c.563 3.307.97 6.332.301 7.157c-.3.31-.97.465-2.24.465v1.94c1.27 0 1.94.155 2.25.494c.698.824.262 3.879-.3 7.156c-.35 2.124-.01 3.802.96 4.956C5.527 32 8.35 32 9.726 32v-1.94c-1.144 0-3.287 0-4.315-1.221a4.11 4.11 0 0 1-.533-3.414c.843-5.042.97-7.37-.136-8.727c-.068-.077-.145-.136-.213-.203c-.068-.068.145-.127.213-.204c1.144-1.367.97-3.695.136-8.727a4.11 4.11 0 0 1 .543-3.414C6.44 2.91 8.583 2.91 9.727 2.91M32.03 17.454v-1.94c-1.27 0-1.94-.155-2.25-.494c-.698-.825-.261-3.88.301-7.157c.35-2.123 0-3.801-.97-4.984C27.493.94 24.672.94 23.294.94v1.97c1.145 0 3.288 0 4.315 1.22a4.11 4.11 0 0 1 .544 3.414c-.844 5.043-.97 7.37.135 8.728c.068.077.146.135.214.203c.067.068-.146.126-.214.204c-1.144 1.367-.97 3.694-.135 8.727a4.11 4.11 0 0 1-.544 3.413c-1.018 1.242-3.16 1.242-4.305 1.242V32c1.358 0 4.18 0 5.818-1.94c.97-1.182 1.329-2.908.97-4.984c-.563-3.306-.97-6.332-.3-7.156c.3-.31.969-.465 2.24-.465"/><path fill="currentColor" d="M26.212 15.515h-2.007a7.76 7.76 0 0 0-6.72-6.72V6.788h-1.94v2.007a7.76 7.76 0 0 0-6.72 6.72H6.818v1.94h2.007a7.76 7.76 0 0 0 6.72 6.72v2.007h1.94v-2.007a7.76 7.76 0 0 0 6.72-6.72h2.007zm-8.727 6.7v-1.851h-1.94v1.852a5.82 5.82 0 0 1-4.76-4.761h1.851v-1.94h-1.852a5.82 5.82 0 0 1 4.761-4.761v1.852h1.94v-1.852a5.82 5.82 0 0 1 4.761 4.761h-1.852v1.94h1.852a5.82 5.82 0 0 1-4.761 4.76" class="ouiIcon__fillSecondary"/></svg>

App Grok アイコンの使い方

React

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

<Icon icon="oui:app-grok" width="24" />

Vue

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

<template>
  <Icon icon="oui:app-grok" width="24" />
</template>

Svelte

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

<Icon icon="oui:app-grok" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[oui--app-grok]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/oui -->
<div class="i-oui:app-grok"></div>

Web コンポーネント

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

<iconify-icon icon="oui:app-grok"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/oui/app-grok.svg" alt="App Grok アイコン" width="24" height="24">

OpenSearch UI の関連アイコン

App Grok アイコンのよくある質問

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

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

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

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

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

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

OpenSearch UI アイコンをすべて見る →