Chat Square Off Bold Duotone icon

solar:chat-square-off-bold-duotone

The Chat Square Off Bold Duotone icon (solar:chat-square-off-bold-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.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: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Messages
Tags: chatsquare, squareoff, offbold, boldduotone, chatsquareoffboldduotone

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13.5 2C16.7731 2 18.41 1.99959 19.6123 2.73633C20.2851 3.14861 20.8504 3.71492 21.2627 4.3877C21.9994 5.59003 22 7.22665 22 10.5V11.5C22 13.8294 21.9996 14.9943 21.6191 15.9131C21.4062 16.4271 21.1111 16.8971 20.75 17.3066L5.68164 2.23828C6.77527 1.99962 8.2519 2 10.5 2H13.5Z" opacity=".5"/><path d="M1.46965 1.46967C1.76254 1.17678 2.2373 1.17678 2.53019 1.46967L22.5302 21.4697C22.823 21.7626 22.8231 22.2373 22.5302 22.5302C22.2373 22.823 21.7625 22.823 21.4696 22.5302L17.831 18.8915C17.3846 18.952 16.86 18.9809 16.2099 18.9921C15.3598 19.0068 14.9343 19.0135 14.5966 19.2099C14.2591 19.4063 14.049 19.7617 13.6288 20.4716L13.0868 21.3876C12.6037 22.2039 11.3962 22.2039 10.913 21.3876L10.371 20.4716C9.95068 19.7615 9.73991 19.4063 9.40227 19.2099C9.06463 19.0137 8.63903 19.0068 7.78898 18.9921C6.53418 18.9705 5.74696 18.8934 5.08684 18.6201C3.86183 18.1126 2.8883 17.139 2.38078 15.914C2.00018 14.9952 1.99992 13.8297 1.99992 11.4999V10.4999C1.99992 7.22679 1.99952 5.58994 2.73625 4.38764C2.8105 4.26648 2.89158 4.15002 2.97551 4.03608L1.46965 2.53022C1.17677 2.23734 1.1768 1.76257 1.46965 1.46967Z"/></g></svg>

How to use the Chat Square Off Bold Duotone icon

React

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

<Icon icon="solar:chat-square-off-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:chat-square-off-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:chat-square-off-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--chat-square-off-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:chat-square-off-bold-duotone"></div>

Web component

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

<iconify-icon icon="solar:chat-square-off-bold-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/chat-square-off-bold-duotone.svg" alt="Chat Square Off Bold Duotone icon" width="24" height="24">

Related icons in Solar

Chat Square Off Bold Duotone icon FAQ

Is the Chat Square Off Bold Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Chat Square Off Bold Duotone icon in React?

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

How do I add the Chat Square Off Bold Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/chat-square-off-bold-duotone.svg" alt="Chat Square Off Bold Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →