Иконка Square Whatsapp
fa6-brands:square-whatsapp
Иконка Square Whatsapp (fa6-brands:square-whatsapp) — бесплатная SVG-иконка из набора Font Awesome 6 Brands от Dave Gandy. Она нарисована на сетке 448 × 512. Font Awesome 6 Brands icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Font Awesome 6 Brands
- Автор
- Dave Gandy
- Лицензия
- CC-BY-4.0
- Размер
- 448 × 512
- Теги
- squarewhatsapp, whatsapp square
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="448" height="512" viewBox="0 0 448 512"><path fill="currentColor" d="M92.1 254.6c0 24.9 7 49.2 20.2 70.1l3.1 5l-13.3 48.6l49.9-13.1l4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8c0-35.2-15.2-68.3-40.1-93.2c-25-25-58-38.7-93.2-38.7c-72.7 0-131.8 59.1-131.9 131.8M274.8 330c-12.6 1.9-22.4.9-47.5-9.9c-36.8-15.9-61.8-51.5-66.9-58.7c-.4-.6-.7-.9-.8-1.1c-2-2.6-16.2-21.5-16.2-41c0-18.4 9-27.9 13.2-32.3c.3-.3.5-.5.7-.8c3.6-4 7.9-5 10.6-5c2.6 0 5.3 0 7.6.1h.8c2.3 0 5.2 0 8.1 6.8c1.2 2.9 3 7.3 4.9 11.8c3.3 8 6.7 16.3 7.3 17.6c1 2 1.7 4.3.3 6.9c-3.4 6.8-6.9 10.4-9.3 13c-3.1 3.2-4.5 4.7-2.3 8.6c15.3 26.3 30.6 35.4 53.9 47.1c4 2 6.3 1.7 8.6-1c2.3-2.6 9.9-11.6 12.5-15.5c2.6-4 5.3-3.3 8.9-2s23.1 10.9 27.1 12.9c.8.4 1.5.7 2.1 1c2.8 1.4 4.7 2.3 5.5 3.6c.9 1.9.9 9.9-2.4 19.1c-3.3 9.3-19.1 17.7-26.7 18.8M448 96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64zM148.1 393.9L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5c29.9 30 47.9 69.8 47.9 112.2c0 87.4-72.7 158.5-160.1 158.5c-26.6 0-52.7-6.7-75.8-19.3"/></svg>
Как использовать иконку Square Whatsapp
React
import { Icon } from "@iconify/react";
<Icon icon="fa6-brands:square-whatsapp" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa6-brands:square-whatsapp" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa6-brands:square-whatsapp" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-brands--square-whatsapp]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa6-brands -->
<div class="i-fa6-brands:square-whatsapp"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa6-brands:square-whatsapp"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fa6-brands/square-whatsapp.svg" alt="Иконка Square Whatsapp" width="24" height="24">
Похожие иконки в наборе Font Awesome 6 Brands
Иконка Square Whatsapp в других наборах
Вопросы и ответы: Иконка Square Whatsapp
Можно ли бесплатно использовать иконку Square Whatsapp в коммерческих проектах?
Да. Font Awesome 6 Brands icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Square Whatsapp в React?
Установите @iconify/react и выведите <Icon icon="fa6-brands:square-whatsapp" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Square Whatsapp на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fa6-brands/square-whatsapp.svg" alt="Иконка Square Whatsapp">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Font Awesome 6 Brands →
