File Type Pug ikonu
vscode-icons:file-type-pug
File Type Pug ikonu (vscode-icons:file-type-pug), VSCode Icons setinden ücretsiz bir SVG ikondur (yapımcı: Roberto Huertas). 32 × 32 ızgara üzerinde çizilmiştir. VSCode Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- VSCode Icons
- Yazar
- Roberto Huertas
- Lisans
- MIT
- Boyut
- 32 × 32
- Etiketler
- filetype, typepug, filetypepug
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#efcca3" d="M25.514 12.846c-.052-.938.209-1.825-.209-2.554c-1.043-1.825-3.649-2.867-8.863-2.867v-.053v.052c-5.735 0-8.185 1.043-9.227 2.867a5.6 5.6 0 0 0-.469 2.554a9.6 9.6 0 0 0-.261 2.45c.156 1.147.261 2.294.417 3.336c.156.886 1.408 1.564 1.564 2.4c.313 2.242 2.294 3.284 8.028 3.284v.261h-.1v-.261c5.213 0 7.4-1.043 7.716-3.284c.1-.834 1.147-1.512 1.3-2.4c.156-1.043.209-2.19.365-3.336a11.8 11.8 0 0 0-.261-2.449"/><path fill="#ccac8d" d="M16.182 13.68a3.24 3.24 0 0 1 2.19 1.147c.73.626 1.929 1.043 2.45 1.616a4.7 4.7 0 0 1 1.408 1.981a9 9 0 0 1 .313 2.242c0 .261.156.209.573 0a9 9 0 0 0 2.19-1.877c-.156.886-1.251 1.668-1.355 2.5c-.313 2.242-2.5 3.336-7.872 3.336h.313"/><path fill="#ccac8d" d="M19.519 11.908c.209.678.886 3.024-.469 2.242a2.56 2.56 0 0 1 .938 1.564a1.83 1.83 0 0 0 1.3 1.408a3.48 3.48 0 0 0 2.554-.626a2.96 2.96 0 0 0 .678-3.284a2.43 2.43 0 0 0-2.137-1.616c-.983-.262-3.073-.47-2.864.312"/><circle cx="22.178" cy="14.41" r="1.929"/><circle cx="21.656" cy="13.524" r=".521" fill="#fff"/><path fill="#efcca3" d="M19.206 14.306a17.7 17.7 0 0 1 2.711 2.346c.938 1.2.938 1.408.938 1.408l-.678.313a7.1 7.1 0 0 0-2.137-2.5c-1.2-.678-1.355-1.251-1.355-1.251Z"/><path fill="#ccac8d" d="M16.235 13.68a3.6 3.6 0 0 0-2.346 1.147c-.73.626-2.033 1.043-2.5 1.616a4.8 4.8 0 0 0-1.46 1.981a9 9 0 0 0-.313 2.242c0 .261.052.313-.626 0a8 8 0 0 1-2.19-1.877c.156.886 1.251 1.668 1.355 2.5c.313 2.19 2.5 3.284 7.872 3.284h.365"/><path fill="#56332b" d="M21.239 17.277a6.55 6.55 0 0 0-5.109-2.607a6.64 6.64 0 0 0-5.109 2.607a3.86 3.86 0 0 0-1.043 3.18c0 4.64 1.616 3.232 2.711 3.806a7.5 7.5 0 0 0 3.389.313a7.4 7.4 0 0 0 3.389-.313c1.095-.573 2.711.834 2.711-3.806a3.39 3.39 0 0 0-.939-3.18"/><path fill="#442823" d="M16.026 15.974a9.6 9.6 0 0 1-.469 2.554l.573-.156Z"/><path fill="#442823" d="M16.182 15.974a9.6 9.6 0 0 0 .469 2.554l-.573-.156Z"/><path fill="#56332b" d="M14.358 15.453c-.209-.521.573-1.355 1.825-1.355s2.033.834 1.825 1.355s-1.043.678-1.825.678c-.835-.001-1.617-.157-1.825-.678"/><path d="M16.182 15.974c0-.1.73-.1 1.147-.365c0 0-.834.261-.991.156a.66.66 0 0 1-.209-.365a.66.66 0 0 1-.209.365c-.156.1-1.095-.156-1.095-.156a8 8 0 0 1 1.2.365v.417a10.5 10.5 0 0 0 .1 2.033c.156.209.1-1.46.1-2.033a1.3 1.3 0 0 1-.043-.417"/><path fill="#7f4a41" d="M16.182 18.945a3.35 3.35 0 0 1 1.616.678a3.12 3.12 0 0 0-1.616-1.095a3.04 3.04 0 0 0-1.825 1.2a3.3 3.3 0 0 1 1.825-.783"/><path fill="#442823" d="M16.078 22.8a9 9 0 0 1-2.4-.469c-.156-.052-.313.052-.469 0a6.17 6.17 0 0 1-3.18-2.137v.209c0 4.64 1.616 3.232 2.711 3.806a7.5 7.5 0 0 0 3.389.313a7.4 7.4 0 0 0 3.389-.313c1.095-.573 2.711.834 2.711-3.806v-.469A5.9 5.9 0 0 1 19 22.282c-.156.052-.417-.052-.573-.052a7 7 0 0 1-2.349.57"/><path fill="#442823" d="M13.941 20.3s-.573 1.668-.156 2.4l-.521-.209a15.4 15.4 0 0 1 .677-2.191m4.379 0s.573 1.668.156 2.4l.524-.209a10.6 10.6 0 0 0-.68-2.191"/><path fill="#ccac8d" d="M12.585 11.908c-.209.678-.886 3.024.469 2.242a2.56 2.56 0 0 0-.938 1.564a1.83 1.83 0 0 1-1.3 1.408a3.48 3.48 0 0 1-2.558-.622a2.96 2.96 0 0 1-.678-3.284A2.43 2.43 0 0 1 9.717 11.6c.992-.266 3.077-.474 2.868.308"/><path d="M16.13 18.528a3.39 3.39 0 0 1 2.45 2.867v-.1a3.05 3.05 0 0 0-2.45-2.919a3 3 0 0 0-2.45 2.919v.1a3.46 3.46 0 0 1 2.45-2.867"/><ellipse cx="16.546" cy="15.138" fill="#331712" rx=".156" ry=".313" transform="rotate(-14.46 16.545 15.138)"/><ellipse cx="15.609" cy="15.146" fill="#331712" rx=".313" ry=".156" transform="rotate(-72.765 15.61 15.146)"/><circle cx="10.031" cy="14.41" r="1.929"/><circle cx="10.552" cy="13.524" r=".521" fill="#fff"/><path fill="#7f4a41" d="M16.7 14.41s-.521.209-.626.261a2.5 2.5 0 0 1-.626-.261z"/><path fill="#efcca3" d="M12.9 14.306a17.7 17.7 0 0 0-2.711 2.346c-.938 1.2-.938 1.408-.938 1.408l.678.313a7.1 7.1 0 0 1 2.137-2.5c1.2-.678 1.355-1.251 1.355-1.251Z"/><path fill="#ccac8d" d="M9.092 10.813a4.52 4.52 0 0 1-1.929 2.294a2.19 2.19 0 0 0 1.929-2.294m13.816 0a4.52 4.52 0 0 0 1.929 2.294a2.19 2.19 0 0 1-1.929-2.294m-3.598 3.023a5.16 5.16 0 0 0-3.076-1.408h.156a3.85 3.85 0 0 0-3.024 1.408a4.83 4.83 0 0 1 3.024-1.043a5.8 5.8 0 0 1 2.92 1.043m-1.564-2.867a2.46 2.46 0 0 0-1.564-.938h.156a1.79 1.79 0 0 0-1.512.938a2.2 2.2 0 0 1 1.512-.678a1.9 1.9 0 0 1 1.408.678m-7.715 6.777a2.55 2.55 0 0 1-1.773.209H8.05a3.7 3.7 0 0 1-.886-1.512a2.27 2.27 0 0 0 2.867 1.303m12.095 0a2.55 2.55 0 0 0 1.773.209h-.209a1.75 1.75 0 0 0 1.095-1.512a2.02 2.02 0 0 1-2.659 1.303"/><path fill="#ccac8d" d="M11.23 10.709a4.75 4.75 0 0 1 2.242.1c.938.313.209 1.564.365 1.616a2.87 2.87 0 0 1 2.242-.73c1.773.1 1.981.886 2.242.73c.261-.1-.261-2.19 2.45-1.72c0 0-2.763-.73-2.659 1.251a3.68 3.68 0 0 0-3.858-.1s.573-1.929-3.024-1.147M10.5 8s-2.4 2.972-2.711 4.118c-.365 1.147-.626 5.943-.938 6.621l-1.095-4.694l2.033-4.9Zm11.156 0s2.4 2.972 2.711 4.118c.365 1.147.626 5.943.938 6.621l1.095-4.694l-2.033-4.9Z"/><path fill="#56332b" d="M21.5 8a11.6 11.6 0 0 1 3.284 4.588c.73 2.45.417 5.474.991 5.839c.834.521 1.72-2.607 2.033-2.919c.469-.521 2.085-1.877 2.19-2.137s-3.232-3.91-4.744-4.64C23.585 7.893 21.4 7.789 21.5 8"/><path fill="#442823" d="M23.69 9.3a15.4 15.4 0 0 1 2.972 8.654l1.2-2.45A16.6 16.6 0 0 0 23.69 9.3"/><path fill="#56332b" d="M10.5 8a11.6 11.6 0 0 0-3.284 4.588c-.73 2.45-.417 5.474-.991 5.839c-.834.521-1.72-2.607-2.033-2.919c-.469-.521-2.085-1.877-2.19-2.137s3.232-3.91 4.744-4.64C8.415 7.893 10.6 7.789 10.5 8"/><path fill="#442823" d="M8.31 9.3a15.4 15.4 0 0 0-2.972 8.654L4.14 15.5a16.6 16.6 0 0 1 4.17-6.2"/><path fill="#ccac8d" d="M6.642 18.007a4.1 4.1 0 0 0 .573 1.564c.365.365.1-.313.1-.313s-.365-.209-.313-1.72s-.36.469-.36.469m18.768 0a4.1 4.1 0 0 1-.573 1.564c-.365.365-.1-.313-.1-.313s.365-.209.313-1.72c-.057-1.46.36.469.36.469"/><circle cx="13.889" cy="17.121" r=".156" fill="#442823"/><circle cx="12.846" cy="18.216" r=".156" fill="#442823"/><circle cx="12.533" cy="17.121" r=".156" fill="#442823"/><circle cx="18.164" cy="17.121" r=".156" fill="#442823"/><circle cx="19.154" cy="18.216" r=".156" fill="#442823"/><circle cx="19.467" cy="17.121" r=".156" fill="#442823"/></svg>
File Type Pug ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-pug" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-pug" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-pug" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-pug]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-pug"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vscode-icons:file-type-pug"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-pug.svg" alt="File Type Pug ikonu" width="24" height="24">
VSCode Icons setindeki benzer ikonlar
File Type Pug ikonu: sık sorulan sorular
File Type Pug ikonu ticari kullanım için ücretsiz mi?
Evet. VSCode Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
File Type Pug ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="vscode-icons:file-type-pug" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
File Type Pug ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-pug.svg" alt="File Type Pug ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: VSCode Icons →
