Icono Historic
maki:historic
El icono Historic (maki:historic) es un icono SVG gratuito de la colección Maki de Mapbox. Está dibujado en una cuadrícula de 15 × 15. Maki icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M7.5 1c-1 0-1 1-2 1H2c-.545 0-1 .455-1 1v7c0 .545.455 1 1 1h5v2.5s0 .5.5.5s.5-.5.5-.5V11h5c.545 0 1-.455 1-1V3c0-.545-.455-1-1-1H9.5c-1 0-1-1-2-1M3 5V4h9v1zm0 1h4v1H3zm0 2h7v1H3z"/></svg>Cómo usar el icono Historic
React
import { Icon } from "@iconify/react";
<Icon icon="maki:historic" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="maki:historic" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="maki:historic" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[maki--historic]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/maki -->
<div class="i-maki:historic"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="maki:historic"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/maki/historic.svg" alt="Icono Historic" width="24" height="24">El icono Historic en otras colecciones
Preguntas frecuentes sobre Icono Historic
¿El icono Historic es gratis para uso comercial?
Sí. Maki icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Historic en React?
Instala @iconify/react y renderiza <Icon icon="maki:historic" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Historic a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/maki/historic.svg" alt="Icono Historic">, o pega el código SVG en línea para darle estilo con CSS.