ICONYZ
日本語
Google Cloud Icons の Contact Center Ai アイコン

Contact Center Ai アイコン

gcp:contact-center-ai

Contact Center Ai アイコン(gcp:contact-center-ai)は、Google Cloud Icons セットの無料 SVG アイコンです(作者: Google Cloud)。 24 × 24 のグリッドで描かれています。 Google Cloud Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Google Cloud Icons
作者
Google Cloud
ライセンス
Apache-2.0
サイズ
24 × 24
タグ
contactcenter、centerai、contactcenterai
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#4285f4" fill-rule="evenodd" d="M7.773 4.4v3.995h.004l-.004.003v5.24l3.088 1.79l-3.408 2.02l-2.308-1.34a1.32 1.32 0 0 1-.66-1.139V7.066c0-.469.252-.902.66-1.14zm8.353 5.332l3.36 2.01v3.252c0 .47-.25.905-.657 1.144l-6.844 4.009l-.02-.012l.014.012l-2.952 1.744a.334.334 0 0 1-.503-.284l-.007-3.43l3.533-2.113l-.01-.017l4.086-2.388zm-3.46-7.486l6.206 3.612c.41.238.66.673.66 1.143v3.339l-3.476-2.066l-.004.006l-4.11-2.387l-3.05 1.77V3.65l2.414-1.404a1.35 1.35 0 0 1 1.36 0"/></svg>

Contact Center Ai アイコンの使い方

React

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

<Icon icon="gcp:contact-center-ai" width="24" />

Vue

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

<template>
  <Icon icon="gcp:contact-center-ai" width="24" />
</template>

Svelte

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

<Icon icon="gcp:contact-center-ai" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gcp--contact-center-ai]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gcp -->
<div class="i-gcp:contact-center-ai"></div>

Web コンポーネント

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

<iconify-icon icon="gcp:contact-center-ai"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/gcp/contact-center-ai.svg" alt="Contact Center Ai アイコン" width="24" height="24">

Contact Center Ai アイコン のよくある質問

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

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

React で Contact Center Ai アイコンを使うには?

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

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

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

Google Cloud Icons をすべて見る →