Deepinfra アイコン
thesvg:deepinfra
Deepinfra アイコン(thesvg:deepinfra)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3.294 7.821A2.297 2.297 0 0 1 1 5.527a2.297 2.297 0 0 1 2.294-2.295A2.297 2.297 0 0 1 5.59 5.527A2.297 2.297 0 0 1 3.294 7.82zm0-3.688a1.396 1.396 0 0 0 0 2.79a1.396 1.396 0 0 0 0-2.79m0 10.16A2.297 2.297 0 0 1 1 11.998a2.297 2.297 0 0 1 2.294-2.294a2.297 2.297 0 0 1 2.295 2.294a2.297 2.297 0 0 1-2.295 2.295m0-3.688a1.395 1.395 0 0 0 0 2.788a1.395 1.395 0 1 0 0-2.788m0 10.156A2.297 2.297 0 0 1 1 18.467a2.297 2.297 0 0 1 2.294-2.295a2.297 2.297 0 0 1 2.295 2.295a2.297 2.297 0 0 1-2.295 2.294m0-3.688a1.396 1.396 0 0 0 0 2.79a1.396 1.396 0 0 0 0-2.79m17.444-9.252a2.297 2.297 0 0 1-2.295-2.294a2.297 2.297 0 0 1 2.294-2.295a2.297 2.297 0 0 1 2.295 2.295a2.297 2.297 0 0 1-2.294 2.294m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.626-1.395-1.395-1.395m0 10.16a2.297 2.297 0 0 1-2.295-2.295a2.297 2.297 0 0 1 2.294-2.294a2.297 2.297 0 0 1 2.295 2.294a2.297 2.297 0 0 1-2.294 2.295m0-3.688c-.769 0-1.395.625-1.395 1.393a1.396 1.396 0 0 0 2.79 0c0-.77-.626-1.393-1.395-1.393m0 10.156a2.297 2.297 0 0 1-2.295-2.294a2.297 2.297 0 0 1 2.294-2.295a2.297 2.297 0 0 1 2.295 2.295a2.297 2.297 0 0 1-2.294 2.294m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.626-1.395-1.395-1.395m-8.722-6.016a2.297 2.297 0 0 1-2.294-2.294a2.297 2.297 0 0 1 2.294-2.295a2.297 2.297 0 0 1 2.295 2.295a2.297 2.297 0 0 1-2.295 2.294m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.625-1.395-1.395-1.395m.001-2.78a2.297 2.297 0 0 1-2.295-2.295A2.297 2.297 0 0 1 12.017 0a2.297 2.297 0 0 1 2.294 2.294a2.297 2.297 0 0 1-2.294 2.295m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.626-1.395-1.395-1.395m0 16.628a2.297 2.297 0 0 1-2.295-2.295a2.297 2.297 0 0 1 2.295-2.294a2.297 2.297 0 0 1 2.294 2.294a2.297 2.297 0 0 1-2.294 2.295m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.626-1.395-1.395-1.395M12.016 24a2.297 2.297 0 0 1-2.294-2.295a2.297 2.297 0 0 1 2.294-2.294a2.297 2.297 0 0 1 2.295 2.294A2.297 2.297 0 0 1 12.016 24m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.625-1.395-1.395-1.395M8.363 8.222a.7.7 0 0 1-.277-.053l-1.494-.596a.75.75 0 1 1 .557-1.392l1.493.595a.75.75 0 0 1-.278 1.446zm0 6.344a.7.7 0 0 1-.277-.053l-1.494-.595a.75.75 0 1 1 .557-1.393l1.493.596a.75.75 0 0 1-.278 1.445zm8.761-3.169a.7.7 0 0 1-.277-.054l-1.493-.595a.75.75 0 1 1 .555-1.392l1.493.595a.75.75 0 0 1-.278 1.446m0-6.347a.7.7 0 0 1-.277-.054L15.354 4.4a.75.75 0 0 1 .555-1.392l1.493.596a.75.75 0 0 1-.278 1.445zm0 12.689a.7.7 0 0 1-.277-.053l-1.494-.596a.75.75 0 1 1 .556-1.392l1.493.596a.75.75 0 0 1-.278 1.445m-10.214.227a.75.75 0 0 1-.279-1.445l1.494-.595a.749.749 0 1 1 .556 1.392l-1.493.595a.7.7 0 0 1-.277.053zm0-6.306a.75.75 0 0 1-.279-1.446l1.494-.595a.75.75 0 0 1 .556 1.392l-1.493.595a.7.7 0 0 1-.277.053zm0-6.627a.75.75 0 0 1-.279-1.446l1.494-.595a.75.75 0 0 1 .556 1.392l-1.493.596a.7.7 0 0 1-.277.053zm1.453 16.331a.7.7 0 0 1-.277-.053l-1.494-.596a.75.75 0 0 1 .555-1.392l1.494.595a.75.75 0 0 1-.278 1.446M15.63 8.223a.75.75 0 0 1-.278-1.447l1.494-.595a.75.75 0 0 1 .556 1.393l-1.494.595a.7.7 0 0 1-.276.054zm0 6.344a.75.75 0 0 1-.278-1.446l1.494-.596a.75.75 0 0 1 .556 1.394l-1.494.595a.7.7 0 0 1-.276.053zm0 6.796a.749.749 0 0 1-.278-1.445l1.494-.595a.75.75 0 1 1 .555 1.392l-1.494.595a.7.7 0 0 1-.277.053"/></svg>Deepinfra アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:deepinfra" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:deepinfra" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:deepinfra" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--deepinfra]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:deepinfra"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:deepinfra"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/deepinfra.svg" alt="Deepinfra アイコン" width="24" height="24">他のアイコンセットの Deepinfra アイコン
Deepinfra アイコン のよくある質問
Deepinfra アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Deepinfra アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:deepinfra" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Deepinfra アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/deepinfra.svg" alt="Deepinfra アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。