ansible logo

ansible-wordmark from Devicon by konpa · Wordmark · MIT Free for personal and commercial use.

Name: ansible-wordmark
Set: Devicon
Style: Wordmark
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

ansibleCoreUI Brands ansibleSVG Logos ansibleMaterial Design Icons ansibleSimple Icons ansibleSkill Icons

Use the ansible logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1a1918" d="M40.1 125.86q-.3 0-.6-.3l-6.9-9v9.2H31v-11.3c0-.5.4-.8.8-.8c.2 0 .5.1.6.3l6.9 9v-9.2h1.6v11.3c0 .5-.4.8-.8.8m12.9.1c-1.6 0-3.2-.3-4.7-.9l.4-1.3c1.4.5 2.9.8 4.4.8c2 0 3-.7 3-1.7c0-.9-.8-1.4-3.6-2.7s-3.8-2.1-3.8-3.8c0-2 1.6-2.9 4.5-2.9c1.2 0 3.1.3 4.2.6l-.2 1.3c-1.2-.3-2.7-.5-3.9-.5c-2.1 0-2.9.4-2.9 1.4s.6 1.4 3.5 2.7c3.1 1.4 3.9 2.1 3.9 3.6c-.1 2.4-2.2 3.4-4.8 3.4m12.1-12.2h1.6v12h-1.6zm15.4 6.6h-4v4.1h4c1.4 0 2.2-.9 2.2-2.1c0-1.1-.9-2-2.2-2m-.8-5.2h-3.2v3.8h3.2c1.3 0 2.2-.8 2.2-2c0-1.1-.8-1.8-2.2-1.8m.8 10.6h-4.8c-.5 0-.8-.4-.8-.8v-10.4c0-.4.4-.8.8-.8h4c2.5 0 3.9 1.2 3.9 3.1c0 1-.6 2-1.5 2.5c1.4.4 2.3 1.6 2.3 2.9c-.1 2-1.7 3.5-3.9 3.5m11.6 0c-.4 0-.8-.4-.8-.8v-11.2h1.6v10.6h6.4v1.5zm18.3.2c-3.3 0-5.3-1.2-5.3-3.7c0-1.2.7-2.3 1.9-2.8c-1-.7-1.6-1.6-1.6-2.6c0-2.2 1.7-3.3 5-3.3c1.1 0 2.6.1 3.9.4l-.2 1.3c-1.4-.2-2.6-.3-3.8-.3c-2.1 0-3.2.6-3.2 2c0 1.1 1 2 2.4 2h2.8c.4 0 .7.3.7.7s-.3.7-.7.7h-3c-1.6 0-2.6.8-2.6 2c0 1.8 1.6 2.3 3.6 2.3c1.1 0 2.6-.1 3.8-.4l.2 1.3c-1 .2-2.6.4-3.9.4m-91.4-9.9l2.8 7.1l-4.3-3.4zm5 8.7l-4.4-10.7c-.1-.3-.4-.5-.7-.5s-.6.2-.7.5l-4.8 11.7H15l1.9-4.8l5.7 4.6q.3.3.6.3c.4 0 .8-.3.8-.8c.1 0 .1-.2 0-.3m90.5-72.36c0 27.8-22.6 50.4-50.4 50.4S13.7 80.2 13.7 52.4S36.3 2 64.1 2s50.4 22.6 50.4 50.4"/><path fill="#fff" d="M64.9 32.8L78 65L58.3 49.5zm23.2 39.6l-20-48.3c-.6-1.4-1.7-2.1-3.1-2.1s-2.6.7-3.2 2.1l-22 53h7.5L56 55.2l26 21c1 .8 1.8 1.2 2.8 1.2c2 0 3.7-1.5 3.7-3.6c0-.3-.2-.8-.4-1.4"/></svg>

React

import type { SVGProps } from "react";

