ICONYZ
Español
Icono Tape Measure de IconPark

Icono Tape Measure

icon-park:tape-measure

El icono Tape Measure (icon-park:tape-measure) 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
Industria
Etiquetas
tapemeasure
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-width="4"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M13 15V12C13 10.3431 11.6569 9 10 9V9C8.34315 9 7 10.3431 7 12V19"/><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" d="M4 27C4 20.3726 9.37258 15 16 15C22.6274 15 28 20.3726 28 27V39H4V27Z"/><rect width="16" height="12" x="28" y="27" fill="#2F88FF" stroke="#000" stroke-linejoin="round"/><circle cx="16" cy="27" r="4" fill="#43CCF8" stroke="#fff"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M39 27L39 31"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M33 27L33 31"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M30 27H42"/></g></svg>

Cómo usar el icono Tape Measure

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="icon-park:tape-measure"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/icon-park/tape-measure.svg" alt="Icono Tape Measure" width="24" height="24">

Iconos relacionados en IconPark

El icono Tape Measure en otras colecciones

Preguntas frecuentes sobre Icono Tape Measure

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

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

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

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

Ver todos los Iconos IconPark →