Ai Co Editing アイコン

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

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

hugeicons:ai-co-editing

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

アイコンセット: Huge Icons
作者: Hugeicons
ライセンス: MIT
サイズ: 24 × 24
タグ: aico、coediting、aicoediting

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M12 3.125V5m0 0v1.875M12 5h-1.5M12 5h1.5M15 5l-1.301-.434a2 2 0 0 1-1.265-1.265L12 2l-.434 1.301a2 2 0 0 1-1.265 1.265L9 5l1.301.434a2 2 0 0 1 1.265 1.265L12 8l.434-1.301a2 2 0 0 1 1.265-1.265z"/><circle cx="19.5" cy="11.5" r="2.5"/><path d="M22 22v-2.687c0-1.692 0-2.539-.332-3.184a3 3 0 0 0-1.297-1.297c-.645-.332-1.492-.332-3.184-.332c-.441 0-.662 0-.872-.046a2 2 0 0 1-.524-.194c-.19-.102-.357-.245-.692-.533l-2.292-1.963a1.095 1.095 0 0 0-1.807.831v.118c0 .189.043.375.132.54c.548 1.01 1.621 2.567 3.063 3.885c.977.893 1.465 1.34 1.635 1.725s.17.89.17 1.902V22m-14-.001v-2.687c0-1.693 0-2.539.332-3.184a3 3 0 0 1 1.297-1.298c.645-.331 1.492-.331 3.184-.331c.441 0 .662 0 .872-.046q.276-.06.524-.194c.095-.05.184-.112.291-.197M8 22v-1.236c0-1.01 0-1.516.17-1.901c.17-.386.658-.832 1.635-1.725q.098-.09.195-.182M2 11.5a2.5 2.5 0 1 0 5 0a2.5 2.5 0 0 0-5 0"/></g></svg>

Ai Co Editing アイコンの使い方

React

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

<Icon icon="hugeicons:ai-co-editing" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:ai-co-editing" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:ai-co-editing" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--ai-co-editing]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:ai-co-editing"></div>

Web コンポーネント

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

<iconify-icon icon="hugeicons:ai-co-editing"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/hugeicons/ai-co-editing.svg" alt="Ai Co Editing アイコン" width="24" height="24">

Huge Icons の関連アイコン

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

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

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

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

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

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

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

Huge Icons をすべて見る →