Ícone Diploma
vaadin:diploma
O ícone Diploma (vaadin:diploma) é um ícone SVG gratuito da coleção Vaadin Icons de Vaadin. Ele é desenhado em uma grade de 24 × 24. Vaadin Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Vaadin Icons
- Autor
- Vaadin
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
Código 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>
Como usar o ícone 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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/vaadin/diploma.svg" alt="Ícone Diploma" width="24" height="24">
Ícones relacionados em Vaadin Icons
O ícone Diploma em outras coleções
Perguntas frequentes sobre Ícone Diploma
O ícone Diploma é grátis para uso comercial?
Sim. Vaadin Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Diploma no React?
Instale @iconify/react e renderize <Icon icon="vaadin:diploma" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Diploma a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/vaadin/diploma.svg" alt="Ícone Diploma">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Vaadin Icons →
ICONYZ
