Icono Insert Side Flat
streamline-plump-color:insert-side-flat
El icono Insert Side Flat (streamline-plump-color:insert-side-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
- insertside, sideflat, insertsideflat
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#8fbffa" d="M27.16 3.165C28.361 3.09 30.874 3 36 3s7.639.09 8.84.165c1.016.062 1.976.755 2.097 1.939c.038.363.063.822.063 1.396s-.025 1.033-.063 1.396c-.121 1.184-1.081 1.877-2.097 1.94c-1.201.073-3.714.164-8.84.164s-7.639-.09-8.84-.165c-1.016-.062-1.976-.755-2.097-1.939C25.026 7.532 25 7.074 25 6.5s.026-1.033.063-1.396c.121-1.184 1.081-1.877 2.097-1.94M33 14c-3.151 0-4.904.07-5.867.138c-1.11.078-2.017.887-2.095 2.07c-.023.34-.038.765-.038 1.292s.015.952.038 1.292c.078 1.183.985 1.992 2.095 2.07c.963.068 2.716.138 5.867.138c3.152 0 4.904-.07 5.868-.138c1.109-.078 2.016-.887 2.094-2.07c.023-.34.038-.765.038-1.292s-.015-.951-.038-1.292c-.078-1.183-.985-1.992-2.095-2.07C37.905 14.07 36.153 14 33 14m-5.84 13.165C28.361 27.09 30.874 27 36 27s7.639.09 8.84.165c1.016.062 1.976.755 2.097 1.939c.038.364.063.822.063 1.396s-.025 1.033-.063 1.396c-.121 1.184-1.081 1.877-2.097 1.94c-1.201.073-3.714.164-8.84.164s-7.639-.09-8.84-.165c-1.016-.062-1.976-.755-2.097-1.939A14 14 0 0 1 25 30.5c0-.574.026-1.032.063-1.396c.121-1.184 1.081-1.877 2.097-1.94m-.028 10.973C28.097 38.07 29.85 38 33 38s4.904.07 5.868.138c1.109.078 2.016.887 2.094 2.07c.023.34.038.765.038 1.292s-.015.952-.038 1.292c-.078 1.183-.985 1.992-2.095 2.07c-.963.068-2.715.138-5.867.138c-3.151 0-4.904-.07-5.867-.138c-1.11-.078-2.017-.887-2.095-2.07c-.023-.34-.038-.765-.038-1.292s.015-.951.038-1.292c.078-1.183.985-1.992 2.095-2.07"/><path fill="#2859c5" d="M16.792 2.16C15.402 2.073 13.492 2 11 2s-4.402.073-5.792.16A4.28 4.28 0 0 0 1.16 6.208C1.073 7.598 1 9.508 1 12s.073 4.402.16 5.792a4.28 4.28 0 0 0 4.048 4.048c1.39.087 3.3.16 5.792.16s4.402-.073 5.792-.16a4.28 4.28 0 0 0 4.048-4.048c.087-1.39.16-3.3.16-5.792s-.073-4.402-.16-5.792a4.28 4.28 0 0 0-4.048-4.048m0 24c-1.39-.087-3.3-.16-5.792-.16s-4.402.073-5.792.16a4.28 4.28 0 0 0-4.048 4.048C1.073 31.598 1 33.508 1 36s.073 4.402.16 5.792a4.28 4.28 0 0 0 4.048 4.048c1.39.087 3.3.16 5.792.16s4.402-.073 5.792-.16a4.28 4.28 0 0 0 4.048-4.048c.087-1.39.16-3.3.16-5.792s-.073-4.402-.16-5.792a4.28 4.28 0 0 0-4.048-4.048"/></g></svg>Cómo usar el icono Insert Side Flat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:insert-side-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:insert-side-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:insert-side-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--insert-side-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:insert-side-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:insert-side-flat"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/insert-side-flat.svg" alt="Icono Insert Side Flat" width="24" height="24">Iconos relacionados en Plump color icons
El icono Insert Side Flat en otras colecciones
Preguntas frecuentes sobre Icono Insert Side Flat
¿El icono Insert Side 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 Insert Side Flat en React?
Instala @iconify/react y renderiza <Icon icon="streamline-plump-color:insert-side-flat" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Insert Side 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/insert-side-flat.svg" alt="Icono Insert Side Flat">, o pega el código SVG en línea para darle estilo con CSS.