Иконка Message Square Sparkle Fill

keyline-icons:message-square-sparkle-fill

Иконка Message Square Sparkle Fill (keyline-icons:message-square-sparkle-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: messagesquare, squaresparkle, sparklefill, messagesquaresparklefill

Скачать 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="M6 2L18 2C20.2091 2 22 3.7909 22 6L22 14C22 16.2091 20.2091 18 18 18L7.4142 18L3.7071 21.7071C3.5196 21.8946 3.2652 22 3 22C2.4477 22 2 21.5523 2 21L2 6C2 3.7909 3.7909 2 6 2ZM13.3787 6.9184C13.1423 6.3669 12.6 6.0093 12 6.0093C11.4 6.0093 10.8577 6.3669 10.6213 6.9184L10.1104 8.1104L8.9184 8.6213C8.3669 8.8577 8.0093 9.4 8.0093 10C8.0093 10.6 8.3669 11.1423 8.9184 11.3787L10.1104 11.8896L10.6213 13.0816C10.8577 13.6331 11.4 13.9907 12 13.9907C12.6 13.9907 13.1423 13.6331 13.3787 13.0816L13.8896 11.8896L15.0816 11.3787C15.6331 11.1423 15.9907 10.6 15.9907 10C15.9907 9.4 15.6331 8.8577 15.0816 8.6213L13.8896 8.1104L13.3787 6.9184Z" clip-rule="evenodd"/></svg>

Как использовать иконку Message Square Sparkle Fill

React

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

<Icon icon="keyline-icons:message-square-sparkle-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:message-square-sparkle-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:message-square-sparkle-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--message-square-sparkle-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:message-square-sparkle-fill"></div>

Веб-компонент

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

<iconify-icon icon="keyline-icons:message-square-sparkle-fill"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/message-square-sparkle-fill.svg" alt="Иконка Message Square Sparkle Fill" width="24" height="24">

Вопросы и ответы: Иконка Message Square Sparkle Fill

Можно ли бесплатно использовать иконку Message Square Sparkle Fill в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Message Square Sparkle Fill в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:message-square-sparkle-fill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Message Square Sparkle Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/message-square-sparkle-fill.svg" alt="Иконка Message Square Sparkle Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →