أيقونة Chat Dot Square

ep:chat-dot-square

أيقونة Chat Dot Square (ep:chat-dot-square) أيقونة SVG مجانية من مجموعة Element Plus. مرسومة على شبكة 1024 × 1024. تُنشر Element Plus icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Element Plus
المؤلف: Element Plus
الترخيص: MIT
الحجم: 1024 × 1024
الوسوم: chatdot، dotsquare، chatdotsquare

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M273.5 736H800a64 64 0 0 0 64-64V256a64 64 0 0 0-64-64H224a64 64 0 0 0-64 64v570.9zm22.5 64L148 918.4a32 32 0 0 1-52-25V256a128 128 0 0 1 128-128h576a128 128 0 0 1 128 128v416a128 128 0 0 1-128 128z"/><path fill="currentColor" d="M512 499.2a51.2 51.2 0 1 1 0-102.4a51.2 51.2 0 0 1 0 102.4m192 0a51.2 51.2 0 1 1 0-102.4a51.2 51.2 0 0 1 0 102.4m-384 0a51.2 51.2 0 1 1 0-102.4a51.2 51.2 0 0 1 0 102.4"/></svg>

كيفية استخدام أيقونة Chat Dot Square

React

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

<Icon icon="ep:chat-dot-square" width="24" />

Vue

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

<template>
  <Icon icon="ep:chat-dot-square" width="24" />
</template>

Svelte

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

<Icon icon="ep:chat-dot-square" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--chat-dot-square]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:chat-dot-square"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ep:chat-dot-square"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/ep/chat-dot-square.svg" alt="أيقونة Chat Dot Square" width="24" height="24">

أيقونات ذات صلة في Element Plus

الأسئلة الشائعة حول أيقونة Chat Dot Square

هل أيقونة Chat Dot Square مجانية للاستخدام التجاري؟

نعم. تُنشر Element Plus icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

ثبّت @iconify/react واعرض <Icon icon="ep:chat-dot-square" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Chat Dot Square إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ep/chat-dot-square.svg" alt="أيقونة Chat Dot Square">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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