Icono Runna
thesvg-color:runna
El icono Runna (thesvg-color:runna) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 704 × 221. 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
- 704 × 221
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="704" height="221" viewBox="0 0 704 221"><mask id="SVGyS5OnbhG" width="704" height="221" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M703.388 0H0v220.702h703.388z"/></mask><g mask="url(#SVGyS5OnbhG)"><path d="M265.15 96.462v70.858c0 30.913-23.751 53.346-59.824 53.346s-58.556-22.438-58.556-52.61V96.462h39.995v67.804c0 12.048 8.001 20.034 18.531 20.034c11.955 0 19.828-7.857 19.828-20.034V96.462zm103.774 121.675v-67.681c0-13.561-10.807-20.033-20.446-20.033s-20.322 6.472-20.322 20.033v67.681H288.16V96.461h36.695l1.267 12.79c8.65-10.91 23.381-15.349 37.715-15.349c22.979 0 45.092 16.09 45.092 45.119v79.085h-39.995v.031zm144.053 0v-67.681c0-13.561-10.812-20.033-20.444-20.033c-9.636 0-20.324 6.472-20.324 20.033v67.681h-39.996V96.461h36.692l1.264 12.79c8.652-10.91 23.384-15.349 37.716-15.349c22.98 0 45.092 16.09 45.092 45.119v79.085h-39.996zm151.684.006l-1.268-12.79c-6.98 8.629-18.808 15.348-35.952 15.348c-32.52 0-56.396-26.876-56.396-63.242s23.876-63.49 56.396-63.49c17.14 0 28.972 6.843 35.952 15.349l1.268-12.79h38.728v121.676h-38.728zm-53.992-60.715c0 16.487 10.808 28.015 26.288 28.015c15.476 0 26.284-11.528 26.284-28.015c0-16.486-10.808-27.891-26.284-28.014c-15.504 0-26.288 11.528-26.288 28.014M119.835 53.81c14.89 0 26.964-12.049 26.964-26.908S134.725 0 119.835 0S92.871 12.048 92.871 26.908c0 14.859 12.074 26.907 26.964 26.907zM89.226 160.718c18.284-10.786 30.857-30.789 30.857-53.104c0-36.366-28.447-61.61-65.663-61.61H.74l27.087 35.104h23.69c15.379 0 25.79 10.509 25.79 26.475c0 9.649-4.201 18.031-11.518 22.686l-17.511-22.686H-.002l83.266 110.395h50.159l-44.197-57.296z"/><path fill-opacity=".6" d="M438.035 44.279q-2.132-1.196-3.196-3.28h-.16v3.676h-4.48V6.307h4.532v14.55h.16c.708-1.385 1.764-2.471 3.172-3.249a9.2 9.2 0 0 1 4.556-1.174q3.414 0 6.024 1.761c1.74 1.174 3.084 2.863 4.024 5.061c.944 2.204 1.412 4.763 1.412 7.677q-.001 4.371-1.412 7.677t-3.968 5.087q-2.556 1.785-6.024 1.786a9.33 9.33 0 0 1-4.64-1.2zm9.216-5.73q2.131-2.826 2.132-7.62q-.001-3.197-.956-5.546c-.64-1.565-1.544-2.76-2.72-3.6c-1.172-.833-2.508-1.25-3.996-1.25s-2.868.401-4.024 1.2q-1.734 1.197-2.964 3.701v11.034c.82 1.673 1.804 2.904 2.964 3.702q1.73 1.199 4.024 1.2c2.276 0 4.12-.942 5.548-2.827zm11.073 15.136v-4.104c.748.32 1.532.48 2.344.48c.956 0 1.788-.268 2.476-.799c.696-.535 1.288-1.37 1.788-2.507l2.824-6.555l.052 3.677l-11.564-26.65h5.12l5.968 14.761q.475 1.281.956 2.585t.908 2.584h.208q.16-.64.536-1.652q.641-1.708 1.336-3.517l5.756-14.761h5.06L469.244 47.66q-1.01 2.4-2.128 3.836c-.748.958-1.592 1.663-2.536 2.106q-1.411.663-3.38.664c-1.068 0-2.024-.196-2.88-.587z"/><path d="M500.695 43.749c-3.34-1.081-6.2-2.657-8.584-4.716l6.772-7.996a20.8 20.8 0 0 0 6.344 3.33a22.5 22.5 0 0 0 6.928 1.093q1.655-.002 2.452-.428q.802-.424.8-1.174v-.108c0-.566-.368-1.02-1.092-1.36c-.732-.339-2.124-.72-4.188-1.147q-5.01-1.011-8.364-2.292q-3.359-1.28-5.464-3.65c-1.408-1.58-2.108-3.614-2.108-6.101v-.108c0-2.415.624-4.583 1.864-6.503q1.868-2.88 5.488-4.531c2.416-1.102 5.316-1.653 8.688-1.653q5.438 0 9.616 1.251c2.792.834 5.284 2.121 7.488 3.867l-6.128 8.526a18.7 18.7 0 0 0-5.568-2.796q-3.014-.933-5.836-.931c-.892 0-1.568.144-2.052.427c-.48.283-.724.659-.724 1.117v.108q0 .803 1.068 1.334c.708.355 2.044.73 3.996 1.117c5.364.958 9.404 2.338 12.124 4.13c2.72 1.796 4.076 4.448 4.076 7.97v.108c0 2.63-.684 4.901-2.052 6.822q-2.057 2.878-5.836 4.397q-3.781 1.52-8.9 1.519c-3.872 0-7.48-.54-10.816-1.627zm40.188-26.037h-11.14V7.105h34.912v10.607h-11.088V44.68h-12.684zm27.076-10.607h18.444c6.184 0 10.744 1.421 13.696 4.263c1.136 1.174 1.984 2.477 2.556 3.919c.568 1.436.856 3.12.856 5.035v.108c0 2.667-.64 4.964-1.92 6.905c-1.276 1.936-3.112 3.475-5.488 4.608l7.408 10.766l19.4-37.2l20.468 39.172h-13.592l-6.876-13.696l-6.872 13.696h-25.636l-7.092-10.715h-2.716v10.715h-12.632zm21.692 16.95c.856-.639 1.276-1.545 1.276-2.719v-.108q-.002-1.76-1.276-2.693c-.856-.623-2.044-.931-3.572-.931h-5.492v7.409h5.44c1.564 0 2.768-.32 3.624-.958m42.848-17.001h13.536l6.872 13.695l6.876-13.695h13.592l-20.468 39.172l-20.412-39.172zm50.42-1.55l20.468 39.172h-13.592l-6.876-13.696l-6.872 13.696h-13.536l20.416-39.172z"/></g></svg>Cómo usar el icono Runna
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:runna" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:runna" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:runna" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--runna]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:runna"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:runna"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/runna.svg" alt="Icono Runna" width="24" height="24">El icono Runna en otras colecciones
Preguntas frecuentes sobre Icono Runna
¿El icono Runna 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 Runna en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:runna" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Runna a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/runna.svg" alt="Icono Runna">, o pega el código SVG en línea para darle estilo con CSS.