Иконка Aviato
fa6-brands:aviato
Иконка Aviato (fa6-brands:aviato) — бесплатная SVG-иконка из набора Font Awesome 6 Brands от Dave Gandy. Она нарисована на сетке 640 × 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
- Размер
- 640 × 512
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="512" viewBox="0 0 640 512"><path fill="currentColor" d="m107.2 283.5l-19-41.8H36.1l-19 41.8H0l62.2-131.4l62.2 131.4zm-45-98.1l-19.6 42.5h39.2zm112.7 102.4l-62.2-131.4h17.1l45.1 96l45.1-96h17zm80.6-4.3V156.4H271v127.1zm209.1-115.6v115.6h-17.3V167.9h-41.2v-11.5h99.6v11.5zM640 218.8q0 13.8-5.1 25.8c-3.4 8-8.2 15.1-14.2 21.1s-13.1 10.8-21.1 14.2q-12 5.1-25.8 5.1c-13.8 0-17.8-1.7-25.8-5.1s-15.1-8.2-21.1-14.2s-10.8-13-14.2-21.1q-5.1-12-5.1-25.8c0-13.8 1.7-17.8 5.1-25.8s8.2-15.1 14.2-21.1s13-8.4 21.1-11.9q12-5.1 25.8-5.1c13.8 0 17.8 1.7 25.8 5.1s15.1 5.8 21.1 11.9c6 6 10.7 13.1 14.2 21.1q5.1 12 5.1 25.8m-15.5 0c0-7.3-1.3-14-3.9-20.3s-6.2-11.7-10.8-16.3s-10-8.2-16.2-10.9s-12.8-4-19.8-4s-13.6 1.3-19.8 4s-11.6 6.3-16.2 10.9s-8.2 10-10.8 16.3s-3.9 13.1-3.9 20.3c0 7.3 1.3 14 3.9 20.3s6.2 11.7 10.8 16.3s10 8.2 16.2 10.9s12.8 4 19.8 4s13.6-1.3 19.8-4s11.6-6.3 16.2-10.9s8.2-10 10.8-16.3s3.9-13.1 3.9-20.3m-94.8 96.7v-6.3l88.9-10l-242.9 13.4c.6-2.2 1.1-4.6 1.4-7.2c.3-2 .5-4.2.6-6.5l64.8-8.1l-64.9 1.9c0-.4-.1-.7-.1-1.1c-2.8-17.2-25.5-23.7-25.5-23.7l-1.1-26.3h23.8l19 41.8h17.1L348.6 152l-62.2 131.4h17.1l19-41.8h23.6L345 268s-22.7 6.5-25.5 23.7c-.1.3-.1.7-.1 1.1l-64.9-1.9l64.8 8.1c.1 2.3.3 4.4.6 6.5c.3 2.6.8 5 1.4 7.2L78.4 299.2l88.9 10v6.3c-5.9.9-10.5 6-10.5 12.2c0 6.8 5.6 12.4 12.4 12.4s12.4-5.6 12.4-12.4c0-6.2-4.6-11.3-10.5-12.2v-5.8l80.3 9v5.4c-5.7 1.1-9.9 6.2-9.9 12.1c0 6.8 5.6 10.2 12.4 10.2s12.4-3.4 12.4-10.2c0-6-4.3-11-9.9-12.1v-4.9l28.4 3.2v23.7h-5.9V360h5.9v-6.6h5v6.6h5.9v-13.8h-5.9V323l38.3 4.3c8.1 11.4 19 13.6 19 13.6l-.1 6.7l-5.1.2l-.1 12.1h4.1l.1-5h5.2l.1 5h4.1l-.1-12.1l-5.1-.2l-.1-6.7s10.9-2.1 19-13.6l38.3-4.3v23.2h-5.9V360h5.9v-6.6h5v6.6h5.9v-13.8h-5.9v-23.7l28.4-3.2v4.9c-5.7 1.1-9.9 6.2-9.9 12.1c0 6.8 5.6 10.2 12.4 10.2s12.4-3.4 12.4-10.2c0-6-4.3-11-9.9-12.1v-5.4l80.3-9v5.8c-5.9.9-10.5 6-10.5 12.2c0 6.8 5.6 12.4 12.4 12.4s12.4-5.6 12.4-12.4c-.2-6.3-4.7-11.4-10.7-12.3m-200.8-87.6l19.6-42.5l19.6 42.5h-17.9l-1.7-40.3l-1.7 40.3z"/></svg>Как использовать иконку Aviato
React
import { Icon } from "@iconify/react";
<Icon icon="fa6-brands:aviato" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa6-brands:aviato" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa6-brands:aviato" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-brands--aviato]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa6-brands -->
<div class="i-fa6-brands:aviato"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa6-brands:aviato"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fa6-brands/aviato.svg" alt="Иконка Aviato" width="24" height="24">Иконка Aviato в других наборах
Вопросы и ответы: Иконка Aviato
Можно ли бесплатно использовать иконку Aviato в коммерческих проектах?
Да. Font Awesome 6 Brands icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Aviato в React?
Установите @iconify/react и выведите <Icon icon="fa6-brands:aviato" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Aviato на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fa6-brands/aviato.svg" alt="Иконка Aviato">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.