ICONYZ
العربية
أيقونة File Type Pug من VSCode Icons

أيقونة File Type Pug

vscode-icons:file-type-pug

أيقونة File Type Pug (vscode-icons:file-type-pug) أيقونة SVG مجانية من مجموعة VSCode Icons من تصميم Roberto Huertas. مرسومة على شبكة 32 × 32. تُنشر VSCode Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
VSCode Icons
المؤلف
Roberto Huertas
الترخيص
MIT
الحجم
32 × 32
الوسوم
filetype، typepug، filetypepug
تنزيل SVG

شيفرة SVG

<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

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>

مكوّن ويب

<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

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-pug.svg" alt="أيقونة File Type Pug" width="24" height="24">

أيقونات ذات صلة في VSCode Icons

الأسئلة الشائعة حول أيقونة File Type Pug

هل أيقونة File Type Pug مجانية للاستخدام التجاري؟

نعم. تُنشر VSCode Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة File Type Pug في React؟

ثبّت @iconify/react واعرض <Icon icon="vscode-icons:file-type-pug" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة File Type Pug إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-pug.svg" alt="أيقونة File Type Pug">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل VSCode Icons →