ICONYZ
日本語
theSVG の Deepai アイコン

Deepai アイコン

thesvg:deepai

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

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

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="M23.034 17.06a.25.25 0 0 0 .034-.103c.135-.347.27-.763.338-1.11c.88-3.12.948-7.14-2.232-11.438c-.08-.082-.135-.163-.182-.23c-.033-.048-.06-.088-.089-.117c.812-.624 1.827-.832 2.571-.832c.406 0 .609-.485.338-.763C21.174-.444 18.265-.375 16.235.734c-3.314-1.248-6.9-.832-9.065.694c-3.72 2.565-3.72 5.476-1.826 8.18a7.8 7.8 0 0 0-.744 2.08c-.136.693.676 1.178 1.15.693c.947-.901 2.165-2.01 2.773-2.426c1.489-1.11 2.436-1.526 3.789-1.733h.067c.474-.07.88-.139 1.353-.139a7.765 7.765 0 0 1 7.645 6.378l.02.168c.06.487.115.929.115 1.426v.347l-.203-.624c-.812-1.594-2.367-2.773-4.262-2.773c0 .486 0 1.04-.067 1.525c-.271 2.635-1.827 4.715-3.924 5.893c-.068 0-.068.07-.135.07c-.203.069-.474.207-.677.277a1 1 0 0 1-.169.07c-.05.016-.101.034-.17.068a5.7 5.7 0 0 1-2.164.416h-.406c-.473 0-1.015 0-1.488-.139c-1.083-.207-2.03-.693-2.842-1.317c-.473-.346-.879-.762-1.285-1.247c1.76 2.773 4.668 4.783 8.118 5.268a8.6 8.6 0 0 0 2.3.07a18 18 0 0 0 1.894-.347a7.6 7.6 0 0 0 1.76-.624a7.7 7.7 0 0 0 1.285-.693s.023-.024.056-.044a.16.16 0 0 1 .08-.025c.134-.14.337-.208.473-.347c.312-.256.566-.512.816-.767l-.005.005c.203-.209.339-.417.542-.625c.336-.413.672-.896 1.009-1.378l.005-.008c.339-.624.677-1.248.947-1.941c0-.035.017-.07.034-.104zM2.977 14.53v3.05H0v-3.05z"/></svg>

Deepai アイコンの使い方

React

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

<Icon icon="thesvg:deepai" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:deepai" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:deepai" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg:deepai"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/deepai.svg" alt="Deepai アイコン" width="24" height="24">

他のアイコンセットの Deepai アイコン

Deepai アイコン のよくある質問

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

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

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

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

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

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

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