أيقونة Chat Square Code Bold

solar:chat-square-code-bold

أيقونة Chat Square Code Bold (solar:chat-square-code-bold) أيقونة SVG مجانية من مجموعة Solar من تصميم 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>

مكوّن ويب

<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، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Chat Square Code Bold في React؟

ثبّت @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">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Solar →