Icono Picture One
icon-park:picture-one
El icono Picture One (icon-park:picture-one) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Edición
- Etiquetas
- pictureone
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M39 6H9C7.34315 6 6 7.34315 6 9V39C6 40.6569 7.34315 42 9 42H39C40.6569 42 42 40.6569 42 39V9C42 7.34315 40.6569 6 39 6Z"/><path fill="#2F88FF" d="M18 23C20.7614 23 23 20.7614 23 18C23 15.2386 20.7614 13 18 13C15.2386 13 13 15.2386 13 18C13 20.7614 15.2386 23 18 23Z"/><path d="M42 36L31 26L21 35L14 29L6 35"/></g></svg>Cómo usar el icono Picture One
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:picture-one" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:picture-one" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:picture-one" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--picture-one]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:picture-one"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:picture-one"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/picture-one.svg" alt="Icono Picture One" width="24" height="24">Iconos relacionados en IconPark
El icono Picture One en otras colecciones
Preguntas frecuentes sobre Icono Picture One
¿El icono Picture One es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Picture One en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:picture-one" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Picture One a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/picture-one.svg" alt="Icono Picture One">, o pega el código SVG en línea para darle estilo con CSS.