Chat Square Code Bold アイコン

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

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

solar:chat-square-code-bold

Chat Square Code Bold アイコン(solar:chat-square-code-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、squarecode、codebold、chatsquarecodebold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13.0867 21.3877L13.6288 20.4718C14.0492 19.7614 14.2595 19.4062 14.5972 19.2098C14.9349 19.0134 15.36 19.0061 16.2104 18.9915C17.4658 18.9698 18.2531 18.8929 18.9134 18.6194C20.1386 18.1119 21.1119 17.1386 21.6194 15.9134C22 14.9946 22 13.8297 22 11.5V10.5C22 7.22657 22 5.58985 21.2632 4.38751C20.8509 3.71473 20.2853 3.14908 19.6125 2.7368C18.4101 2 16.7734 2 13.5 2H10.5C7.22657 2 5.58985 2 4.38751 2.7368C3.71473 3.14908 3.14908 3.71473 2.7368 4.38751C2 5.58985 2 7.22657 2 10.5V11.5C2 13.8297 2 14.9946 2.3806 15.9134C2.88807 17.1386 3.86144 18.1119 5.08658 18.6194C5.74689 18.8929 6.53422 18.9698 7.78958 18.9915C8.63992 19.0061 9.06509 19.0134 9.40279 19.2098C9.74049 19.4063 9.95073 19.7614 10.3712 20.4718L10.9133 21.3877C11.3965 22.204 12.6035 22.204 13.0867 21.3877ZM14.9697 7.29926C15.2626 7.00637 15.7374 7.00637 16.0303 7.29926L16.2387 7.50759C16.874 8.14289 17.4038 8.67266 17.7678 9.14978C18.1521 9.65338 18.4216 10.1855 18.4216 10.8296C18.4216 11.4737 18.1521 12.0058 17.7678 12.5094C17.4038 12.9865 16.874 13.5163 16.2387 14.1516L16.0303 14.3599C15.7374 14.6528 15.2626 14.6528 14.9697 14.3599C14.6768 14.067 14.6768 13.5922 14.9697 13.2993L15.1412 13.1277C15.8229 12.446 16.2797 11.987 16.5753 11.5995C16.8577 11.2294 16.9216 11.0139 16.9216 10.8296C16.9216 10.6453 16.8577 10.4298 16.5753 10.0597C16.2797 9.67217 15.8229 9.21315 15.1412 8.53149L14.9697 8.35992C14.6768 8.06703 14.6768 7.59215 14.9697 7.29926ZM14.0184 6.19411C14.1256 5.79402 13.8882 5.38276 13.4881 5.27556C13.088 5.16835 12.6767 5.40579 12.5695 5.80589L9.98131 15.4651C9.8741 15.8652 10.1115 16.2765 10.5116 16.3837C10.9117 16.4909 11.323 16.2535 11.4302 15.8534L14.0184 6.19411ZM9.03033 7.29926C9.32322 7.59215 9.32322 8.06703 9.03033 8.35992L8.85876 8.53149C8.1771 9.21315 7.72033 9.67217 7.42469 10.0597C7.14226 10.4298 7.07843 10.6453 7.07843 10.8296C7.07843 11.0139 7.14226 11.2294 7.42469 11.5995C7.72033 11.987 8.1771 12.446 8.85876 13.1277L9.03033 13.2993C9.32322 13.5922 9.32322 14.067 9.03033 14.3599C8.73744 14.6528 8.26256 14.6528 7.96967 14.3599L7.7981 14.1883L7.76133 14.1516C7.12599 13.5163 6.59619 12.9865 6.23216 12.5094C5.84793 12.0058 5.57843 11.4737 5.57843 10.8296C5.57843 10.1855 5.84793 9.65338 6.23216 9.14978C6.59619 8.67266 7.12599 8.1429 7.76133 7.5076L7.7981 7.47083L7.96967 7.29926C8.26256 7.00637 8.73744 7.00637 9.03033 7.29926Z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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