ICONYZ
Português (Brasil)
Ícone Certificate Badge Bold de IconaMoon

Ícone Certificate Badge Bold

iconamoon:certificate-badge-bold

O ícone Certificate Badge Bold (iconamoon:certificate-badge-bold) é um ícone SVG gratuito da coleção IconaMoon de Dariush Habibpour. Ele é desenhado em uma grade de 24 × 24. IconaMoon icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
IconaMoon
Autor
Dariush Habibpour
Licença
CC-BY-4.0
Tamanho
24 × 24
Categoria
E-commerce
Tags
certificatebadge, badgebold, certificatebadgebold
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="m15 22l-.693 1.04A1.25 1.25 0 0 0 16.25 22zm-3-2l.693-1.04a1.25 1.25 0 0 0-1.386 0zm-3 2H7.75a1.25 1.25 0 0 0 1.943 1.04zM8.75 3.537l-.1 1.246zm1.685-.697l-.952-.81zM6.532 5.686l-1.246.1zm2.154-2.154l.1-1.246zM5.84 7.435l.81.952zm.697-1.684l1.246-.1zm-.747 4.772l-.81.952zm0-3.046l-.81-.952zm.747 4.772l-1.246-.1zm-.697-1.684l.81-.952zm2.846 3.903l.1 1.246zm-2.154-2.154l1.246.1zm3.903 2.846l.952-.81zm-1.684-.697l-.1-1.246zm4.772.747l.952.81zm-3.046 0l-.952.81zm4.772-.747l.1-1.246zm-1.684.697l-.952-.81zm3.903-2.846l1.246-.1zm-2.154 2.154l-.1 1.246zm2.846-3.903l.81.952zm-.697 1.684l-1.246.1zm.747-4.772l.81-.952zm0 3.046l-.81-.952zm-.747-4.772l-1.246-.1zm.697 1.684l-.81.952zm-2.846-3.903l-.1-1.246zm2.154 2.154l1.246.1zM13.565 2.84l.952-.81zm1.684.697l.1 1.246zm-1.726-.747l-.952.81zm-3.046 0l.952.81zM9 14.458l.055-1.248zm6.693 6.502l-3-2l-1.386 2.08l3 2zm-4.386-2l-3 2l1.386 2.08l3-2zM12.57 3.6l.042.05l1.904-1.62l-.042-.05zm2.779 1.183l.064-.005l-.2-2.492l-.065.005zm.872.803l-.005.064l2.492.201l.005-.065zm1.128 2.8l.05.043l1.62-1.904l-.05-.042zm.05 1.185l-.05.042l1.62 1.904l.05-.042zm-1.183 2.779l.005.064l2.492-.2l-.005-.065zm-.803.872l-.064-.005l-.201 2.492l.065.005zm-2.8 1.128l-.043.05l1.904 1.62l.042-.05zm-1.185.05l-.042-.05l-1.904 1.62l.042.05zM8.65 13.217l-.064.005l.2 2.492l.065-.005zm-.872-.803l.005-.064l-2.492-.201l-.005.065zm-1.128-2.8L6.6 9.57l-1.62 1.904l.05.042zM6.6 8.428l.05-.042l-1.62-1.904l-.05.042zM7.783 5.65l-.005-.064l-2.492.2l.005.065zm.803-.872l.064.005l.201-2.492l-.065-.005zm2.8-1.128l.043-.05l-1.904-1.62l-.042.05zM8.65 4.783a3.25 3.25 0 0 0 2.737-1.133L9.483 2.03a.75.75 0 0 1-.632.261zm-.872.803a.75.75 0 0 1 .808-.808l.2-2.492a3.25 3.25 0 0 0-3.5 3.5zm-1.128 2.8A3.25 3.25 0 0 0 7.783 5.65l-2.492.201a.75.75 0 0 1-.261.632zM6.6 9.572a.75.75 0 0 1 0-1.142L4.98 6.525a3.25 3.25 0 0 0 0 4.95zm1.183 2.779A3.25 3.25 0 0 0 6.65 9.613l-1.62 1.904a.75.75 0 0 1 .261.632zm.803.872a.75.75 0 0 1-.808-.808l-2.492-.2a3.25 3.25 0 0 0 3.5 3.5zM12.57 14.4a.75.75 0 0 1-1.142 0l-1.904 1.62a3.25 3.25 0 0 0 4.95 0zm3.651-1.986a.75.75 0 0 1-.808.808l-.2 2.492a3.25 3.25 0 0 0 3.5-3.5zm1.128-2.8a3.25 3.25 0 0 0-1.133 2.736l2.492-.201a.75.75 0 0 1 .261-.632zm.05-1.185a.75.75 0 0 1 0 1.142l1.62 1.904a3.25 3.25 0 0 0 0-4.95zM16.217 5.65a3.25 3.25 0 0 0 1.133 2.737l1.62-1.904a.75.75 0 0 1-.261-.632zm-.803-.872a.75.75 0 0 1 .808.808l2.492.2a3.25 3.25 0 0 0-3.5-3.5zm-2.8-1.128a3.25 3.25 0 0 0 2.736 1.133l-.201-2.492a.75.75 0 0 1-.632-.261zm1.861-1.67a3.25 3.25 0 0 0-4.95 0l1.904 1.62a.75.75 0 0 1 1.142 0zm-3.088 12.37a3.25 3.25 0 0 0-2.332-1.14l-.11 2.497a.75.75 0 0 1 .538.263zm-2.332-1.14a3 3 0 0 0-.405.007l.201 2.492a1 1 0 0 1 .094-.002zM10.25 22v-7.542h-2.5V22zm5.1-8.783a3 3 0 0 0-.405-.007l.11 2.497q.046-.001.094.002zm-.405-.007a3.25 3.25 0 0 0-2.332 1.14l1.904 1.62a.75.75 0 0 1 .538-.263zm-1.195 1.248V22h2.5v-7.542z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="m14 8l-3 3l-1-1"/></g></svg>

Como usar o ícone Certificate Badge Bold

React

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

<Icon icon="iconamoon:certificate-badge-bold" width="24" />

Vue

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

<template>
  <Icon icon="iconamoon:certificate-badge-bold" width="24" />
</template>

Svelte

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

<Icon icon="iconamoon:certificate-badge-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[iconamoon--certificate-badge-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/iconamoon -->
<div class="i-iconamoon:certificate-badge-bold"></div>

Web component

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

<iconify-icon icon="iconamoon:certificate-badge-bold"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/iconamoon/certificate-badge-bold.svg" alt="Ícone Certificate Badge Bold" width="24" height="24">

Ícones relacionados em IconaMoon

Perguntas frequentes sobre Ícone Certificate Badge Bold

O ícone Certificate Badge Bold é grátis para uso comercial?

Sim. IconaMoon icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Certificate Badge Bold no React?

Instale @iconify/react e renderize <Icon icon="iconamoon:certificate-badge-bold" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Certificate Badge Bold a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/iconamoon/certificate-badge-bold.svg" alt="Ícone Certificate Badge Bold">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones IconaMoon →