Conversation Icon

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

<Icon icon="academicons:conversation" />

<template>
  <Icon icon="academicons:conversation" />
</template>

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

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

<Icon icon="academicons:conversation" />

<iconify-icon icon="academicons:conversation"></iconify-icon>

/* Add to your CSS */
.icon-conversation::before {
  content: '';
  background-image: url('data:image/svg+xml,%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M324.199%2096H215.277c-84.567%200-154.25%2069.683-154.25%20154.25v6.088c0%2030.444%209.472%2058.182%2025.709%2083.214L5.552%20416l118.393-37.21c25.708%2019.62%2058.182%2030.445%2092.685%2030.445h107.569c85.92%200%20154.25-69.683%20154.25-152.897v-6.089C478.448%20165.683%20408.764%2096%20324.198%2096M406%20276c0%2046.68-35.234%2075.67-81.238%2075.67H213.134C166.454%20351.67%20132%20322.68%20132%20276v-40c0-46.68%2034.453-81.201%2081.134-81.201h111.628c46.68%200%2081.238%2034.52%2081.238%2081.201Z%22%20class%3D%22st1%22%2F%3E');
}

<path fill="currentColor" d="M324.199 96H215.277c-84.567 0-154.25 69.683-154.25 154.25v6.088c0 30.444 9.472 58.182 25.709 83.214L5.552 416l118.393-37.21c25.708 19.62 58.182 30.445 92.685 30.445h107.569c85.92 0 154.25-69.683 154.25-152.897v-6.089C478.448 165.683 408.764 96 324.198 96M406 276c0 46.68-35.234 75.67-81.238 75.67H213.134C166.454 351.67 132 322.68 132 276v-40c0-46.68 34.453-81.201 81.134-81.201h111.628c46.68 0 81.238 34.52 81.238 81.201Z" class="st1"/>