Chat Square Off Bold アイコン

Q: Chat Square Off Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:chat-square-off-bold

Chat Square Off Bold アイコン(solar:chat-square-off-bold)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: メッセージ
タグ: chatsquare、squareoff、offbold、chatsquareoffbold

SVG をダウンロード

SVG コード

<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>

Chat Square Off Bold アイコンの使い方

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 コンポーネント

<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 画像

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

Solar の関連アイコン

Chat Square Off Bold アイコンのよくある質問

Chat Square Off Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Chat Square Off Bold アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:chat-square-off-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Chat Square Off Bold アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/chat-square-off-bold.svg" alt="Chat Square Off Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →