Ai Technology Spark アイコン

Q: Ai Technology Spark アイコンは商用利用でも無料ですか?

はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-plump-color:ai-technology-spark

Ai Technology Spark アイコン(streamline-plump-color:ai-technology-spark)は、Plump color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump color icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Plump color icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: 人工知能
タグ: aitechnology、technologyspark、aitechnologyspark

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#fff" d="M11.488 39.67c.203 1.31.414 2.502.59 3.444c.25 1.325 1.192 2.389 2.525 2.59c1.046.159 2.499.296 4.397.296c1.805 0 3.288-.124 4.417-.272c1.584-.208 2.694-1.526 2.866-3.114l.321-2.962a3 3 0 0 1-.266.042C24.945 39.84 22.596 40 19 40s-5.945-.16-7.338-.306a3 3 0 0 1-.174-.024"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M11.488 39.67c.203 1.31.414 2.502.59 3.444c.25 1.325 1.192 2.389 2.525 2.59c1.046.159 2.499.296 4.397.296c1.805 0 3.288-.124 4.417-.272c1.584-.208 2.694-1.526 2.866-3.114l.321-2.962"/><path fill="#8fbffa" fill-rule="evenodd" d="m26.84 5.912l-1.395.763c-3.815 2.086-3.815 7.564 0 9.65l3.642 1.992a1.5 1.5 0 0 1 .596.596l1.991 3.642a5.42 5.42 0 0 0 3.773 2.761a17 17 0 0 1-5.963 9.067a67 67 0 0 1-.972 3.48c-.306.998-1.135 1.723-2.174 1.832C24.945 39.84 22.596 40 19 40s-5.945-.16-7.338-.305c-1.039-.109-1.868-.834-2.175-1.833a67 67 0 0 1-.97-3.479A16.97 16.97 0 0 1 2 21C2 11.611 9.611 4 19 4c2.828 0 5.494.69 7.84 1.912" clip-rule="evenodd"/><path fill="#fff" d="M35.623 2.604a1 1 0 0 1 1.754 0l1.992 3.642a6 6 0 0 0 2.385 2.385l3.642 1.992a1 1 0 0 1 0 1.754l-3.642 1.992a6 6 0 0 0-2.385 2.385l-1.992 3.642a1 1 0 0 1-1.754 0l-1.992-3.642a6 6 0 0 0-2.385-2.385l-3.642-1.992a1 1 0 0 1 0-1.754l3.642-1.992a6 6 0 0 0 2.385-2.385z"/><path stroke="#2859c5" d="M35.623 2.604a1 1 0 0 1 1.754 0l1.992 3.642a6 6 0 0 0 2.385 2.385l3.642 1.992a1 1 0 0 1 0 1.754l-3.642 1.992a6 6 0 0 0-2.385 2.385l-1.992 3.642a1 1 0 0 1-1.754 0l-1.992-3.642a6 6 0 0 0-2.385-2.385l-3.642-1.992a1 1 0 0 1 0-1.754l3.642-1.992a6 6 0 0 0 2.385-2.385z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M25.5 5.287A17 17 0 0 0 19 4C9.611 4 2 11.611 2 21c0 5.433 2.549 10.271 6.516 13.383a67 67 0 0 0 .971 3.48c.307.998 1.136 1.723 2.175 1.832C13.055 39.84 15.404 40 19 40s5.945-.16 7.338-.305c1.039-.109 1.868-.834 2.174-1.833c.287-.933.65-2.18.972-3.479a17.04 17.04 0 0 0 5.524-7.646"/></g></svg>

Ai Technology Spark アイコンの使い方

React

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

<Icon icon="streamline-plump-color:ai-technology-spark" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:ai-technology-spark" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:ai-technology-spark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--ai-technology-spark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:ai-technology-spark"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-plump-color:ai-technology-spark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/ai-technology-spark.svg" alt="Ai Technology Spark アイコン" width="24" height="24">

Plump color icons の関連アイコン

他のアイコンセットの Ai Technology Spark アイコン

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

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

はい。Plump color icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Plump color icons をすべて見る →