Иконка Vaadin

devicon:vaadin

Иконка Vaadin (devicon:vaadin) — бесплатная SVG-иконка из набора Devicon от konpa. Она нарисована на сетке 128 × 128. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Devicon
Автор: konpa
Лицензия: MIT
Размер: 128 × 128

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#00b4f0" d="M64.25 125.543a7.56 7.56 0 0 0 6.883-4.438l.18-.316L97.71 71.934a8.46 8.46 0 0 0-.008-8.465a8.48 8.48 0 0 0-7.34-4.219c-3.754 0-6.3 1.848-8.027 5.785L64.234 98.781L46.148 65.086c-1.664-3.988-4.289-5.82-8.046-5.82a8.46 8.46 0 0 0-7.325 4.218a8.46 8.46 0 0 0-.023 8.45l26.43 48.921l.117.22a7.56 7.56 0 0 0 6.949 4.534m.016-72.625a6.75 6.75 0 0 0 6.75-6.75V44.57a6.42 6.42 0 0 1 6.418-6.383h34.574a16.42 16.42 0 0 0 16.441-16.422V9.114a6.324 6.324 0 0 0-4.715-6.07a6.325 6.325 0 0 0-7.09 2.98a6.3 6.3 0 0 0-.796 3.075v4.007a6.41 6.41 0 0 1-6.485 6.348H78.13a13.51 13.51 0 0 0-13.297 11.488a20 20 0 0 0-.332 3.325h-.285a20 20 0 0 0-.332-3.325a13.51 13.51 0 0 0-13.297-11.468h-31.52a6.42 6.42 0 0 1-6.418-6.336V9.164a6.25 6.25 0 0 0-.812-3.008A6.317 6.317 0 0 0 0 9.18v12.653c.008 9.07 7.371 16.414 16.441 16.406h34.575a6.42 6.42 0 0 1 6.418 6.383v1.664a6.75 6.75 0 0 0 6.75 6.75h.082Zm0 0"/></svg>

Как использовать иконку Vaadin

React

import { Icon } from "@iconify/react";

<Icon icon="devicon:vaadin" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="devicon:vaadin" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="devicon:vaadin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--vaadin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:vaadin"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon:vaadin"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/devicon/vaadin.svg" alt="Иконка Vaadin" width="24" height="24">

Иконка Vaadin в других наборах

Вопросы и ответы: Иконка Vaadin

Можно ли бесплатно использовать иконку Vaadin в коммерческих проектах?

Да. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Vaadin в React?

Установите @iconify/react и выведите <Icon icon="devicon:vaadin" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Vaadin на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/devicon/vaadin.svg" alt="Иконка Vaadin">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Devicon →