Ikon Eclipse
logos:eclipse
Ikon Eclipse (logos:eclipse) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 121. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 121
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="121" viewBox="0 0 512 121"><defs><linearGradient id="SVGmzkBoeJm" x1="50%" x2="50%" y1="1089.396%" y2="-159.5%"><stop offset="30.33%" stop-color="#473788"/><stop offset="87.2%" stop-color="#2c2255"/></linearGradient><linearGradient id="SVGc35JLeNZ" x1="49.999%" x2="49.999%" y1="896.537%" y2="-352.359%"><stop offset="30.33%" stop-color="#473788"/><stop offset="87.2%" stop-color="#2c2255"/></linearGradient><linearGradient id="SVGZTlqhd2x" x1="49.999%" x2="49.999%" y1="215.17%" y2="-166.715%"><stop offset="30.33%" stop-color="#473788"/><stop offset="86.31%" stop-color="#2c2255"/></linearGradient></defs><path fill="#2c2255" d="M116.9 75.463c-2.434 8.285-6.947 15.712-13.551 22.272c-8.31 8.368-18.01 13.377-29.09 15.049a57 57 0 0 1-8.555.636c-14.709 0-27.287-5.224-37.747-15.685c-6.56-6.562-11.042-13.987-13.458-22.272Zm2.055-12.387a55 55 0 0 1-.556 5.523l-.143.9H13.153q-.452-2.689-.64-5.486l-.054-.937zm-.702-12.387c.302 1.795.52 3.621.644 5.487l.055.936H12.459c.092-1.879.28-3.717.551-5.523l.143-.9zm-1.351-5.965c-2.432-8.308-6.946-15.768-13.553-22.376c-8.29-8.289-17.962-13.262-29.004-14.935a57.5 57.5 0 0 0-8.641-.646c-14.709 0-27.288 5.195-37.747 15.581q-9.843 9.913-13.46 22.376"/><path fill="#f7941e" d="M9.292 60.096c0-28.132 21.128-51.506 48.614-55.618c-.682-.025-1.367-.052-2.056-.052C25.006 4.426 0 29.351 0 60.096s25.005 55.67 55.85 55.67c.691 0 1.376-.027 2.06-.052c-27.49-4.111-48.618-27.486-48.618-55.618M304.579 0h11.108v14.066h-11.108z"/><path fill="#2c2255" d="M362.017 25.223q12.317 0 20.012 9.781q7.697 9.782 7.697 25.717q0 15.941-7.697 25.719q-7.695 9.78-20.012 9.781q-7.425 0-12.769-2.93q-5.344-2.925-8.845-8.965v35.862h-11.168V26.853h11.168v10.264q3.504-6.036 8.845-8.966c3.562-1.949 7.819-2.928 12.769-2.928m-179.704.004q13.645 0 21.583 8.785q7.94 8.778 7.94 23.872v5.432h-51.075q.724 11.473 6.912 17.478q6.19 6.007 17.236 6.006q6.399 0 12.408-1.566c4.005-1.045 7.976-2.617 11.923-4.71V91.03a66.7 66.7 0 0 1-12.256 3.865a61.4 61.4 0 0 1-12.738 1.328q-16.18.001-25.627-9.418c-6.299-6.28-9.448-14.768-9.448-25.474q0-16.603 8.964-26.353q8.966-9.75 24.178-9.75m300.014 0q13.643 0 21.582 8.785q7.937 8.778 7.938 23.872v5.432h-51.074q.722 11.473 6.914 17.478c4.123 4.006 9.872 6.006 17.234 6.006q6.4 0 12.407-1.566c4.006-1.045 7.978-2.617 11.925-4.71V91.03a66.7 66.7 0 0 1-12.258 3.865a61.4 61.4 0 0 1-12.735 1.328q-16.182.001-25.627-9.418c-6.3-6.28-9.45-14.768-9.45-25.474q.002-16.603 8.964-26.353c5.977-6.5 14.04-9.75 24.18-9.75m-232.374-.004q5.134.002 10.023 1.058q4.89 1.056 9.48 3.17v10.383q-4.71-2.595-9.448-3.894a36 36 0 0 0-9.57-1.297q-10.808 0-16.782 6.85c-3.985 4.568-5.977 10.98-5.977 19.228q0 12.377 5.977 19.23c3.983 4.57 9.577 6.85 16.782 6.85q4.828 0 9.57-1.294q4.736-1.298 9.448-3.895v10.261a45.6 45.6 0 0 1-9.63 3.26c-3.323.725-6.851 1.087-10.596 1.087q-15.275 0-24.268-9.6q-8.996-9.596-8.996-25.899q-.001-16.539 9.085-26.02q9.087-9.477 24.902-9.478m170.404-.001q6.159 0 11.592.904q5.436.91 10.025 2.72v10.505a43.5 43.5 0 0 0-9.782-3.623q-5.071-1.206-10.504-1.206q-8.271-.001-12.408 2.536q-4.134 2.535-4.133 7.606c0 2.574.982 4.598 2.956 6.068q2.957 2.202 11.894 4.196l3.802.844c7.888 1.692 13.494 4.074 16.814 7.155q4.983 4.619 4.982 12.887q0 9.419-7.46 14.912c-4.969 3.66-11.8 5.494-20.493 5.494q-5.432 0-11.322-1.056c-3.925-.703-8.057-1.761-12.407-3.17V80.522c4.108 2.137 8.15 3.735 12.136 4.802q5.977 1.6 11.832 1.598c5.234 0 9.256-.893 12.075-2.685q4.225-2.689 4.224-7.576q0-4.528-3.045-6.945q-3.05-2.415-13.376-4.65l-3.861-.904q-10.324-2.173-14.912-6.67t-4.588-12.347q0-9.539 6.762-14.729q6.761-5.193 19.197-5.194M290.611.532v93.937h-11.11V.532zm25.076 26.32V94.47H304.58V26.853zm43.61 7.67q-8.815 0-13.854 6.972q-5.042 6.974-5.043 19.227q0 12.259 5.043 19.23q5.039 6.973 13.855 6.971q8.816 0 13.856-6.972q5.042-6.97 5.042-19.229q0-12.255-5.042-19.227q-5.04-6.973-13.856-6.972m-176.862.12q-9.297 0-14.881 5.254q-5.586 5.251-6.43 14.789l39.604-.06q-.123-9.116-5.102-14.548q-4.982-5.435-13.19-5.434m300.012 0q-9.298 0-14.881 5.254c-3.723 3.5-5.87 8.431-6.43 14.789l39.603-.06c-.083-6.077-1.78-10.927-5.103-14.548q-4.984-5.435-13.19-5.434"/><path fill="url(#SVGmzkBoeJm)" d="M72.61 6.633A36.3 36.3 0 0 0 71.506.21H1.232A36.3 36.3 0 0 0 .13 6.633z" transform="translate(29.337 50.478)"/><path fill="url(#SVGc35JLeNZ)" d="M72.61 12.598H.13a36 36 0 0 0 1.102 6.423h70.276a36.3 36.3 0 0 0 1.101-6.423" transform="translate(29.337 50.478)"/><path fill="url(#SVGZTlqhd2x)" d="M36.37 45.99c14.594 0 27.174-8.599 32.967-21.004H3.402C9.195 37.39 21.775 45.99 36.37 45.99" transform="translate(29.337 50.478)"/><path fill="#fff" d="M118.241 69.498a53 53 0 0 1-1.41 5.965H14.499c-.582-1.944-.989-3.936-1.346-5.965Zm.62-12.387a53 53 0 0 1 .097 3.1q-.002 1.441-.078 2.865H12.44a54 54 0 0 1-.078-2.866c0-1.04.038-2.073.097-3.1Zm-2.378-12.387a53 53 0 0 1 1.434 5.965H13.153c.367-2.03.75-4.023 1.342-5.965Z"/></svg>Cara memakai ikon Eclipse
React
import { Icon } from "@iconify/react";
<Icon icon="logos:eclipse" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:eclipse" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:eclipse" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--eclipse]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:eclipse"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:eclipse"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/eclipse.svg" alt="Ikon Eclipse" width="24" height="24">Ikon terkait di SVG Logos
Ikon Eclipse di set ikon lain
FAQ Ikon Eclipse
Apakah ikon Eclipse gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Eclipse di React?
Pasang @iconify/react lalu render <Icon icon="logos:eclipse" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Eclipse ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/eclipse.svg" alt="Ikon Eclipse">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.