Иконка Cloudversify
fa-brands:cloudversify
Иконка Cloudversify (fa-brands:cloudversify) — бесплатная SVG-иконка из набора Font Awesome 5 Brands от Dave Gandy. Она нарисована на сетке 616 × 512. Font Awesome 5 Brands icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Font Awesome 5 Brands
- Автор
- Dave Gandy
- Лицензия
- CC-BY-4.0
- Размер
- 616 × 512
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="616" height="512" viewBox="0 0 616 512"><path fill="currentColor" d="M148.6 304c8.2 68.5 67.4 115.5 146 111.3c51.2 43.3 136.8 45.8 186.4-5.6c69.2 1.1 118.5-44.6 131.5-99.5c14.8-62.5-18.2-132.5-92.1-155.1c-33-88.1-131.4-101.5-186.5-85c-57.3 17.3-84.3 53.2-99.3 109.7c-7.8 2.7-26.5 8.9-45 24.1c11.7 0 15.2 8.9 15.2 19.5v20.4c0 10.7-8.7 19.5-19.5 19.5h-20.2c-10.7 0-19.5-6-19.5-16.7V240H98.8C95 240 88 244.3 88 251.9v40.4c0 6.4 5.3 11.8 11.7 11.8h48.9zm227.4 8c-10.7 46.3 21.7 72.4 55.3 86.8C324.1 432.6 259.7 348 296 288c-33.2 21.6-33.7 71.2-29.2 92.9c-17.9-12.4-53.8-32.4-57.4-79.8c-3-39.9 21.5-75.7 57-93.9C297 191.4 369.9 198.7 400 248c-14.1-48-53.8-70.1-101.8-74.8c30.9-30.7 64.4-50.3 114.2-43.7c69.8 9.3 133.2 82.8 67.7 150.5c35-16.3 48.7-54.4 47.5-76.9l10.5 19.6c11.8 22 15.2 47.6 9.4 72c-9.2 39-40.6 68.8-79.7 76.5c-32.1 6.3-83.1-5.1-91.8-59.2M128 208H88.2c-8.9 0-16.2-7.3-16.2-16.2v-39.6c0-8.9 7.3-16.2 16.2-16.2H128c8.9 0 16.2 7.3 16.2 16.2v39.6c0 8.9-7.3 16.2-16.2 16.2M10.1 168C4.5 168 0 163.5 0 157.9v-27.8c0-5.6 4.5-10.1 10.1-10.1h27.7c5.5 0 10.1 4.5 10.1 10.1v27.8c0 5.6-4.5 10.1-10.1 10.1zM168 142.7v-21.4c0-5.1 4.2-9.3 9.3-9.3h21.4c5.1 0 9.3 4.2 9.3 9.3v21.4c0 5.1-4.2 9.3-9.3 9.3h-21.4c-5.1 0-9.3-4.2-9.3-9.3M56 235.5v25c0 6.3-5.1 11.5-11.4 11.5H19.4C13.1 272 8 266.8 8 260.5v-25c0-6.3 5.1-11.5 11.4-11.5h25.1c6.4 0 11.5 5.2 11.5 11.5"/></svg>Как использовать иконку Cloudversify
React
import { Icon } from "@iconify/react";
<Icon icon="fa-brands:cloudversify" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-brands:cloudversify" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-brands:cloudversify" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-brands--cloudversify]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-brands -->
<div class="i-fa-brands:cloudversify"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-brands:cloudversify"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fa-brands/cloudversify.svg" alt="Иконка Cloudversify" width="24" height="24">Иконка Cloudversify в других наборах
Вопросы и ответы: Иконка Cloudversify
Можно ли бесплатно использовать иконку Cloudversify в коммерческих проектах?
Да. Font Awesome 5 Brands icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Cloudversify в React?
Установите @iconify/react и выведите <Icon icon="fa-brands:cloudversify" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cloudversify на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fa-brands/cloudversify.svg" alt="Иконка Cloudversify">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.