Иконка Xing
la:xing
Иконка Xing (la:xing) — бесплатная SVG-иконка из набора Line Awesome от Icons8. Она нарисована на сетке 32 × 32. Line Awesome icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Line Awesome
- Автор
- Icons8
- Лицензия
- Apache-2.0
- Размер
- 32 × 32
- Категория
- Другое
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M21.406 5c-.426 0-.879.168-1.156.406s-.406.489-.5.657l-4.313 7.656a1 1 0 0 0-.124-.313L13.342 10a2.1 2.1 0 0 0-.53-.656a1.84 1.84 0 0 0-1.126-.406H8.781c-.41 0-.914.171-1.219.656h-.03c-.294.484-.192 1.066 0 1.437l.03.031L9.22 13.97l-2.781 4.906l-.032.031c-.215.418-.246.992.032 1.438c.246.394.769.656 1.25.656h2.875c.44 0 .882-.172 1.156-.406s.406-.485.5-.657c0 0 .574-1.027 1-1.78q.034.114.094.218l4.124 7.563c.102.18.254.425.532.656c.277.23.715.406 1.156.406H22c.426 0 .945-.219 1.219-.656a1.5 1.5 0 0 0 .062-1.438l-.031-.031l-3.813-6.938l6.125-10.812l.032-.063c.199-.398.261-.937-.032-1.406c-.28-.457-.828-.656-1.25-.656zm.125 2h1.782l-5.875 10.438c-.114.203-.098.683.03.968h-.03l.03.063v.031l3.563 6.5H19.22c-.012-.016-.016 0-.032-.031l-3.812-7.032c.684-1.21 6.125-10.906 6.125-10.906c.023-.043.02-.011.031-.031zm-11.75 3.938h1.781c.008.007.004-.016.032.03l.031.032l1.688 2.938c-.512.902-2.844 5.03-2.844 5.03c-.02.036-.02.012-.031.032H8.655l2.594-4.531q.018-.06.031-.125c.024-.051.094-.172.094-.375a1 1 0 0 0-.094-.406a1 1 0 0 0-.062-.126z"/></svg>
Как использовать иконку Xing
React
import { Icon } from "@iconify/react";
<Icon icon="la:xing" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:xing" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:xing" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--xing]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:xing"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:xing"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/la/xing.svg" alt="Иконка Xing" width="24" height="24">
Похожие иконки в наборе Line Awesome
Иконка Xing в других наборах
Вопросы и ответы: Иконка Xing
Можно ли бесплатно использовать иконку Xing в коммерческих проектах?
Да. Line Awesome icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Xing в React?
Установите @iconify/react и выведите <Icon icon="la:xing" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Xing на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/la/xing.svg" alt="Иконка Xing">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Line Awesome →
ICONYZ
