Chat Square Off Bold Duotone アイコン

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

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

solar:chat-square-off-bold-duotone

Chat Square Off Bold Duotone アイコン(solar:chat-square-off-bold-duotone)は、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、boldduotone、chatsquareoffboldduotone

SVG をダウンロード

SVG コード

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

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

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

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

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

Solar の関連アイコン

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

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

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

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

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

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

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

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