أيقونة Asciidoctor

file-icons:asciidoctor

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

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

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="496" height="512" viewBox="0 0 496 512"><path fill="currentColor" d="M21.771 336.508c-23.15-.464-23.15 34.5 0 34.035h95.833l-48.817 117.45c-9.029 21.083 22.85 34.34 31.432 13.07l54.011-130.52h64.094c23.15.464 23.15-34.5 0-34.035zM282.088.01c-6.295.225-12.345 4.023-14.986 10.678L165.16 255.705H17.367c-23.155-.47-23.155 34.5 0 34.031h236.916c23.155.47 23.155-34.5 0-34.03h-52.197L282.69 61.817l180.114 439.174c8.366 21.573 40.683 8.311 31.488-12.922L298.551 10.77C294.925 3.133 288.383-.215 282.088.01"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

تصفح كل File Icons →