Ikon File Type Yeoman
vscode-icons:file-type-yeoman
Ikon File Type Yeoman (vscode-icons:file-type-yeoman) 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, typeyeoman, filetypeyeoman
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><filter id="SVGspsfOcGl"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="4"/><feOffset dx=".1" dy=".1" in="blur" result="offsetBlur"/><feFlood flood-color="#c4c7ce" result="offsetColor"/><feComposite in="offsetColor" in2="offsetBlur" operator="in" result="offsetBlur"/></filter></defs><g filter="url(#SVGspsfOcGl)"><path d="M25.706 16.847L27.4 7.03S24.849 2 16.037 2C5.344 2 4.562 7.03 4.562 7.03l1.714 9.817Z"/></g><g filter="url(#SVGspsfOcGl)"><path d="m5.549 12.637l.727 4.21h19.43l.726-4.21z"/></g><g filter="url(#SVGspsfOcGl)"><path d="M28.63 19.194H3.351l-.782-2.347h26.862z"/></g><g filter="url(#SVGspsfOcGl)"><circle cx="15.981" cy="13.997" r="3.13"/></g><path d="M15.981 16.735A2.738 2.738 0 1 1 18.72 14a2.743 2.743 0 0 1-2.739 2.735m0-5.123A2.384 2.384 0 1 0 18.366 14a2.377 2.377 0 0 0-2.384-2.384Zm0 4.359A1.975 1.975 0 1 1 17.956 14a1.976 1.976 0 0 1-1.975 1.972Zm0-3.707a1.714 1.714 0 1 0 1.719 1.714a1.71 1.71 0 0 0-1.714-1.714Zm.5 1.025l.894-.652l-.689.876l1.08-.279l-.95.577l1.1.13l-1.1.186l1.006.522l-1.08-.224l.727.838l-.931-.6l.373 1.043l-.652-.894l-.019 1.118l-.279-1.08l-.428 1.025l.112-1.1l-.764.8l.5-.987l-1.006.466l.838-.745l-1.118.075L15.143 14l-1.062-.335l1.118.019l-.876-.689l1.025.41l-.559-.95l.8.764l-.186-1.1l.484 1.006l.224-1.08l.093 1.118l.615-.931Z" filter="url(#SVGspsfOcGl)"/><g filter="url(#SVGspsfOcGl)"><path d="M15.981 22.983s1.937-2.31 6.483-1.174s6.874 6.762 6.874 6.762a9.24 9.24 0 0 1-6.352 1.341c-3.875-.502-7.023-4.637-7.005-6.929"/></g><g filter="url(#SVGspsfOcGl)"><path d="M8.977 29.913a9.24 9.24 0 0 1-6.352-1.341s2.328-5.626 6.875-6.763s6.483 1.174 6.483 1.174c.017 2.291-3.132 6.427-7.006 6.93"/></g><path fill="#050505" d="M25.706 16.847L27.4 7.03S24.849 2 16.037 2C5.344 2 4.562 7.03 4.562 7.03l1.714 9.817Z"/><path fill="#dd002a" d="m5.549 12.637l.727 4.21h19.43l.727-4.21z"/><path fill="#050505" d="M28.63 19.194H3.351l-.782-2.347h26.862Z"/><circle cx="15.981" cy="13.997" r="3.13" fill="#050505"/><path fill="#dd002a" d="M15.981 16.735A2.738 2.738 0 1 1 18.72 14a2.743 2.743 0 0 1-2.739 2.735m0-5.123A2.384 2.384 0 1 0 18.366 14a2.377 2.377 0 0 0-2.384-2.384Zm0 4.359A1.975 1.975 0 1 1 17.956 14a1.976 1.976 0 0 1-1.975 1.972Zm0-3.707a1.714 1.714 0 1 0 1.719 1.714a1.71 1.71 0 0 0-1.714-1.714Zm.5 1.025l.894-.652l-.689.876l1.08-.279l-.95.577l1.1.13l-1.1.186l1.006.522l-1.08-.224l.727.838l-.931-.6l.373 1.043l-.652-.894l-.019 1.118l-.279-1.08l-.428 1.025l.112-1.1l-.764.8l.5-.987l-1.006.466l.838-.745l-1.118.075L15.143 14l-1.062-.335l1.118.019l-.876-.689l1.025.41l-.559-.95l.8.764l-.186-1.1l.484 1.006l.224-1.08l.093 1.118l.615-.931Z"/><path fill="#4f1907" d="M15.981 22.983s1.937-2.31 6.483-1.174s6.874 6.762 6.874 6.762a9.24 9.24 0 0 1-6.352 1.341c-3.875-.502-7.023-4.637-7.005-6.929"/><path fill="#4f1907" d="M8.977 29.913a9.24 9.24 0 0 1-6.352-1.341s2.328-5.626 6.875-6.763s6.483 1.174 6.483 1.174c.017 2.291-3.132 6.427-7.006 6.93"/></svg>
Cara memakai ikon File Type Yeoman
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-yeoman" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-yeoman" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-yeoman" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-yeoman]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-yeoman"></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-yeoman"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-yeoman.svg" alt="Ikon File Type Yeoman" width="24" height="24">
Ikon terkait di VSCode Icons
FAQ Ikon File Type Yeoman
Apakah ikon File Type Yeoman 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 Yeoman di React?
Pasang @iconify/react lalu render <Icon icon="vscode-icons:file-type-yeoman" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon File Type Yeoman ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-yeoman.svg" alt="Ikon File Type Yeoman">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua VSCode Icons →
