Conversation icon

game-icons:conversation

The Conversation icon (game-icons:conversation) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M211.313 21.094c-51.776 0-98.754 12.252-133.5 32.718C43.066 74.28 19.874 103.78 19.874 137.69c0 33.54 22.692 62.81 56.813 83.25L48.156 327.094l96.97-79.844c20.65 4.58 42.924 7.063 66.186 7.063c51.776 0 98.786-12.252 133.532-32.72c34.746-20.466 57.937-49.997 57.937-83.905s-23.19-63.41-57.936-83.875c-34.746-20.467-81.756-32.72-133.53-32.72zm0 18.687c48.8 0 92.866 11.77 124.03 30.126s48.75 42.447 48.75 67.78c0 25.338-17.585 49.457-48.75 67.814s-75.23 30.125-124.03 30.125S118.445 223.857 87.28 205.5c-31.163-18.357-48.718-42.476-48.718-67.813c0-25.336 17.555-49.424 48.72-67.78C118.445 51.55 162.51 39.78 211.31 39.78zM96.53 89.938v18.688h93.126V89.937H96.53zm111.814 0v18.688h28.094V89.937h-28.094zm46.78 0v18.688h71.97V89.937h-71.97zM96.532 129.844v18.72h29.657v-18.72H96.53zm48.345 0v18.72h65.938v-18.72zm84.656 0v18.72h38.095v-18.72H229.53zm56.782 0v18.72h40.782v-18.72h-40.78zM96.532 166.78v18.69h70.874v-18.69H96.53zm89.562 0v18.69h57.03v-18.69zm75.72 0l-.002 18.69h65.282v-18.69zm92.342 90.25c-74.88 0-135.594 41.762-135.594 93.283s60.716 93.28 135.594 93.28c18.23 0 35.623-2.48 51.5-6.968l68.53 51.156l-24.873-71.03c24.947-16.918 40.437-40.432 40.437-66.438c0-51.518-60.714-93.28-135.594-93.28zm-70.344 42.345h32.907v18.688H283.81v-18.688zm51.594 0h90.344v18.688h-90.344zm-78.97 41.75h78.314v18.688h-78.313zm97.002 0h20.968v18.688h-20.97zm39.656 0h51v18.688h-51zm-109.28 39h79.06v18.688h-79.062v-18.688zm97.748 0h44.188v18.688h-44.188z"/></svg>

How to use the Conversation icon

React

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

<Icon icon="game-icons:conversation" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:conversation" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:conversation" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--conversation]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:conversation"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/conversation.svg" alt="Conversation icon" width="24" height="24">

Conversation icon in other icon sets

Conversation icon FAQ

Is the Conversation icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Conversation icon in React?

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

How do I add the Conversation icon to a web page?

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

Browse all Game Icons →