Иконка Diploma

vaadin:diploma

Иконка Diploma (vaadin:diploma) — бесплатная SVG-иконка из набора Vaadin Icons от Vaadin. Она нарисована на сетке 24 × 24. Vaadin Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Vaadin Icons
Автор: Vaadin
Лицензия: Apache-2.0
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14 10.58a.37.37 0 0 0-.001-.332l-.479-.698q-.014-.02-.014-.045c0-.025.005-.032.014-.045l.48-.7a.37.37 0 0 0-.001-.332a.4.4 0 0 0-.236-.237l-.823-.301a.09.09 0 0 1-.06-.069V6.98a.39.39 0 0 0-.169-.299a.4.4 0 0 0-.231-.071h-.17l-.85.22a.1.1 0 0 1-.071 0l-.549-.65a.43.43 0 0 0-.63 0l-.55.65a.1.1 0 0 1-.071 0h.001l-.9-.23h-.108a.4.4 0 0 0-.234.071a.39.39 0 0 0-.168.298v.841a.09.09 0 0 1-.059.07l-.821.3a.4.4 0 0 0-.338.395q0 .091.039.167l.479.698q.014.02.014.045c0 .025-.005.032-.014.045l-.48.7a.37.37 0 0 0 .001.332a.4.4 0 0 0 .236.237l.823.301a.09.09 0 0 1 .06.069v.841a.39.39 0 0 0 .169.299a.4.4 0 0 0 .234.071h.168l.31-.07V16l1.53-2l1.47 2v-3.69l.31.08h.118a.4.4 0 0 0 .234-.071a.39.39 0 0 0 .168-.298v-.841a.09.09 0 0 1 .059-.07l.821-.3a.4.4 0 0 0 .289-.227z"/><path fill="currentColor" d="M0 1v12h8l-.11-.05a1.13 1.13 0 0 1-.49-.867V12H1V2h14v10h-1.43v.08a1.13 1.13 0 0 1-.486.868L13 13h3V1z"/><path fill="currentColor" d="M7.43 6.91a1.13 1.13 0 0 1 .486-.908A.2.2 0 0 1 8.001 6H3v1h4.43zM6.42 8H3v1h3.36a.99.99 0 0 1-.047-.837A.3.3 0 0 1 6.42 8M3 4h10v1H3z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Vaadin Icons →