Ai Chat icon

arcticons:ai-chat

The Ai Chat icon (arcticons:ai-chat) is a free SVG icon from the Arcticons set by Donnnno. It is drawn on a 48 × 48 grid. Arcticons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Arcticons
Author: Donnnno
License: CC-BY-SA-4.0
Size: 48 × 48
Tags: aichat

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><path id="SVGFHV9Gc5O" fill="none" stroke="currentColor" d="M16.63 29.522v4.224l-2.836 1.638a4.38 4.38 0 0 1-5.981-1.608l-.34-.589a4.37 4.37 0 0 1 1.608-5.971l2.896-1.668l3.535 2.047a2.23 2.23 0 0 1 1.118 1.927m6.252-14.699l-3.595-2.077V9.55a4.373 4.373 0 0 1 4.373-4.374h.69a4.37 4.37 0 0 1 4.363 4.374v3.196l-3.595 2.077c-.689.4-1.547.4-2.237 0ZM33.347 24l-3.915 2.257c-.449.26-.719.729-.719 1.238v4.724l-3.994-2.307h-.01c-.44-.26-.979-.26-1.418 0l-.01-.01l-3.994 2.307v-4.714c0-.51-.27-.978-.72-1.238L14.654 24l3.915-2.257c.45-.26.719-.729.719-1.238V15.79l3.994 2.307l.01-.01c.44.26.979.26 1.418 0l.01.01l3.994-2.307v4.714c0 .51.27.979.72 1.238zm7.17 9.197l-.34.6a4.38 4.38 0 0 1-5.971 1.587l-2.836-1.638v-4.224c0-.799.43-1.528 1.118-1.927l3.535-2.047l2.896 1.668a4.375 4.375 0 0 1 1.598 5.981"/></defs><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.37 9.33v1.888l-2.657 1.528V9.55a4.37 4.37 0 0 0-4.364-4.374h-.689a4.373 4.373 0 0 0-4.373 4.374v10.955c0 .51-.27.979-.72 1.238L14.654 24l-2.676-1.548l3.535-2.037a2.24 2.24 0 0 0 1.118-1.937V9.34a6.844 6.844 0 0 1 6.84-6.84h1.07a6.827 6.827 0 0 1 6.83 6.83Zm-2.657 22.889v3.035l-3.595-2.077a2.29 2.29 0 0 0-2.236 0l-3.595 2.077l-2.657 1.528l-1.657.959a6.84 6.84 0 0 1-9.337-2.497l-.27-.47l-.27-.458a6.83 6.83 0 0 1 2.507-9.337l1.697-.98l2.677 1.549l-2.896 1.668a4.37 4.37 0 0 0-1.608 5.971l.34.59a4.38 4.38 0 0 0 5.981 1.607l2.836-1.638l2.657-1.538l3.994-2.306l.01.01c.44-.26.979-.26 1.418 0h.01z"/><use href="#SVGFHV9Gc5O" stroke-linecap="round" stroke-linejoin="round"/><use href="#SVGFHV9Gc5O" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.287 27.495v4.714l-2.657 1.537v-4.224c0-.799-.43-1.528-1.118-1.927l-3.535-2.047L9.3 24l-1.698-.979a6.83 6.83 0 0 1-2.506-9.336l.27-.46l.269-.47a6.84 6.84 0 0 1 9.337-2.496l1.657.959v3.036l-2.836-1.638a4.38 4.38 0 0 0-5.981 1.608l-.34.589a4.37 4.37 0 0 0 1.608 5.971l2.896 1.668L14.653 24l3.915 2.257c.45.26.719.729.719 1.238"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m15.512 20.415l-3.535 2.037l-2.896-1.668a4.37 4.37 0 0 1-1.608-5.971l.34-.59a4.38 4.38 0 0 1 5.981-1.607l2.836 1.638v4.224c0 .799-.43 1.537-1.118 1.937m20.511 5.133l-3.535 2.047a2.23 2.23 0 0 0-1.118 1.927v9.147a6.827 6.827 0 0 1-6.83 6.831h-1.07a6.844 6.844 0 0 1-6.84-6.84v-1.878l2.657-1.528v3.196a4.373 4.373 0 0 0 4.374 4.374h.689a4.37 4.37 0 0 0 4.363-4.374V27.495c0-.51.27-.978.72-1.238L33.346 24z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m25.118 33.177l3.595 2.077v3.196a4.37 4.37 0 0 1-4.364 4.374h-.689a4.373 4.373 0 0 1-4.373-4.374v-3.196l3.595-2.077a2.29 2.29 0 0 1 2.237 0Zm15.279-10.156L38.7 24l-2.677-1.548l2.896-1.668a4.375 4.375 0 0 0 1.598-5.981l-.34-.59a4.37 4.37 0 0 0-5.971-1.597l-2.836 1.638l-2.657 1.538l-3.994 2.306l-.01-.01c-.44.26-.979.26-1.418 0l-.01.01l-3.994-2.306v-3.046l3.595 2.077c.689.4 1.548.4 2.237 0l3.595-2.077l2.656-1.528l1.658-.959a6.84 6.84 0 0 1 9.337 2.497l.27.47l.269.459a6.83 6.83 0 0 1-2.507 9.337Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.432 21.743L33.347 24l-3.915 2.257c-.449.26-.719.729-.719 1.238v4.724l-3.994-2.307h-.01c-.44-.26-.979-.26-1.418 0l-.01-.01l-3.994 2.307v-4.714c0-.51-.27-.978-.72-1.238L14.654 24l3.915-2.257c.45-.26.719-.729.719-1.238V15.79l3.994 2.307l.01-.01c.44.26.979.26 1.418 0l.01.01l3.994-2.307v4.714c0 .51.27.979.72 1.238m9.486-.957l-2.897 1.667l-3.535-2.037a2.24 2.24 0 0 1-1.118-1.937v-4.224l2.836-1.638a4.37 4.37 0 0 1 5.971 1.598l.34.589a4.375 4.375 0 0 1-1.598 5.982M16.63 14.254v4.224c0 .799-.43 1.537-1.118 1.937l-3.535 2.037l-2.896-1.668a4.37 4.37 0 0 1-1.608-5.971l.34-.59a4.38 4.38 0 0 1 5.981-1.607zm12.083 21v3.196a4.37 4.37 0 0 1-4.364 4.374h-.689a4.373 4.373 0 0 1-4.373-4.374v-3.196l3.595-2.077a2.29 2.29 0 0 1 2.237 0z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m42.904 34.316l-.27.459l-.27.47a6.84 6.84 0 0 1-9.337 2.496l-1.657-.959v-3.036l2.836 1.638a4.38 4.38 0 0 0 5.971-1.588l.34-.599a4.375 4.375 0 0 0-1.598-5.981l-2.896-1.668L33.347 24l-3.915-2.257a1.43 1.43 0 0 1-.719-1.238V15.79l2.657-1.537v4.224c0 .799.43 1.537 1.118 1.937l3.535 2.037L38.7 24l1.698.979a6.83 6.83 0 0 1 2.507 9.336Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m33.347 24l-3.915 2.257c-.449.26-.719.729-.719 1.238v4.724l-3.994-2.307h-.01c-.44-.26-.979-.26-1.418 0l-.01-.01l-3.994 2.307v-4.714c0-.51-.27-.978-.72-1.238L14.654 24l3.915-2.257c.45-.26.719-.729.719-1.238V15.79l3.994 2.307l.01-.01c.44.26.979.26 1.418 0l.01.01l3.994-2.307v4.714c0 .51.27.979.72 1.238zm5.573-3.215l-2.897 1.667l-3.535-2.037a2.24 2.24 0 0 1-1.118-1.937v-4.224l2.836-1.638a4.37 4.37 0 0 1 5.971 1.598l.34.589a4.375 4.375 0 0 1-1.598 5.982"/><circle cx="24" cy="24" r=".75" fill="currentColor"/></svg>

How to use the Ai Chat icon

React

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

<Icon icon="arcticons:ai-chat" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:ai-chat" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:ai-chat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--ai-chat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:ai-chat"></div>

Web component

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

<iconify-icon icon="arcticons:ai-chat"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/arcticons/ai-chat.svg" alt="Ai Chat icon" width="24" height="24">

Related icons in Arcticons

Ai Chat icon FAQ

Is the Ai Chat icon free for commercial use?

Yes. Arcticons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Ai Chat icon in React?

Install @iconify/react and render <Icon icon="arcticons:ai-chat" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Ai Chat icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/arcticons/ai-chat.svg" alt="Ai Chat icon">, or paste the SVG code inline to style it with CSS.

Browse all Arcticons →