Иконка Ansible Wordmark

devicon:ansible-wordmark

Иконка Ansible Wordmark (devicon:ansible-wordmark) — бесплатная SVG-иконка из набора Devicon от konpa. Она нарисована на сетке 128 × 128. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Devicon
Автор: konpa
Лицензия: MIT
Размер: 128 × 128
Теги: ansiblewordmark

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" 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>

Как использовать иконку Ansible Wordmark

React

import { Icon } from "@iconify/react";

<Icon icon="devicon:ansible-wordmark" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="devicon:ansible-wordmark" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="devicon:ansible-wordmark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--ansible-wordmark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:ansible-wordmark"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon:ansible-wordmark"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/devicon/ansible-wordmark.svg" alt="Иконка Ansible Wordmark" width="24" height="24">

Иконка Ansible Wordmark в других наборах

Вопросы и ответы: Иконка Ansible Wordmark

Можно ли бесплатно использовать иконку Ansible Wordmark в коммерческих проектах?

Да. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Ansible Wordmark в React?

Установите @iconify/react и выведите <Icon icon="devicon:ansible-wordmark" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Ansible Wordmark на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/devicon/ansible-wordmark.svg" alt="Иконка Ansible Wordmark">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Devicon →