Ansible icon
logos:ansible
The Ansible icon (logos:ansible) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 315 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 315
SVG code
<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>
How to use the Ansible icon
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>
HTML image
<img src="https://iconyz.com/api/public/svg/logos/ansible.svg" alt="Ansible icon" width="24" height="24">
Ansible icon in other icon sets
Ansible icon FAQ
Is the Ansible icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Ansible icon in React?
Install @iconify/react and render <Icon icon="logos:ansible" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ansible icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/ansible.svg" alt="Ansible icon">, or paste the SVG code inline to style it with CSS.
Browse all SVG Logos icons →
ICONYZ
