Ikon Ansible
logos:ansible
Ikon Ansible (logos:ansible) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 315. 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
- 256 × 315
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="315" viewBox="0 0 256 315"><path fill="#1a1918" d="M67.517 313.864c-.542 0-1.126-.137-1.532-.686L48.6 290.316v23.32h-3.964V284.92c0-1.143.946-2.057 2.028-2.057c.63 0 1.17.182 1.575.731l17.34 22.816v-23.227h3.963v28.668c0 1.189-.946 2.012-2.026 2.012m32.79.275c-3.962 0-8.107-.823-11.98-2.286l.946-3.293c3.558 1.144 7.431 1.967 11.034 1.967c5 0 7.612-1.784 7.612-4.298c0-2.286-2.028-3.43-9.008-6.722c-6.981-3.292-9.727-5.394-9.727-9.51c0-5.166 3.962-7.27 11.438-7.27c3.108 0 7.882.64 10.63 1.464l-.63 3.383c-3.02-.731-6.801-1.234-9.91-1.234c-5.268 0-7.43 1.005-7.43 3.52c0 2.469 1.575 3.52 8.962 6.95c7.792 3.612 9.773 5.441 9.773 9.19c0 5.442-5.135 8.139-11.71 8.139m30.492-30.954h4.098v30.45h-4.098zm38.96 16.643h-10.18v10.334h10.18c3.467 0 5.584-2.195 5.584-5.26c0-2.88-2.206-5.074-5.584-5.074m-1.983-13.169h-8.197v9.74h8.197c3.288 0 5.675-2.104 5.675-5.03c0-2.88-2.072-4.71-5.675-4.71m2.028 26.977h-12.25a2.044 2.044 0 0 1-2.073-2.057V285.24c0-1.098.901-2.057 2.073-2.057h10.133c6.215 0 9.908 3.063 9.908 7.864c0 2.606-1.532 5.03-3.874 6.447c3.47 1.052 5.81 3.932 5.81 7.407c0 4.846-4.008 8.733-9.727 8.733m29.409.001c-1.124 0-2.025-.96-2.025-2.057v-28.394h4.097v26.748h16.304v3.703zm46.314.503c-8.377 0-13.421-3.109-13.421-9.373c0-2.972 1.667-5.807 4.91-7.133c-2.613-1.646-3.964-3.978-3.964-6.538c0-5.67 4.37-8.368 12.566-8.368c2.748 0 6.62.32 9.864 1.052l-.451 3.383c-3.422-.549-6.621-.868-9.729-.868c-5.314 0-8.152 1.463-8.152 4.984c0 2.79 2.613 4.984 6.081 4.984h7.025c.991 0 1.757.777 1.757 1.737c0 1.006-.766 1.783-1.757 1.783h-7.565c-3.964 0-6.485 1.965-6.485 4.984c0 4.435 4.098 5.76 9.232 5.76c2.793 0 6.575-.364 9.637-1.096l.587 3.337c-2.928.824-6.757 1.372-10.135 1.372M14.138 288.895l7.178 17.984l-10.84-8.67zm12.751 22.127l-11.04-26.974c-.314-.778-.945-1.19-1.711-1.19a1.84 1.84 0 0 0-1.756 1.19L.264 313.635h4.144l4.798-12.198l14.314 11.74c.576.473.991.686 1.532.686c1.08 0 2.027-.822 2.027-2.01c0-.194-.068-.5-.19-.83m228.99-183.155c0 70.455-57.11 127.565-127.567 127.565c-70.45 0-127.566-57.11-127.566-127.565C.746 57.418 57.862.302 128.312.302c70.456 0 127.567 57.116 127.567 127.566"/><path fill="#fff" d="m130.46 78.229l33.011 81.476l-49.863-39.278zm58.644 100.245L138.326 56.272c-1.45-3.524-4.348-5.39-7.866-5.39c-3.525 0-6.634 1.866-8.084 5.39l-55.732 134.04h19.065l22.062-55.265l65.84 53.19c2.647 2.141 4.558 3.11 7.041 3.11c4.974 0 9.322-3.73 9.322-9.111c0-.876-.31-2.267-.87-3.762"/></svg>Cara memakai ikon Ansible
React
import { Icon } from "@iconify/react";
<Icon icon="logos:ansible" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:ansible" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:ansible" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--ansible]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:ansible"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:ansible"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/ansible.svg" alt="Ikon Ansible" width="24" height="24">Ikon Ansible di set ikon lain
FAQ Ikon Ansible
Apakah ikon Ansible 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 Ansible di React?
Pasang @iconify/react lalu render <Icon icon="logos:ansible" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Ansible ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/ansible.svg" alt="Ikon Ansible">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.