Icono Animate
thesvg-color:animate
El icono Animate (thesvg-color:animate) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 1146 × 1117. 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
- 1146 × 1117
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1146" height="1117" viewBox="0 0 1146 1117"><g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path fill="none" d="M0 0h1145.83v1116.67H0z"/><path fill="#00005b" fill-rule="nonzero" d="M202.691.767h739.226c112.076 0 202.691 90.62 202.691 202.695V914.07c0 112.071-90.615 202.687-202.691 202.687H202.691C90.616 1116.756 0 1026.14 0 914.069V203.462C0 91.386 90.616.767 202.691.767"/><path fill="#99f" fill-rule="nonzero" d="M313.333 573.55h121.143c-2.862-10.013-6.68-21.943-10.967-34.34a1434 1434 0 0 1-12.88-41.016c-4.772-14.784-9.064-29.09-13.835-43.874c-4.767-14.785-9.059-28.615-12.876-42.445c-3.817-13.351-7.15-25.752-10.488-37.2h-.959c-4.292 20.507-9.538 41.017-16.213 61.518c-7.155 22.894-14.306 46.741-21.94 70.59a936 936 0 0 1-20.985 66.767m149.283 94.903H285.673L249.428 780.53c-.958 4.292-4.77 7.159-9.063 6.676h-90.611c-5.25 0-6.68-2.859-5.25-8.584l154.045-440.19c1.433-4.771 2.863-8.588 4.771-14.784c1.909-10.014 2.859-20.51 2.859-31.003c-.471-2.383 1.433-4.767 3.817-5.242h124.001c3.813 0 5.722 1.425 6.2 3.813L613.796 779.1c1.433 5.246 0 7.63-4.767 7.63H509.35c-3.338.475-6.675-1.909-7.63-5.247zm205.07 111.601V496.761c0-8.58 0-18.598-.478-29.086c-.475-10.972-.475-20.985-.95-30.523c-.48-9.539-.955-18.602-1.43-24.323c-.479-1.434-.479-3.342.95-4.767c1.43-.959 2.863-1.434 4.771-1.434h76.786c2.858 0 5.242.475 7.63 1.434c1.908.95 3.337 2.858 3.817 5.242c.95 2.863 2.383 6.68 3.337 10.492a91.3 91.3 0 0 1 2.859 15.74a158.4 158.4 0 0 1 50.558-29.57c18.597-6.2 38.149-9.538 57.705-9.538c15.263 0 30.523 2.388 44.828 7.155c33.861 10.967 60.568 37.198 72.494 70.58c7.63 19.556 10.488 45.308 10.488 76.31v225.581c0 4.767-1.909 6.676-6.2 6.676l-89.658.958c-3.817.47-7.15-1.908-7.634-5.725V566.395c-.475-14.305-3.333-28.614-9.055-41.495c-4.296-9.538-10.971-18.118-19.56-23.843c-10.009-6.2-20.98-9.06-32.427-8.584c-12.405 0-24.798 1.908-36.245 6.68c-10.496 4.291-20.035 10.488-28.614 18.118v263.258c0 4.771-1.909 6.676-6.205 6.676H674.84c-3.341.483-6.2-1.905-6.675-5.242c-.958-.955-.958-1.434-.48-1.909"/></g></svg>Cómo usar el icono Animate
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:animate" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:animate" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:animate" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--animate]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:animate"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:animate"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/animate.svg" alt="Icono Animate" width="24" height="24">Preguntas frecuentes sobre Icono Animate
¿El icono Animate 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 Animate en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:animate" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Animate a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/animate.svg" alt="Icono Animate">, o pega el código SVG en línea para darle estilo con CSS.