ICONYZ
العربية
أيقونة Default Outline من Health Icons

أيقونة Default Outline

healthicons:default-outline

أيقونة Default Outline (healthicons:default-outline) أيقونة SVG مجانية من مجموعة Health Icons من تصميم Resolve to Save Lives. مرسومة على شبكة 48 × 48. تُنشر Health Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Health Icons
المؤلف
Resolve to Save Lives
الترخيص
MIT
الحجم
48 × 48
الفئة
الرموز
الوسوم
defaultoutline، default2x outline
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M10 10a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v14.055a9 9 0 0 1 2 .457V10a4 4 0 0 0-4-4H12a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h11.516a9 9 0 0 1-1.004-2H12a2 2 0 0 1-2-2z"/><path d="M12 14a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1m0 5a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1m1 4a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2zm-1 6a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1m19 11a7 7 0 1 0 0-14a7 7 0 0 0 0 14m0 2a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path d="M34.997 29.028a1 1 0 0 0-1.414 0l-.79.79l1.413 1.415l.791-.791a1 1 0 0 0 0-1.414M33.5 31.94l-1.414-1.414l-5.069 5.069v1.414h1.414z"/></g></svg>

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

React

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

<Icon icon="healthicons:default-outline" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:default-outline" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:default-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--default-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:default-outline"></div>

مكوّن ويب

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

<iconify-icon icon="healthicons:default-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/healthicons/default-outline.svg" alt="أيقونة Default Outline" width="24" height="24">

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

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

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

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

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

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

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

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

تصفح كل Health Icons →