Ícone Module Flat
streamline-plump-color:module-flat
O ícone Module Flat (streamline-plump-color:module-flat) é um ícone SVG gratuito da coleção Plump color icons de Streamline. Ele é desenhado em uma grade de 48 × 48. Plump color 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
- Plump color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Programação
- Tags
- moduleflat
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><path id="SVG01JF36rt" fill="#8fbffa" d="M24 46.5c-2.837 0-6.696-1.16-10.167-2.452c-3.533-1.315-6.894-2.857-8.82-3.779c-1.483-.71-2.573-2.088-2.81-3.783C1.899 34.313 1.5 30.268 1.5 24c0-6.267.399-10.313.703-12.486C2.44 9.82 3.53 8.44 5.013 7.731c1.926-.922 5.287-2.464 8.82-3.779C17.303 2.66 21.163 1.5 24 1.5s6.696 1.16 10.167 2.452c3.533 1.315 6.894 2.857 8.82 3.779c1.483.71 2.573 2.088 2.81 3.783c.304 2.173.703 6.219.703 12.486s-.399 10.313-.703 12.486c-.237 1.695-1.327 3.074-2.81 3.783c-1.926.922-5.287 2.464-8.82 3.779C30.697 45.34 26.837 46.5 24 46.5"/></defs><g fill="none"><use href="#SVG01JF36rt"/><use href="#SVG01JF36rt"/><path fill="#2859c5" d="M22.5 46.408q.788.091 1.5.092c.712.001.976-.032 1.5-.092V15a1.5 1.5 0 0 0-3 0z"/><path fill="#2859c5" d="M45.45 10.27c-.1.39-.358.743-.777.95c-2.523 1.248-5.068 2.44-7.68 3.513l-.251.104c-3.967 1.632-8.403 3.458-12.742 3.458s-8.776-1.826-12.742-3.458l-.252-.104c-2.612-1.074-5.157-2.265-7.68-3.513a1.45 1.45 0 0 1-.777-.95a5 5 0 0 1 2.055-2.32a115 115 0 0 1 6.313-2.851c.94-.387 1.92-.776 2.915-1.146C17.303 2.66 21.163 1.5 24 1.5s6.696 1.16 10.167 2.452c.996.371 1.98.76 2.92 1.148c2.14.883 4.233 1.843 6.308 2.849a5 5 0 0 1 2.055 2.321"/></g></svg>Como usar o ícone Module Flat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:module-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:module-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:module-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--module-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:module-flat"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:module-flat"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/module-flat.svg" alt="Ícone Module Flat" width="24" height="24">Ícones relacionados em Plump color icons
O ícone Module Flat em outras coleções
Perguntas frequentes sobre Ícone Module Flat
O ícone Module Flat é grátis para uso comercial?
Sim. Plump color 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 Module Flat no React?
Instale @iconify/react e renderize <Icon icon="streamline-plump-color:module-flat" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Module Flat a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/module-flat.svg" alt="Ícone Module Flat">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.