أيقونة Houdini

file-icons:houdini

أيقونة Houdini (file-icons:houdini) أيقونة SVG مجانية من مجموعة File Icons من تصميم John Gardner. مرسومة على شبكة 512 × 512. تُنشر File Icons بموجب ترخيص ISC، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: File Icons
المؤلف: John Gardner
الترخيص: ISC
الحجم: 512 × 512

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M82.774 512H0v-93.186C15.583 458.352 45.672 491.277 82.774 512M0 212.921v89.802c54.472-149.181 276.332-146.39 291.79 12.494c5.38 144.557-188.109 152.743-189.234 44.25c1.943-27.09 22.737-45.423 49.456-44.51c-21.633 24.236.344 61.98 32.277 54.401c24.837-4.802 42.627-26.765 42.167-52.059c-12.635-95.664-177.007-64.13-175.178 45.031c-1.822 70.28 64.033 116.613 130.148 117.394c102.035 1.821 160.601-62.992 160.601-158.52C337.694 152.454 126.007 87.682 0 212.92m407.622 108.283c3.84 78.706-37.464 152.732-106.46 190.796H512V0H0v147.327C150.751 31.03 405.82 95.495 407.622 321.204"/></svg>

كيفية استخدام أيقونة Houdini

React

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

<Icon icon="file-icons:houdini" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:houdini" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:houdini" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="file-icons:houdini"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/file-icons/houdini.svg" alt="أيقونة Houdini" width="24" height="24">

أيقونة Houdini في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Houdini

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

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

كيف أستخدم أيقونة Houdini في React؟

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

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

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

تصفح كل File Icons →