ICONYZ
العربية
أيقونة Power Outline Alerted من Clarity

أيقونة Power Outline Alerted

clarity:power-outline-alerted

أيقونة Power Outline Alerted (clarity:power-outline-alerted) أيقونة SVG مجانية من مجموعة Clarity من تصميم VMware. مرسومة على شبكة 36 × 36. تُنشر Clarity icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Clarity
المؤلف
VMware
الترخيص
MIT
الحجم
36 × 36
الفئة
الوسائط
الوسوم
poweroutline، outlinealerted، poweroutlinealerted
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="currentColor" d="M18 21a1 1 0 0 0 1-1V4a1 1 0 0 0-2 0v16a1 1 0 0 0 1 1" class="clr-i-outline--alerted clr-i-outline-path-1--alerted"/><path fill="currentColor" d="M32.51 15.4h-2.07a13 13 0 1 1-19-7.5a1 1 0 0 0-1-1.73A15 15 0 1 0 33 19.15a15 15 0 0 0-.49-3.75" class="clr-i-outline--alerted clr-i-outline-path-2--alerted"/><path fill="currentColor" d="M26.85 1.14L21.13 11a1.28 1.28 0 0 0 1.1 2h11.45a1.28 1.28 0 0 0 1.1-2l-5.72-9.86a1.28 1.28 0 0 0-2.21 0" class="clr-i-outline--alerted clr-i-outline-path-3--alerted clr-i-alert"/><path fill="none" d="M0 0h36v36H0z"/></svg>

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

React

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

<Icon icon="clarity:power-outline-alerted" width="24" />

Vue

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

<template>
  <Icon icon="clarity:power-outline-alerted" width="24" />
</template>

Svelte

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

<Icon icon="clarity:power-outline-alerted" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[clarity--power-outline-alerted]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/clarity -->
<div class="i-clarity:power-outline-alerted"></div>

مكوّن ويب

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

<iconify-icon icon="clarity:power-outline-alerted"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/clarity/power-outline-alerted.svg" alt="أيقونة Power Outline Alerted" width="24" height="24">

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

أيقونة power-line
power-line
 أيقونة power-outline-badged
power-outline-badged
 أيقونة power-solid
power-solid
 أيقونة power-solid-alerted
power-solid-alerted
 أيقونة power-solid-badged
power-solid-badged

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

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

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

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

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

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

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

تصفح كل أيقونات Clarity →