Icône Diploma
vaadin:diploma
L'icône Diploma (vaadin:diploma) est une icône SVG gratuite de la collection Vaadin Icons par Vaadin. Elle est dessinée sur une grille de 24 × 24. Les Vaadin Icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Vaadin Icons
- Auteur
- Vaadin
- Licence
- Apache-2.0
- Taille
- 24 × 24
Code 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>
Comment utiliser l'icône 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>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vaadin:diploma"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/vaadin/diploma.svg" alt="Icône Diploma" width="24" height="24">
Icônes similaires dans Vaadin Icons
L'icône Diploma dans d'autres collections
FAQ : Icône Diploma
L'icône Diploma est-elle gratuite pour un usage commercial ?
Oui. Les Vaadin Icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Diploma dans React ?
Installez @iconify/react et affichez <Icon icon="vaadin:diploma" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Diploma à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/vaadin/diploma.svg" alt="Icône Diploma">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Vaadin Icons →
ICONYZ
