ICONYZ
Español
Icono Mark de IconPark

Icono Mark

icon-park:mark

El icono Mark (icon-park:mark) 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
Viajes
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-linejoin="round" stroke-width="4"><path stroke-linecap="round" d="M11 6V42"/><path fill="#2F88FF" d="M11 9H25L32 12H39C40.1046 12 41 12.8954 41 14V31C41 32.1046 40.1046 33 39 33H32L25 30H11V9Z"/><path stroke-linecap="round" d="M7 42H15"/></g></svg>

Cómo usar el icono Mark

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

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

Iconos relacionados en IconPark

El icono Mark en otras colecciones

Preguntas frecuentes sobre Icono Mark

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

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

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

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

Ver todos los Iconos IconPark →