Ikon Animate
thesvg-color:animate
Ikon Animate (thesvg-color:animate) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 1146 × 1117. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 1146 × 1117
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/animate.svg" alt="Ikon Animate" width="24" height="24">FAQ Ikon Animate
Apakah ikon Animate gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Animate di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:animate" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Animate ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/animate.svg" alt="Ikon Animate">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.