Иконка Xmpp

selfhst:xmpp

Иконка Xmpp (selfhst:xmpp) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: selfh.st/icons
Автор: selfh.st
Лицензия: CC-BY-4.0
Размер: 512 × 512

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGBwbhpcqK" x1="-874.904" x2="-874.904" y1="681.631" y2="310.531" gradientTransform="translate(1196.604 -240.631)" gradientUnits="userSpaceOnUse"><stop offset=".011" stop-color="#1b3967"/><stop offset=".467" stop-color="#13b5ea"/><stop offset=".995" stop-color="#002b5c"/></linearGradient><path fill="url(#SVGBwbhpcqK)" d="M404.9 111.4c.2 3.8-5.2 2.8-5.2 6.7c0 112.8-136.2 284.9-268.3 318.1v4.8C306.8 424.9 507.6 242.7 512 69.9z"/><path fill="#e96d1f" d="M351.9 125.3c.2 3.8.4 7.7.4 11.6c0 112.8-89.8 264.8-221.9 298v4.8C303.1 431.5 440 255.3 440 120.2c0-6.9-.4-13.8-1.1-20.6z"/><path fill="#d9541e" d="m439.7 97.9l-22.3 8c.1 2.8.2 6.6.2 9.4c0 120.6-109.1 287.3-255.4 313.4c-9.5 3.2-22.1 6.1-32 8.6v4.8c191-16.2 325.1-210.3 309.5-344.2"/><linearGradient id="SVGQcBjybEe" x1="-1381.088" x2="-1381.088" y1="681.632" y2="310.532" gradientTransform="matrix(-1 0 0 1 -1190.788 -240.632)" gradientUnits="userSpaceOnUse"><stop offset=".011" stop-color="#1b3967"/><stop offset=".467" stop-color="#13b5ea"/><stop offset=".995" stop-color="#002b5c"/></linearGradient><path fill="url(#SVGQcBjybEe)" d="M107.1 111.4c-.2 3.8 5.2 2.8 5.2 6.7c0 112.8 136.2 284.9 268.3 318.1v4.8C205.2 424.9 4.4 242.7 0 69.9z"/><path fill="#a0ce67" d="M160.1 125.3c-.2 3.8-.4 7.7-.4 11.6c0 112.8 89.8 264.8 221.9 298v4.8C208.9 431.5 72 255.3 72 120.2c0-6.9.4-13.8 1.1-20.6z"/><path fill="#439639" d="m72.3 97.9l22.3 8c-.1 2.8-.2 6.6-.2 9.4c0 120.6 109.1 287.3 255.4 313.4c9.5 3.2 22.1 6.1 32 8.6v4.8C190.8 425.8 56.7 231.8 72.3 97.9"/></svg>

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

React

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

<Icon icon="selfhst:xmpp" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:xmpp" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:xmpp" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="selfhst:xmpp"></iconify-icon>

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

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

Иконка Xmpp в других наборах

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

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

Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все selfh.st/icons →