Ícone Planet4
reicon:planet4
O ícone Planet4 (reicon:planet4) é um ícone SVG gratuito da coleção Reicon. Ele é desenhado em uma grade de 24 × 24. Reicon 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.
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10 5.25a8.75 8.75 0 1 0 0 17.5a8.75 8.75 0 0 0 0-17.5M4.013 16.78a10 10 0 0 0-.723-.03a7.252 7.252 0 0 0 12.81 1.169c-1.11.444-2.567.83-4.28.83a8.4 8.4 0 0 1-3.35-.687c-.332-.14-.642-.287-.91-.415l-.207-.099c-.329-.154-.576-.261-.794-.32a13.6 13.6 0 0 0-2.546-.447M2.75 14c0-.705.1-1.386.288-2.03c.292.2.7.453 1.21.705a10.26 10.26 0 0 0 4.536 1.075c1.326 0 2.344-.332 3.157-.696c.313-.14.603-.289.854-.417l.191-.098c.306-.155.531-.259.725-.316c.947-.278 1.77-.395 2.353-.443a9 9 0 0 1 .83-.028a7.3 7.3 0 0 1 .1 4.164a.75.75 0 0 0-.355.093c-.984.54-2.675 1.24-4.82 1.24a6.9 6.9 0 0 1-2.77-.572a18 18 0 0 1-.826-.376l-.23-.11c-.33-.154-.682-.313-1.038-.41a15 15 0 0 0-2.828-.496a12 12 0 0 0-1.075-.033l-.066.003h-.019l-.006.001h-.004a1 1 0 0 0-.096.012A7.3 7.3 0 0 1 2.75 14m.875-3.455q.083.064.215.156a8.8 8.8 0 0 0 4.944 1.549c1.057 0 1.862-.26 2.544-.565c.273-.122.518-.247.764-.374l.216-.11c.306-.155.64-.317.98-.417a13.3 13.3 0 0 1 2.928-.518A7.25 7.25 0 0 0 10 6.75a7.25 7.25 0 0 0-6.375 3.795m16.905-6.5a2 2 0 0 0-.306-.53c.326-.091.549-.097.606.003c.058.1-.058.29-.3.527M17.106 6.02c-.326.091-.548.097-.606-.003s.058-.29.3-.527a2 2 0 0 0 .306.53m0 0c.455-.126 1.113-.418 1.81-.82c.695-.402 1.277-.826 1.614-1.156a2 2 0 0 1-3.424 1.976m-.306-.53a2 2 0 0 1 3.424-1.977c-.455.127-1.113.419-1.809.82c-.696.403-1.278.826-1.615 1.157" clip-rule="evenodd"/></svg>Como usar o ícone Planet4
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:planet4" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:planet4" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:planet4" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--planet4]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:planet4"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:planet4"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/reicon/planet4.svg" alt="Ícone Planet4" width="24" height="24">Ícones relacionados em Reicon
Perguntas frequentes sobre Ícone Planet4
O ícone Planet4 é grátis para uso comercial?
Sim. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Planet4 no React?
Instale @iconify/react e renderize <Icon icon="reicon:planet4" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Planet4 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/reicon/planet4.svg" alt="Ícone Planet4">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.