ICONYZ
日本語
Boxicons Brands の Groq Ai アイコン

Groq Ai アイコン

bxl:groq-ai

Groq Ai アイコン(bxl:groq-ai)は、Boxicons Brands セットの無料 SVG アイコンです(作者: Boxicons)。 24 × 24 のグリッドで描かれています。 Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Boxicons Brands
作者
Boxicons
ライセンス
MIT
サイズ
24 × 24
タグ
groqai
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3 3v18h18V3zm11.72 13.37c-.41.38-.82.66-1.33.87l-.21.09c-.83.3-1.82.21-2.63-.1c-.45-.21-.82-.46-1.19-.8c.33-.41.66-.75 1.07-1.07l.27.21c.5.35 1 .47 1.61.41c.62-.12 1.12-.4 1.52-.9c.37-.61.41-1.09.41-1.8V10.4c0-.72-.15-1.18-.6-1.74c-.61-.49-1.17-.74-1.96-.7c-.66.11-1.19.42-1.59.95c-.33.53-.48 1.07-.37 1.69c.2.68.45 1.25 1.07 1.61c.52.27.98.32 1.56.33h.25c.2.02.4.02.61.03V14c-1.49.06-2.65.06-3.84-.97a4.22 4.22 0 0 1-1.23-2.8c.04-.88.35-1.6.86-2.32l.15-.23c1.43-1.51 3.7-1.61 5.31-.31l.17.14c.58.52.96 1.25 1.08 2.01c0 .16.01.33.01.49v3.6c0 1.05-.3 1.95-1.02 2.74Z"/></svg>

Groq Ai アイコンの使い方

React

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

<Icon icon="bxl:groq-ai" width="24" />

Vue

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

<template>
  <Icon icon="bxl:groq-ai" width="24" />
</template>

Svelte

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

<Icon icon="bxl:groq-ai" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--groq-ai]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:groq-ai"></div>

Web コンポーネント

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

<iconify-icon icon="bxl:groq-ai"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/bxl/groq-ai.svg" alt="Groq Ai アイコン" width="24" height="24">

Groq Ai アイコン のよくある質問

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

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

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

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

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

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

Boxicons Brands アイコン をすべて見る →