Icono Personal Collection
icon-park:personal-collection
El icono Personal Collection (icon-park:personal-collection) 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
- Personas
- Etiquetas
- personalcollection
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"><circle cx="24" cy="11" r="7" fill="#2F88FF"/><path d="M4 41C4 32.1634 12.0589 25 22 25"/><path fill="#2F88FF" d="M31.85 28C29.7237 28 28 30.0086 28 32.4864C28 36.9727 32.55 41.0513 35 42C37.45 41.0513 42 36.9727 42 32.4864C42 30.0086 40.2763 28 38.15 28C36.8479 28 35.6967 28.7533 35 29.9062C34.3033 28.7533 33.1521 28 31.85 28Z"/></g></svg>Cómo usar el icono Personal Collection
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:personal-collection" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:personal-collection" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:personal-collection" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--personal-collection]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:personal-collection"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:personal-collection"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/personal-collection.svg" alt="Icono Personal Collection" width="24" height="24">Iconos relacionados en IconPark
El icono Personal Collection en otras colecciones
Preguntas frecuentes sobre Icono Personal Collection
¿El icono Personal Collection 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 Personal Collection en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:personal-collection" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Personal Collection a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/personal-collection.svg" alt="Icono Personal Collection">, o pega el código SVG en línea para darle estilo con CSS.