ICONYZ
Español
Icono Tips One de IconPark

Icono Tips One

icon-park:tips-one

El icono Tips One (icon-park:tips-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
Comunicar
Etiquetas
tipsone, tip
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-linecap="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" d="M44 8H4V38H19L24 43L29 38H44V8Z"/><path stroke="#fff" d="M24 23V32"/><path stroke="#fff" d="M24 16V17"/></g></svg>

Cómo usar el icono Tips One

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:tips-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:tips-one"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/icon-park/tips-one.svg" alt="Icono Tips One" width="24" height="24">

Iconos relacionados en IconPark

El icono Tips One en otras colecciones

Preguntas frecuentes sobre Icono Tips One

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

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

¿Cómo añado el icono Tips 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/tips-one.svg" alt="Icono Tips One">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos IconPark →