Comment Solid Icon

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

<Icon icon="basil:comment-solid" />

<template>
  <Icon icon="basil:comment-solid" />
</template>

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

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

<Icon icon="basil:comment-solid" />

<iconify-icon icon="basil:comment-solid"></iconify-icon>

/* Add to your CSS */
.icon-comment-solid::before {
  content: '';
  background-image: url('data:image/svg+xml,%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.36%204C6.58%204%202.644%209.857%204.824%2015.21l.933%202.288a.5.5%200%200%201-.15.579L3.634%2019.66a.5.5%200%200%200%20.313.89h7.82a8.73%208.73%200%200%200%208.733-8.732C20.5%207.5%2017%204%2012.682%204z%22%2F%3E');
}

<path fill="currentColor" d="M12.36 4C6.58 4 2.644 9.857 4.824 15.21l.933 2.288a.5.5 0 0 1-.15.579L3.634 19.66a.5.5 0 0 0 .313.89h7.82a8.73 8.73 0 0 0 8.733-8.732C20.5 7.5 17 4 12.682 4z"/>