Иконка Wechat
bxl:wechat
Иконка Wechat (bxl:wechat) — бесплатная SVG-иконка из набора Boxicons Brands от Boxicons. Она нарисована на сетке 24 × 24. Boxicons Brands icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Boxicons Brands
- Автор
- Boxicons
- Лицензия
- MIT
- Размер
- 24 × 24
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.11 10.6c1.31-1.27 2.93-1.83 4.78-1.93c-.11-1.13-.5-2.08-1.15-2.93c-1.8-2.35-5.13-3.34-8.09-2.37c-2.17.71-3.77 2.07-4.42 4.31c-.7 2.42.24 4.78 2.47 6.35c.35.25.4.46.29.83c-.15.51-.24 1.05-.38 1.65c.73-.46 1.35-.87 2-1.23c.19-.11.47-.14.7-.12c.66.06 1.33.15 2.05.24c-.17-1.95.44-3.53 1.76-4.81Zm.7-3.54c.47 0 .84.36.85.82c0 .47-.35.84-.83.84c-.47 0-.85-.36-.86-.82c0-.45.38-.84.84-.84M6.48 8.72a.816.816 0 0 1-.81-.85c.01-.46.4-.82.87-.8c.46.01.84.41.82.86a.85.85 0 0 1-.87.8Z"/><path fill="currentColor" d="M12.56 10.35c-2.96 1.94-3.33 5.57-.77 7.94c1.35 1.25 2.98 1.75 4.8 1.57c.6-.06 1.2-.39 1.77-.33s1.11.45 1.7.71c-.04-.16-.05-.31-.11-.44c-.37-.67-.16-1.09.41-1.6c1.98-1.75 2.17-4.53.55-6.62c-1.86-2.39-5.72-2.97-8.35-1.24Zm.82 3.41c-.37 0-.68-.3-.69-.67c-.01-.39.31-.72.7-.72s.71.33.69.72c-.01.37-.32.66-.7.66Zm4.3 0c-.39 0-.69-.32-.68-.72c.01-.37.32-.66.69-.66c.39 0 .69.33.68.72c-.01.37-.31.66-.69.66"/></svg>
Как использовать иконку Wechat
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:wechat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:wechat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:wechat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--wechat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:wechat"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:wechat"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/bxl/wechat.svg" alt="Иконка Wechat" width="24" height="24">
Иконка Wechat в других наборах
Вопросы и ответы: Иконка Wechat
Можно ли бесплатно использовать иконку Wechat в коммерческих проектах?
Да. Boxicons Brands icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Wechat в React?
Установите @iconify/react и выведите <Icon icon="bxl:wechat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Wechat на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/bxl/wechat.svg" alt="Иконка Wechat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Boxicons Brands →
ICONYZ
