ICONYZ
Español
Icono Press de IconPark

Icono Press

icon-park:press

El icono Press (icon-park:press) 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
Manos
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" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M22 43C17.2742 41.2327 13.3325 35.1851 11.3597 31.6428C10.5079 30.1134 10.9566 28.2347 12.3236 27.1411C13.8473 25.9222 16.0438 26.0438 17.4236 27.4236L19 29V17.5C19 16.1193 20.1193 15 21.5 15C22.8807 15 24 16.1193 24 17.5V23.5C24 22.1193 25.1193 21 26.5 21C27.8807 21 29 22.1193 29 23.5V25.5C29 24.1193 30.1193 23 31.5 23C32.8807 23 34 24.1193 34 25.5V27.5C34 26.1193 35.1193 25 36.5 25C37.8807 25 39 26.1193 39 27.5V35.368C39 36.4383 38.7354 37.496 38.1185 38.3707C37.0949 39.8219 35.255 42.0336 33 43C29.5 44.5 26.3701 44.6343 22 43Z"/><path d="M29 12C29 7.58172 25.4183 4 21 4C16.5817 4 13 7.58172 13 12C13 12.6906 13.0875 13.3608 13.252 14M13.252 14C13.3403 14.3428 13.4506 14.6766 13.5815 15L13.252 14Z"/></g></svg>

Cómo usar el icono Press

React

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

<Icon icon="icon-park:press" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:press" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:press" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--press]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:press"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="icon-park:press"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/icon-park/press.svg" alt="Icono Press" width="24" height="24">

El icono Press en otras colecciones

Preguntas frecuentes sobre Icono Press

¿El icono Press 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 Press en React?

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

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

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/press.svg" alt="Icono Press">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos IconPark →