Ícone Sun Min
f7:sun-min
O ícone Sun Min (f7:sun-min) é um ícone SVG gratuito da coleção Framework7 Icons de Vladimir Kharlampidi. Ele é desenhado em uma grade de 56 × 56. Framework7 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
- Framework7 Icons
- Autor
- Vladimir Kharlampidi
- Licença
- MIT
- Tamanho
- 56 × 56
- Tags
- sunmin
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M28 10c1.5 0 2.742-1.242 2.742-2.766A2.76 2.76 0 0 0 28 4.492a2.746 2.746 0 0 0-2.742 2.742C25.258 8.758 26.477 10 28 10m12.75 5.273c1.055 1.055 2.79 1.055 3.867 0a2.744 2.744 0 0 0 0-3.89c-1.078-1.078-2.812-1.078-3.867 0a2.744 2.744 0 0 0 0 3.89m-29.39.024c1.054 1.055 2.789 1.055 3.867 0c1.101-1.102 1.101-2.813 0-3.89c-1.078-1.079-2.813-1.079-3.867 0c-1.079 1.077-1.079 2.788 0 3.89M28 40c6.516 0 11.93-5.414 11.93-11.953c0-6.516-5.414-11.93-11.93-11.93c-6.539 0-11.953 5.414-11.953 11.93C16.047 34.586 21.461 40 28 40m0-3.562c-4.594 0-8.39-3.797-8.39-8.391c0-4.547 3.796-8.367 8.39-8.367c4.57 0 8.367 3.797 8.367 8.367c0 4.594-3.797 8.39-8.367 8.39M7.235 30.789c1.5 0 2.742-1.242 2.742-2.766a2.76 2.76 0 0 0-2.743-2.742a2.746 2.746 0 0 0-2.742 2.742c0 1.524 1.219 2.766 2.742 2.766m41.53.164c1.5 0 2.743-1.242 2.743-2.765a2.76 2.76 0 0 0-2.742-2.743a2.746 2.746 0 0 0-2.742 2.742c0 1.524 1.218 2.766 2.742 2.766M11.384 44.641c1.055 1.078 2.789 1.078 3.867 0a2.744 2.744 0 0 0 0-3.891c-1.078-1.055-2.812-1.055-3.867 0a2.703 2.703 0 0 0 0 3.89m29.226.117c1.079 1.078 2.79 1.078 3.891 0c1.055-1.055 1.055-2.79 0-3.867c-1.102-1.078-2.812-1.078-3.89 0s-1.079 2.812 0 3.867M28 51.508c1.5 0 2.742-1.219 2.742-2.742A2.76 2.76 0 0 0 28 46.023a2.746 2.746 0 0 0-2.742 2.743A2.73 2.73 0 0 0 28 51.508"/></svg>
Como usar o ícone Sun Min
React
import { Icon } from "@iconify/react";
<Icon icon="f7:sun-min" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:sun-min" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:sun-min" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--sun-min]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:sun-min"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:sun-min"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/f7/sun-min.svg" alt="Ícone Sun Min" width="24" height="24">
Ícones relacionados em Framework7 Icons
Perguntas frequentes sobre Ícone Sun Min
O ícone Sun Min é grátis para uso comercial?
Sim. Framework7 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Sun Min no React?
Instale @iconify/react e renderize <Icon icon="f7:sun-min" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Sun Min a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/f7/sun-min.svg" alt="Ícone Sun Min">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Framework7 Icons →
ICONYZ
