Иконка Messaging

arcticons:messaging

Иконка Messaging (arcticons:messaging) — бесплатная SVG-иконка из набора Arcticons от Donnnno. Она нарисована на сетке 48 × 48. Arcticons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Arcticons
Автор: Donnnno
Лицензия: CC-BY-SA-4.0
Размер: 48 × 48

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.1 6.33a2.56 2.56 0 0 0-2.57 2.56v7.66h-9L8.8 24v15.1a2.56 2.56 0 0 0 2.56 2.58h20.09A2.57 2.57 0 0 0 34 39.11v-7.66h2.6a2.55 2.55 0 0 0 2.57-2.56h0V13.77l4.3-7.44zM34 28.51v-9.39a2.57 2.57 0 0 0-2.56-2.57h-15M17 24.2a1.87 1.87 0 0 1 0 3.74h0a1.87 1.87 0 0 1 0-3.74m8.75 0A1.87 1.87 0 1 1 24 26a1.87 1.87 0 0 1 1.83-1.83ZM15 31.36h12.84a6.7 6.7 0 0 1-12.85 0Zm-1.47-14.81h2.93m17.57 11.96v2.94M18.89 12.91h15.33"/></svg>

Как использовать иконку Messaging

React

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

<Icon icon="arcticons:messaging" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:messaging" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:messaging" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--messaging]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:messaging"></div>

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

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

<iconify-icon icon="arcticons:messaging"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/arcticons/messaging.svg" alt="Иконка Messaging" width="24" height="24">

Вопросы и ответы: Иконка Messaging

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

Да. Arcticons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку Messaging в React?

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

Как добавить иконку Messaging на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/arcticons/messaging.svg" alt="Иконка Messaging">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Arcticons →