أيقونة Lifebuoy Sharp Fill

keyline-icons:lifebuoy-sharp-fill

أيقونة Lifebuoy Sharp Fill (keyline-icons:lifebuoy-sharp-fill) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Keyline Icons
المؤلف: Keyline Icons
الترخيص: MIT
الحجم: 24 × 24
الوسوم: lifebuoysharp، sharpfill، lifebuoysharpfill

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.9249 23 1 18.0751 1 12C1 5.9249 5.9249 1 12 1C18.0751 1 23 5.9249 23 12ZM15.2426 12C15.2426 10.2091 13.7908 8.7574 12 8.7574C10.2091 8.7574 8.7574 10.2091 8.7574 12C8.7574 13.7908 10.2091 15.2426 12 15.2426C13.7909 15.2426 15.2426 13.7909 15.2426 12ZM16.4142 15L15 16.4142L17.6569 19.0711L19.0711 17.6569L16.4142 15ZM9 16.4142L7.5858 15L4.9289 17.6569L6.3431 19.0711L9 16.4142ZM7.5858 9L9 7.5858L6.3431 4.9289L4.9289 6.3431L7.5858 9ZM15 7.5858L16.4142 9L19.0711 6.3431L17.6569 4.9289L15 7.5858Z" clip-rule="evenodd"/></svg>

كيفية استخدام أيقونة Lifebuoy Sharp Fill

React

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

<Icon icon="keyline-icons:lifebuoy-sharp-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:lifebuoy-sharp-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:lifebuoy-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--lifebuoy-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:lifebuoy-sharp-fill"></div>

مكوّن ويب

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

<iconify-icon icon="keyline-icons:lifebuoy-sharp-fill"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/lifebuoy-sharp-fill.svg" alt="أيقونة Lifebuoy Sharp Fill" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Lifebuoy Sharp Fill

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

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

كيف أستخدم أيقونة Lifebuoy Sharp Fill في React؟

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

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

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

تصفح كل Keyline Icons →