Ícone Crown Simple Bold
ph:crown-simple-bold
O ícone Crown Simple Bold (ph:crown-simple-bold) é um ícone SVG gratuito da coleção Phosphor de Phosphor Icons. Ele é desenhado em uma grade de 256 × 256. Phosphor icons são publicados sob a licença MIT, 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
- Phosphor
- Autor
- Phosphor Icons
- Licença
- MIT
- Tamanho
- 256 × 256
- Tags
- updated, king, queen, royalty, monarch, ruler, leader, chess, crownsimple, simplebold, crownsimplebold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M232.63 70a19.82 19.82 0 0 0-23.55 4.71l-29.52 31.82l-33.34-74.77l-.06-.14a20 20 0 0 0-36.32 0l-.06.14l-33.34 74.76L46.92 74.7a20 20 0 0 0-34.6 16.81c0 .16.06.31.09.47l22.66 103.78A20 20 0 0 0 54.71 212h146.58a20 20 0 0 0 19.64-16.24L243.59 92c0-.16.07-.31.09-.47A19.82 19.82 0 0 0 232.63 70m-34.57 118H57.94l-18.88-86.49l32.14 34.65a12 12 0 0 0 19.8-3.27l37-83.07l37 83.07a12 12 0 0 0 19.76 3.27l32.14-34.65Z"/></svg>
Como usar o ícone Crown Simple Bold
React
import { Icon } from "@iconify/react";
<Icon icon="ph:crown-simple-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:crown-simple-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:crown-simple-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--crown-simple-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:crown-simple-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:crown-simple-bold"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/ph/crown-simple-bold.svg" alt="Ícone Crown Simple Bold" width="24" height="24">
Ícones relacionados em Phosphor
Perguntas frequentes sobre Ícone Crown Simple Bold
O ícone Crown Simple Bold é grátis para uso comercial?
Sim. Phosphor icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Crown Simple Bold no React?
Instale @iconify/react e renderize <Icon icon="ph:crown-simple-bold" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Crown Simple Bold a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/ph/crown-simple-bold.svg" alt="Ícone Crown Simple Bold">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Phosphor →
ICONYZ