export function DeviconAnsibleWordmark(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1a1918" d="M40.1 125.86q-.3 0-.6-.3l-6.9-9v9.2H31v-11.3c0-.5.4-.8.8-.8c.2 0 .5.1.6.3l6.9 9v-9.2h1.6v11.3c0 .5-.4.8-.8.8m12.9.1c-1.6 0-3.2-.3-4.7-.9l.4-1.3c1.4.5 2.9.8 4.4.8c2 0 3-.7 3-1.7c0-.9-.8-1.4-3.6-2.7s-3.8-2.1-3.8-3.8c0-2 1.6-2.9 4.5-2.9c1.2 0 3.1.3 4.2.6l-.2 1.3c-1.2-.3-2.7-.5-3.9-.5c-2.1 0-2.9.4-2.9 1.4s.6 1.4 3.5 2.7c3.1 1.4 3.9 2.1 3.9 3.6c-.1 2.4-2.2 3.4-4.8 3.4m12.1-12.2h1.6v12h-1.6zm15.4 6.6h-4v4.1h4c1.4 0 2.2-.9 2.2-2.1c0-1.1-.9-2-2.2-2m-.8-5.2h-3.2v3.8h3.2c1.3 0 2.2-.8 2.2-2c0-1.1-.8-1.8-2.2-1.8m.8 10.6h-4.8c-.5 0-.8-.4-.8-.8v-10.4c0-.4.4-.8.8-.8h4c2.5 0 3.9 1.2 3.9 3.1c0 1-.6 2-1.5 2.5c1.4.4 2.3 1.6 2.3 2.9c-.1 2-1.7 3.5-3.9 3.5m11.6 0c-.4 0-.8-.4-.8-.8v-11.2h1.6v10.6h6.4v1.5zm18.3.2c-3.3 0-5.3-1.2-5.3-3.7c0-1.2.7-2.3 1.9-2.8c-1-.7-1.6-1.6-1.6-2.6c0-2.2 1.7-3.3 5-3.3c1.1 0 2.6.1 3.9.4l-.2 1.3c-1.4-.2-2.6-.3-3.8-.3c-2.1 0-3.2.6-3.2 2c0 1.1 1 2 2.4 2h2.8c.4 0 .7.3.7.7s-.3.7-.7.7h-3c-1.6 0-2.6.8-2.6 2c0 1.8 1.6 2.3 3.6 2.3c1.1 0 2.6-.1 3.8-.4l.2 1.3c-1 .2-2.6.4-3.9.4m-91.4-9.9l2.8 7.1l-4.3-3.4zm5 8.7l-4.4-10.7c-.1-.3-.4-.5-.7-.5s-.6.2-.7.5l-4.8 11.7H15l1.9-4.8l5.7 4.6q.3.3.6.3c.4 0 .8-.3.8-.8c.1 0 .1-.2 0-.3m90.5-72.36c0 27.8-22.6 50.4-50.4 50.4S13.7 80.2 13.7 52.4S36.3 2 64.1 2s50.4 22.6 50.4 50.4"/><path fill="#fff" d="M64.9 32.8L78 65L58.3 49.5zm23.2 39.6l-20-48.3c-.6-1.4-1.7-2.1-3.1-2.1s-2.6.7-3.2 2.1l-22 53h7.5L56 55.2l26 21c1 .8 1.8 1.2 2.8 1.2c2 0 3.7-1.5 3.7-3.6c0-.3-.2-.8-.4-1.4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1a1918" d="M40.1 125.86q-.3 0-.6-.3l-6.9-9v9.2H31v-11.3c0-.5.4-.8.8-.8c.2 0 .5.1.6.3l6.9 9v-9.2h1.6v11.3c0 .5-.4.8-.8.8m12.9.1c-1.6 0-3.2-.3-4.7-.9l.4-1.3c1.4.5 2.9.8 4.4.8c2 0 3-.7 3-1.7c0-.9-.8-1.4-3.6-2.7s-3.8-2.1-3.8-3.8c0-2 1.6-2.9 4.5-2.9c1.2 0 3.1.3 4.2.6l-.2 1.3c-1.2-.3-2.7-.5-3.9-.5c-2.1 0-2.9.4-2.9 1.4s.6 1.4 3.5 2.7c3.1 1.4 3.9 2.1 3.9 3.6c-.1 2.4-2.2 3.4-4.8 3.4m12.1-12.2h1.6v12h-1.6zm15.4 6.6h-4v4.1h4c1.4 0 2.2-.9 2.2-2.1c0-1.1-.9-2-2.2-2m-.8-5.2h-3.2v3.8h3.2c1.3 0 2.2-.8 2.2-2c0-1.1-.8-1.8-2.2-1.8m.8 10.6h-4.8c-.5 0-.8-.4-.8-.8v-10.4c0-.4.4-.8.8-.8h4c2.5 0 3.9 1.2 3.9 3.1c0 1-.6 2-1.5 2.5c1.4.4 2.3 1.6 2.3 2.9c-.1 2-1.7 3.5-3.9 3.5m11.6 0c-.4 0-.8-.4-.8-.8v-11.2h1.6v10.6h6.4v1.5zm18.3.2c-3.3 0-5.3-1.2-5.3-3.7c0-1.2.7-2.3 1.9-2.8c-1-.7-1.6-1.6-1.6-2.6c0-2.2 1.7-3.3 5-3.3c1.1 0 2.6.1 3.9.4l-.2 1.3c-1.4-.2-2.6-.3-3.8-.3c-2.1 0-3.2.6-3.2 2c0 1.1 1 2 2.4 2h2.8c.4 0 .7.3.7.7s-.3.7-.7.7h-3c-1.6 0-2.6.8-2.6 2c0 1.8 1.6 2.3 3.6 2.3c1.1 0 2.6-.1 3.8-.4l.2 1.3c-1 .2-2.6.4-3.9.4m-91.4-9.9l2.8 7.1l-4.3-3.4zm5 8.7l-4.4-10.7c-.1-.3-.4-.5-.7-.5s-.6.2-.7.5l-4.8 11.7H15l1.9-4.8l5.7 4.6q.3.3.6.3c.4 0 .8-.3.8-.8c.1 0 .1-.2 0-.3m90.5-72.36c0 27.8-22.6 50.4-50.4 50.4S13.7 80.2 13.7 52.4S36.3 2 64.1 2s50.4 22.6 50.4 50.4"/><path fill="#fff" d="M64.9 32.8L78 65L58.3 49.5zm23.2 39.6l-20-48.3c-.6-1.4-1.7-2.1-3.1-2.1s-2.6.7-3.2 2.1l-22 53h7.5L56 55.2l26 21c1 .8 1.8 1.2 2.8 1.2c2 0 3.7-1.5 3.7-3.6c0-.3-.2-.8-.4-1.4"/></svg>
</template>

CSS

.icon-ansible-wordmark {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%231a1918%22%20d%3D%22M40.1%20125.86q-.3%200-.6-.3l-6.9-9v9.2H31v-11.3c0-.5.4-.8.8-.8c.2%200%20.5.1.6.3l6.9%209v-9.2h1.6v11.3c0%20.5-.4.8-.8.8m12.9.1c-1.6%200-3.2-.3-4.7-.9l.4-1.3c1.4.5%202.9.8%204.4.8c2%200%203-.7%203-1.7c0-.9-.8-1.4-3.6-2.7s-3.8-2.1-3.8-3.8c0-2%201.6-2.9%204.5-2.9c1.2%200%203.1.3%204.2.6l-.2%201.3c-1.2-.3-2.7-.5-3.9-.5c-2.1%200-2.9.4-2.9%201.4s.6%201.4%203.5%202.7c3.1%201.4%203.9%202.1%203.9%203.6c-.1%202.4-2.2%203.4-4.8%203.4m12.1-12.2h1.6v12h-1.6zm15.4%206.6h-4v4.1h4c1.4%200%202.2-.9%202.2-2.1c0-1.1-.9-2-2.2-2m-.8-5.2h-3.2v3.8h3.2c1.3%200%202.2-.8%202.2-2c0-1.1-.8-1.8-2.2-1.8m.8%2010.6h-4.8c-.5%200-.8-.4-.8-.8v-10.4c0-.4.4-.8.8-.8h4c2.5%200%203.9%201.2%203.9%203.1c0%201-.6%202-1.5%202.5c1.4.4%202.3%201.6%202.3%202.9c-.1%202-1.7%203.5-3.9%203.5m11.6%200c-.4%200-.8-.4-.8-.8v-11.2h1.6v10.6h6.4v1.5zm18.3.2c-3.3%200-5.3-1.2-5.3-3.7c0-1.2.7-2.3%201.9-2.8c-1-.7-1.6-1.6-1.6-2.6c0-2.2%201.7-3.3%205-3.3c1.1%200%202.6.1%203.9.4l-.2%201.3c-1.4-.2-2.6-.3-3.8-.3c-2.1%200-3.2.6-3.2%202c0%201.1%201%202%202.4%202h2.8c.4%200%20.7.3.7.7s-.3.7-.7.7h-3c-1.6%200-2.6.8-2.6%202c0%201.8%201.6%202.3%203.6%202.3c1.1%200%202.6-.1%203.8-.4l.2%201.3c-1%20.2-2.6.4-3.9.4m-91.4-9.9l2.8%207.1l-4.3-3.4zm5%208.7l-4.4-10.7c-.1-.3-.4-.5-.7-.5s-.6.2-.7.5l-4.8%2011.7H15l1.9-4.8l5.7%204.6q.3.3.6.3c.4%200%20.8-.3.8-.8c.1%200%20.1-.2%200-.3m90.5-72.36c0%2027.8-22.6%2050.4-50.4%2050.4S13.7%2080.2%2013.7%2052.4S36.3%202%2064.1%202s50.4%2022.6%2050.4%2050.4%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M64.9%2032.8L78%2065L58.3%2049.5zm23.2%2039.6l-20-48.3c-.6-1.4-1.7-2.1-3.1-2.1s-2.6.7-3.2%202.1l-22%2053h7.5L56%2055.2l26%2021c1%20.8%201.8%201.2%202.8%201.2c2%200%203.7-1.5%203.7-3.6c0-.3-.2-.8-.4-1.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%231a1918%22%20d%3D%22M40.1%20125.86q-.3%200-.6-.3l-6.9-9v9.2H31v-11.3c0-.5.4-.8.8-.8c.2%200%20.5.1.6.3l6.9%209v-9.2h1.6v11.3c0%20.5-.4.8-.8.8m12.9.1c-1.6%200-3.2-.3-4.7-.9l.4-1.3c1.4.5%202.9.8%204.4.8c2%200%203-.7%203-1.7c0-.9-.8-1.4-3.6-2.7s-3.8-2.1-3.8-3.8c0-2%201.6-2.9%204.5-2.9c1.2%200%203.1.3%204.2.6l-.2%201.3c-1.2-.3-2.7-.5-3.9-.5c-2.1%200-2.9.4-2.9%201.4s.6%201.4%203.5%202.7c3.1%201.4%203.9%202.1%203.9%203.6c-.1%202.4-2.2%203.4-4.8%203.4m12.1-12.2h1.6v12h-1.6zm15.4%206.6h-4v4.1h4c1.4%200%202.2-.9%202.2-2.1c0-1.1-.9-2-2.2-2m-.8-5.2h-3.2v3.8h3.2c1.3%200%202.2-.8%202.2-2c0-1.1-.8-1.8-2.2-1.8m.8%2010.6h-4.8c-.5%200-.8-.4-.8-.8v-10.4c0-.4.4-.8.8-.8h4c2.5%200%203.9%201.2%203.9%203.1c0%201-.6%202-1.5%202.5c1.4.4%202.3%201.6%202.3%202.9c-.1%202-1.7%203.5-3.9%203.5m11.6%200c-.4%200-.8-.4-.8-.8v-11.2h1.6v10.6h6.4v1.5zm18.3.2c-3.3%200-5.3-1.2-5.3-3.7c0-1.2.7-2.3%201.9-2.8c-1-.7-1.6-1.6-1.6-2.6c0-2.2%201.7-3.3%205-3.3c1.1%200%202.6.1%203.9.4l-.2%201.3c-1.4-.2-2.6-.3-3.8-.3c-2.1%200-3.2.6-3.2%202c0%201.1%201%202%202.4%202h2.8c.4%200%20.7.3.7.7s-.3.7-.7.7h-3c-1.6%200-2.6.8-2.6%202c0%201.8%201.6%202.3%203.6%202.3c1.1%200%202.6-.1%203.8-.4l.2%201.3c-1%20.2-2.6.4-3.9.4m-91.4-9.9l2.8%207.1l-4.3-3.4zm5%208.7l-4.4-10.7c-.1-.3-.4-.5-.7-.5s-.6.2-.7.5l-4.8%2011.7H15l1.9-4.8l5.7%204.6q.3.3.6.3c.4%200%20.8-.3.8-.8c.1%200%20.1-.2%200-.3m90.5-72.36c0%2027.8-22.6%2050.4-50.4%2050.4S13.7%2080.2%2013.7%2052.4S36.3%202%2064.1%202s50.4%2022.6%2050.4%2050.4%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M64.9%2032.8L78%2065L58.3%2049.5zm23.2%2039.6l-20-48.3c-.6-1.4-1.7-2.1-3.1-2.1s-2.6.7-3.2%202.1l-22%2053h7.5L56%2055.2l26%2021c1%20.8%201.8%201.2%202.8%201.2c2%200%203.7-1.5%203.7-3.6c0-.3-.2-.8-.4-1.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/ansible-wordmark.svg?color=%231a73e8&size=48