Icono Typora
thesvg-color:typora
El icono Typora (thesvg-color:typora) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 24 × 24. theSVG Color icons se publican bajo la licencia MIT, 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
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m11.655.114l-3.029.01l-.798.002q-.336.002-.672.01a10 10 0 0 0-1.463.129a4.9 4.9 0 0 0-1.39.457a4.68 4.68 0 0 0-2.046 2.04c-.227.444-.37.9-.46 1.388a10 10 0 0 0-.127 1.46q-.01.334-.01.67c-.002.265-.016.595-.016.86v5.318l.014 3.05l.002.798q0 .336.01.67c.013.489.042.98.129 1.463c.088.49.23.945.458 1.39a4.67 4.67 0 0 0 2.045 2.042c.445.226.901.37 1.391.458a10 10 0 0 0 1.463.128q.336.01.672.01l.798.002h8.419l.797-.002q.336 0 .67-.01a10 10 0 0 0 1.46-.128a5 5 0 0 0 1.389-.458a4.67 4.67 0 0 0 2.042-2.043c.226-.444.37-.9.457-1.39c.087-.482.115-.973.129-1.46q.008-.337.01-.672l.001-.797V7.076l-.001-.796a31 31 0 0 0-.01-.67a10 10 0 0 0-.129-1.46a5 5 0 0 0-.457-1.388A4.67 4.67 0 0 0 21.36.722a5 5 0 0 0-1.388-.457a10 10 0 0 0-1.46-.129a32 32 0 0 0-.671-.01l-.797-.001L13.96.114zm-6.267 5.1h.977a.489.489 0 0 1 0 .977h-.977a.489.489 0 0 1 0-.977m13.89 0h.978a.489.489 0 0 1 0 .977h-.977a.489.489 0 0 1 0-.977m-11.41.108h9.907c.087 0 .16.07.162.158l.088 2.65v.006c0 .09-.073.162-.163.162h-.406q-.156-.933-.468-1.397q-.312-.462-.956-.632q-.645-.169-1.81-.203l-.533-.016v9.466c0 .264.048.47.118.62q.102.223.435.327c.222.068.508.125.973.17v.465c0 .09-.073.162-.163.162h-4.454a.163.163 0 0 1-.163-.162v-.466c.465-.044.744-.1.962-.17q.33-.102.431-.326a1.5 1.5 0 0 0 .126-.62V6.05l-.532.016q-1.158.033-1.806.203t-.96.632q-.313.464-.468 1.397h-.412a.163.163 0 0 1-.158-.168l.088-2.65a.163.163 0 0 1 .163-.158m-2.48 2.17h.976a.489.489 0 1 1 0 .977H5.39a.488.488 0 0 1 0-.976m13.89 0h.977a.489.489 0 1 1 0 .977h-.977a.488.488 0 0 1 0-.976M5.39 9.664h5.1a.489.489 0 1 1 0 .977h-5.1a.489.489 0 0 1 0-.977m9.767 0h5.1a.489.489 0 1 1 0 .977h-5.1a.489.489 0 0 1 0-.977m-9.768 2.28h5.1a.489.489 0 1 1 0 .977h-5.1a.489.489 0 0 1 0-.977m9.768 0h5.1a.489.489 0 1 1 0 .977h-5.1a.489.489 0 0 1 0-.977m-9.768 2.17h5.1a.489.489 0 1 1 0 .977h-5.1a.489.489 0 0 1 0-.977m9.768 0h5.1a.489.489 0 1 1 0 .977h-5.1a.489.489 0 0 1 0-.977m-9.768 2.28h3.69a.488.488 0 0 1 0 .976h-3.69a.489.489 0 0 1 0-.977m11.179 0h3.69a.488.488 0 0 1 0 .976h-3.69a.489.489 0 1 1 0-.977M2.479 2.33a4.7 4.7 0 0 0-1.42 1.174c-.31.38-.556.808-.732 1.265a5 5 0 0 0-.311 1.428A10 10 0 0 0 .04 7.662q.026.334.06.668c.026.264.047.593.075.857l.312 2.97l.243 2.319l.333 3.032q.04.396.085.793q.036.334.08.667c.064.483.144.97.28 1.44c.14.478.33.915.602 1.334a4.67 4.67 0 0 0 2.247 1.818c.466.178.935.273 1.432.31a10 10 0 0 0 1.468-.025q.334-.028.67-.06l.793-.083l3.04-.32l2.3-.24l3.033-.32l.792-.084q.334-.037.666-.08c.38-.05.764-.11 1.14-.202a11 11 0 0 1-1.272.098a32 32 0 0 1-.67.01l-.797.001H7.737a32 32 0 0 1-.672-.01a10 10 0 0 1-1.463-.13a5 5 0 0 1-1.392-.458a4.68 4.68 0 0 1-2.045-2.042c-.226-.445-.37-.9-.458-1.39a10 10 0 0 1-.13-1.462a32 32 0 0 1-.01-.671v-.797l-.014-3.05V7.236c0-.265.014-.595.015-.86a32 32 0 0 1 .01-.67c.013-.488.042-.979.129-1.46c.088-.489.232-.944.458-1.388q.14-.275.315-.528"/></svg>Cómo usar el icono Typora
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:typora" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:typora" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:typora" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--typora]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:typora"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:typora"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/typora.svg" alt="Icono Typora" width="24" height="24">Preguntas frecuentes sobre Icono Typora
¿El icono Typora es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Typora en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:typora" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Typora a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/typora.svg" alt="Icono Typora">, o pega el código SVG en línea para darle estilo con CSS.