Ikon File Type Ansible

vscode-icons:file-type-ansible

Ikon File Type Ansible (vscode-icons:file-type-ansible) adalah ikon SVG gratis dari set VSCode Icons karya Roberto Huertas. Ikon ini digambar pada grid 32 × 32. VSCode Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: VSCode Icons
Pembuat: Roberto Huertas
Lisensi: MIT
Ukuran: 32 × 32
Tag: filetype, typeansible, filetypeansible

Download SVG

Kode 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>

Cara memakai ikon 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>

Gambar HTML

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

Ikon terkait di VSCode Icons

FAQ Ikon File Type Ansible

Apakah ikon File Type Ansible gratis untuk penggunaan komersial?

Ya. VSCode Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon File Type Ansible di React?

Pasang @iconify/react lalu render <Icon icon="vscode-icons:file-type-ansible" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon File Type Ansible ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-ansible.svg" alt="Ikon File Type Ansible">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua VSCode Icons →