Иконка Message Square Sparkle Sharp Fill

keyline-icons:message-square-sparkle-sharp-fill

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

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

Скачать 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="M3 2L21 2C21.5523 2 22 2.4477 22 3L22 17C22 17.5523 21.5523 18 21 18L7.4142 18L3.7071 21.7071C3.5196 21.8946 3.2652 22 3 22C2.4477 22 2 21.5523 2 21L2 3C2 2.4477 2.4477 2 3 2ZM12.8554 6.4913C12.6742 6.1921 12.3498 6.0093 12 6.0093C11.6502 6.0093 11.3258 6.1921 11.1446 6.4913L10.1439 8.1439L8.4913 9.1446C8.1921 9.3258 8.0093 9.6502 8.0093 10C8.0093 10.3498 8.1921 10.6742 8.4913 10.8554L10.1439 11.8561L11.1446 13.5087C11.3258 13.8079 11.6502 13.9907 12 13.9907C12.3498 13.9907 12.6742 13.8079 12.8554 13.5087L13.8561 11.8561L15.5087 10.8554C15.8079 10.6742 15.9907 10.3498 15.9907 10C15.9907 9.6502 15.8079 9.3258 15.5087 9.1446L13.8561 8.1439L12.8554 6.4913Z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:message-square-sparkle-sharp-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-sharp-fill"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Keyline Icons →