ICONYZ
日本語
theSVG Color の Grok Dark アイコン

Grok Dark アイコン

thesvg-color:grok-dark

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

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
1024 × 1024
タグ
grokdark
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="#fff" d="M395.479 633.828L735.91 381.105c16.689-12.39 40.544-7.557 48.496 11.687c41.854 101.493 23.155 223.461-60.118 307.204s-199.137 102.108-305.041 60.281l-115.691 53.866c165.934 114.059 367.431 85.852 493.345-40.861c99.875-100.439 130.807-237.345 101.884-360.806l.262.263C857.105 231.37 909.358 158.874 1016.4 10.633c2.53-3.515 5.07-7.03 7.6-10.633L883.144 141.651v-.439L395.392 633.916m-70.166 61.335c-119.098-114.411-98.564-291.475 3.059-393.583c75.146-75.571 198.264-106.414 305.741-61.072l115.428-53.602c-20.797-15.114-47.447-31.371-78.03-42.794c-138.234-57.206-303.731-28.735-416.101 84.182c-108.089 108.699-142.079 275.833-83.71 418.451c43.603 106.59-27.874 181.985-99.874 258.083C46.224 931.893 20.622 958.87 0 987.429l325.139-292.09"/></svg>

Grok Dark アイコンの使い方

React

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

<Icon icon="thesvg-color:grok-dark" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:grok-dark" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:grok-dark" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg-color:grok-dark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/grok-dark.svg" alt="Grok Dark アイコン" width="24" height="24">

theSVG Color の関連アイコン

他のアイコンセットの Grok Dark アイコン

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

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

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

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

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

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

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

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