ICONYZ
Español
Icono Transparent Flat de Plump color icons

Icono Transparent Flat

streamline-plump-color:transparent-flat

El icono Transparent Flat (streamline-plump-color:transparent-flat) es un icono SVG gratuito de la colección Plump color icons de Streamline. Está dibujado en una cuadrícula de 48 × 48. Plump color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Plump color icons
Autor
Streamline
Licencia
CC-BY-4.0
Tamaño
48 × 48
Categoría
Interfaz esencial
Etiquetas
transparentflat
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2859c5" d="M28 10c-5.166 0-8.966.172-11.56.357c-3.3.236-5.847 2.782-6.083 6.084C10.172 19.034 10 22.834 10 28s.172 8.966.357 11.56c.236 3.3 2.782 5.847 6.084 6.083C19.034 45.828 22.834 46 28 46s8.966-.172 11.56-.357c3.3-.236 5.847-2.782 6.083-6.084C45.828 36.966 46 33.166 46 28s-.172-8.966-.357-11.56c-.236-3.3-2.782-5.847-6.084-6.083C36.966 10.172 33.166 10 28 10"/><path fill="#8fbffa" d="M19 1.5c-5.166 0-8.966.172-11.56.357c-3.3.236-5.847 2.782-6.083 6.084C1.172 10.534 1 14.334 1 19.5s.172 8.966.357 11.56c.236 3.3 2.782 5.847 6.084 6.083c2.593.185 6.393.357 11.559.357s8.966-.172 11.56-.357c3.3-.236 5.847-2.782 6.083-6.084c.185-2.593.357-6.393.357-11.559s-.172-8.966-.357-11.56c-.236-3.3-2.782-5.847-6.084-6.083C27.966 1.672 24.166 1.5 19 1.5"/><path fill="#2859c5" fill-rule="evenodd" d="M28 13c-5.1 0-8.828.17-11.346.35c-1.813.13-3.175 1.491-3.304 3.304C13.17 19.172 13 22.9 13 28c0 2.035.027 3.85.071 5.459a1.5 1.5 0 0 1-2.999.082A202 202 0 0 1 10 28c0-5.166.172-8.966.357-11.56c.236-3.3 2.782-5.847 6.084-6.083C19.034 10.172 22.834 10 28 10c2.061 0 3.905.027 5.541.072a1.5 1.5 0 1 1-.082 2.999A200 200 0 0 0 28 13" clip-rule="evenodd"/><path fill="#2859c5" fill-rule="evenodd" d="M5.94 5.94a1.5 1.5 0 0 1 2.12 0l24 24a1.5 1.5 0 0 1-2.12 2.12l-24-24a1.5 1.5 0 0 1 0-2.12m11-3a1.5 1.5 0 0 1 2.12 0l16 16a1.5 1.5 0 0 1-2.12 2.12l-16-16a1.5 1.5 0 0 1 0-2.12m4.62 32.62a1.5 1.5 0 0 1-2.12 0l-16-16a1.5 1.5 0 0 1 2.12-2.12l16 16a1.5 1.5 0 0 1 0 2.12" clip-rule="evenodd"/></g></svg>

Cómo usar el icono Transparent Flat

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-plump-color:transparent-flat" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-plump-color:transparent-flat" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-plump-color:transparent-flat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--transparent-flat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:transparent-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:transparent-flat"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/transparent-flat.svg" alt="Icono Transparent Flat" width="24" height="24">

Iconos relacionados en Plump color icons

El icono Transparent Flat en otras colecciones

Preguntas frecuentes sobre Icono Transparent Flat

¿El icono Transparent Flat es gratis para uso comercial?

Sí. Plump color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Transparent Flat en React?

Instala @iconify/react y renderiza <Icon icon="streamline-plump-color:transparent-flat" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Transparent Flat a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/transparent-flat.svg" alt="Icono Transparent Flat">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Plump color icons →