Ícone Pie Four
icon-park:pie-four
O ícone Pie Four (icon-park:pie-four) é um ícone SVG gratuito da coleção IconPark de ByteDance. Ele é desenhado em uma grade de 48 × 48. IconPark 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
- IconPark
- Autor
- ByteDance
- Licença
- Apache-2.0
- Tamanho
- 48 × 48
- Categoria
- Gráficos
- Tags
- piefour
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><circle cx="24" cy="24" r="20"/><path fill="#2F88FF" d="M24 4C26.6264 4 29.2272 4.51732 31.6537 5.52241C34.0802 6.5275 36.285 8.00069 38.1421 9.85787C39.9993 11.715 41.4725 13.9198 42.4776 16.3463C43.4827 18.7728 44 21.3736 44 24C44 26.6264 43.4827 29.2272 42.4776 31.6537C41.4725 34.0802 39.9993 36.285 38.1421 38.1421C36.285 39.9993 34.0802 41.4725 31.6537 42.4776C29.2271 43.4827 26.6264 44 24 44L24 24V4Z"/></g></svg>
Como usar o ícone Pie Four
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:pie-four" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:pie-four" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:pie-four" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--pie-four]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:pie-four"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:pie-four"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/icon-park/pie-four.svg" alt="Ícone Pie Four" width="24" height="24">
Ícones relacionados em IconPark
O ícone Pie Four em outras coleções
Perguntas frequentes sobre Ícone Pie Four
O ícone Pie Four é grátis para uso comercial?
Sim. IconPark icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Pie Four no React?
Instale @iconify/react e renderize <Icon icon="icon-park:pie-four" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Pie Four a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/icon-park/pie-four.svg" alt="Ícone Pie Four">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones IconPark →
ICONYZ
