Chat Square Off Bold icon

solar:chat-square-off-bold

The Chat Square Off Bold icon (solar:chat-square-off-bold) 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, chatsquareoffbold

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="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"/><path d="M13.4999 1.99994C16.7731 1.99994 18.4099 1.99967 19.6122 2.73627C20.285 3.14855 20.8513 3.71486 21.2636 4.38764C22.0002 5.58995 21.9999 7.22686 21.9999 10.4999V11.4999C21.9999 13.8295 21.9996 14.9942 21.6191 15.913C21.4061 16.4271 21.1111 16.897 20.7499 17.3066L5.68156 2.23822C6.7752 1.99954 8.25176 1.99994 10.4999 1.99994H13.4999Z"/></g></svg>

How to use the Chat Square Off Bold icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:chat-square-off-bold"></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"></iconify-icon>

HTML image

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

Related icons in Solar

Chat Square Off Bold icon FAQ

Is the Chat Square Off Bold 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 icon in React?

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

How do I add the Chat Square Off Bold 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.svg" alt="Chat Square Off Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →