ICONYZ
Español
Icono Transloadit de theSVG Color

Icono Transloadit

thesvg-color:transloadit

El icono Transloadit (thesvg-color:transloadit) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 59 × 59. 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
59 × 59
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="59" height="59" viewBox="0 0 59 59"><g fill="none" fill-rule="evenodd"><path fill="#fff" d="M25.445 15.856c-1.072-2.842-1.746-7.386-1.746-8.97a5.48 5.48 0 0 1 10.959 0c0 1.577-.669 6.09-1.736 8.934c9.47.511 22.632 2.937 23.237 6.165c.679 3.637.938 12.781.938 21.754c0 7.782-13.865 12.864-27.597 12.864c-13.739 0-27.597-5.082-27.597-12.864c0-8.973.253-18.117.938-21.754c.589-3.158 13.191-5.55 22.604-6.13z"/><path fill="#0d1419" fill-rule="nonzero" d="M21.73 41.017c0 1.05-.856 1.9-1.906 1.9s-1.906-.85-1.906-1.9a1.91 1.91 0 0 1 1.906-1.906a1.91 1.91 0 0 1 1.906 1.906m14.962 8.584a1.53 1.53 0 0 1-.614 2.065c-.112.053-2.672 1.416-6.596 1.416c-3.93 0-6.46-1.363-6.566-1.422a1.525 1.525 0 0 1-.602-2.07a1.52 1.52 0 0 1 2.059-.602c.053.023 2.03 1.05 5.11 1.05c3.109 0 5.12-1.044 5.144-1.05a1.52 1.52 0 0 1 2.065.613m8.189-8.584a1.904 1.904 0 0 1-3.806 0a1.91 1.91 0 0 1 1.906-1.906c1.05 0 1.9.856 1.9 1.906"/><path fill="#0d1419" fill-rule="nonzero" d="M41.076 44.822a5.72 5.72 0 0 1-5.711-5.71a5.72 5.72 0 0 1 5.71-5.712a5.716 5.716 0 0 1 5.712 5.711c0 3.15-2.56 5.711-5.711 5.711m0-14.278a8.566 8.566 0 0 0-8.567 8.567a8.566 8.566 0 0 0 8.567 8.567a8.566 8.566 0 0 0 8.567-8.567a8.566 8.566 0 0 0-8.567-8.567"/><path fill="#0d1419" fill-rule="nonzero" d="M3.869 43.184c0-8.334.235-16.827.871-20.205c.589-3.155 14.084-5.485 22.918-5.785v-6.05a3.795 3.795 0 0 1 1.518-7.275a3.8 3.8 0 0 1 3.802 3.796a3.79 3.79 0 0 1-2.283 3.478v6.033c8.804.206 22.959 2.572 23.565 5.803c.63 3.378.871 11.871.871 20.205c0 7.227-12.877 11.947-25.631 11.947c-12.76 0-25.631-4.72-25.631-11.947m41.82-28.139c-3.45-.708-7.475-1.245-11.18-1.522v-.472a7.63 7.63 0 0 0 2.283-5.44C36.792 3.416 33.376 0 29.175 0c-4.194 0-7.61 3.416-7.61 7.611c0 2.083.85 4.03 2.283 5.44v.525c-3.528.289-7.287.802-10.538 1.469C5.275 16.691 1.57 18.851.932 22.261C.118 26.615 0 37.258 0 43.218C0 53.465 15.198 59 29.5 59S59 53.466 59 43.218c0-5.96-.124-16.603-.938-20.957c-.638-3.41-4.337-5.57-12.372-7.216z"/><path fill="#0d1419" fill-rule="nonzero" d="M17.918 44.822a5.714 5.714 0 0 1-5.705-5.71c0-3.151 2.56-5.712 5.705-5.712c3.15 0 5.712 2.56 5.712 5.711a5.716 5.716 0 0 1-5.712 5.711m0-14.278c-4.726 0-8.56 3.835-8.56 8.567s3.834 8.567 8.56 8.567a8.566 8.566 0 0 0 8.567-8.567a8.566 8.566 0 0 0-8.567-8.567"/></g></svg>

Cómo usar el icono Transloadit

React

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

<Icon icon="thesvg-color:transloadit" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:transloadit" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:transloadit" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--transloadit]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:transloadit"></div>

Web component

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

<iconify-icon icon="thesvg-color:transloadit"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/transloadit.svg" alt="Icono Transloadit" width="24" height="24">

Preguntas frecuentes sobre Icono Transloadit

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

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

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

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

Ver todos los Iconos theSVG Color →