Icono Border Frame
streamline-plump:border-frame
El icono Border Frame (streamline-plump:border-frame) es un icono SVG gratuito de la colección Plump free icons de Streamline. Está dibujado en una cuadrícula de 48 × 48. Plump free 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 free icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 48 × 48
- Categoría
- Interfaz esencial
- Etiquetas
- borderframe
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M24 18v12m6-6H18M3 24h8M24 3v8m21 13h-8M24 45v-8M44.461 8.257c-.208-2.555-2.163-4.51-4.718-4.718C36.515 3.277 31.364 3 24 3s-12.515.277-15.743.539c-2.555.208-4.51 2.163-4.718 4.718C3.277 11.485 3 16.636 3 24s.277 12.515.539 15.743c.208 2.555 2.163 4.51 4.718 4.718C11.485 44.723 16.636 45 24 45s12.515-.277 15.743-.539c2.555-.208 4.51-2.163 4.718-4.718C44.723 36.515 45 31.364 45 24s-.277-12.515-.539-15.743"/></svg>Cómo usar el icono Border Frame
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:border-frame" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:border-frame" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:border-frame" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--border-frame]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:border-frame"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:border-frame"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/border-frame.svg" alt="Icono Border Frame" width="24" height="24">Iconos relacionados en Plump free icons
El icono Border Frame en otras colecciones
Preguntas frecuentes sobre Icono Border Frame
¿El icono Border Frame es gratis para uso comercial?
Sí. Plump free 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 Border Frame en React?
Instala @iconify/react y renderiza <Icon icon="streamline-plump:border-frame" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Border Frame a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-plump/border-frame.svg" alt="Icono Border Frame">, o pega el código SVG en línea para darle estilo con CSS.