Ícone File Type Ansible

vscode-icons:file-type-ansible

O ícone File Type Ansible (vscode-icons:file-type-ansible) é um ícone SVG gratuito da coleção VSCode Icons de Roberto Huertas. Ele é desenhado em uma grade de 32 × 32. VSCode Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: VSCode Icons
Autor: Roberto Huertas
Licença: MIT
Tamanho: 32 × 32
Tags: filetype, typeansible, filetypeansible

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M16 29.951a13.952 13.952 0 1 1 .193-27.9a13.951 13.951 0 0 1-.193 27.9m-2.221-13.13c.1.1.1.1.193.1c2.028 1.638 4.055 3.179 5.986 4.824a11 11 0 0 0 1.255.965a.99.99 0 0 0 1.545-.676a1.6 1.6 0 0 0-.1-.676L18.9 12.38c-.579-1.352-1.159-2.8-1.738-4.151a.87.87 0 0 0-.579-.579c-.579-.193-.965.1-1.255.676c-2.027 4.731-3.958 9.558-5.986 14.289c0 .1-.1.193-.1.29h1.931c.193 0 .193-.1.29-.193c.386-.869.676-1.834 1.062-2.7a31 31 0 0 1 1.254-3.191"/><path fill="#fff" d="M13.779 16.821c-.386 1.062-.869 2.124-1.255 3.186a32 32 0 0 0-1.062 2.7a.36.36 0 0 1-.29.1h-1.93c0-.1.1-.193.1-.29c2.027-4.731 3.958-9.558 5.986-14.289c.29-.579.676-.869 1.255-.676a.87.87 0 0 1 .579.579c.579 1.352 1.159 2.8 1.738 4.151l3.765 8.979a3 3 0 0 1 .1.869a.99.99 0 0 1-1.545.676a14 14 0 0 1-1.255-.965c-2.027-1.641-4.055-3.186-5.986-4.827c-.103-.193-.103-.193-.2-.193m2.51-6.275c-.579 1.545-1.159 2.993-1.834 4.441c-.1.1 0 .193.1.29C16 16.435 17.448 17.5 18.9 18.656c.29.193.579.483.869.676a762 762 0 0 1-3.479-8.786Z"/><path d="M16.29 10.546c1.159 2.993 2.414 5.889 3.572 8.786c-.29-.193-.579-.483-.869-.676c-1.448-1.159-2.9-2.221-4.344-3.379c-.1-.1-.193-.1-.1-.29c.486-1.448 1.065-2.896 1.741-4.441"/></svg>

Como usar o ícone File Type Ansible

React

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

<Icon icon="vscode-icons:file-type-ansible" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:file-type-ansible" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:file-type-ansible" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-ansible]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-ansible"></div>

Web component

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

<iconify-icon icon="vscode-icons:file-type-ansible"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-ansible.svg" alt="Ícone File Type Ansible" width="24" height="24">

Ícones relacionados em VSCode Icons

Perguntas frequentes sobre Ícone File Type Ansible

O ícone File Type Ansible é grátis para uso comercial?

Sim. VSCode Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone File Type Ansible no React?

Instale @iconify/react e renderize <Icon icon="vscode-icons:file-type-ansible" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone File Type Ansible a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-ansible.svg" alt="Ícone File Type Ansible">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os VSCode Icons →