أيقونة Bug Fill

keyline-icons:bug-fill

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

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

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M5.8715 9.0286C5.6143 9.6717 5.5 10.3228 5.5 10.9L5.5 14.6C5.5 18.2152 8.4058 21.2 12 21.2C15.5942 21.2 18.5 18.2152 18.5 14.6L18.5 10.9C18.5 10.3228 18.3857 9.6717 18.1285 9.0286C18.0881 8.9277 18.0316 8.8341 17.9611 8.7514C16.473 7.0053 14.2937 6 12 6C9.7063 6 7.527 7.0053 6.0389 8.7514C5.9684 8.8341 5.9119 8.9277 5.8715 9.0286ZM10 7.694L10 5.695C10 5.276 10.1816 4.8758 10.5168 4.5607L10.5167 4.5608C10.8734 4.2257 11.3971 4 12 4C12.6029 4 13.1266 4.2257 13.4833 4.5608L13.4832 4.5607C13.8184 4.8758 14 5.276 14 5.695L14 7.694L16 7.694L16 5.695C16 4.668 15.5476 3.7562 14.8528 3.1033C14.8528 3.1033 14.8528 3.1032 14.8527 3.1032C14.1174 2.4123 13.1011 2 12 2C10.8989 2 9.8826 2.4123 9.1473 3.1032C9.1472 3.1032 9.1472 3.1033 9.1472 3.1033C8.4524 3.7562 8 4.668 8 5.695L8 7.694L10 7.694ZM11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12L13 15.6C13 16.1523 12.5523 16.6 12 16.6C11.4477 16.6 11 16.1523 11 15.6Z" stroke="none"/><path d="M9 7.694L9 5.695C9 4.972 9.317 4.316 9.832 3.832C10.378 3.319 11.148 3 12 3C12.852 3 13.622 3.319 14.168 3.832C14.683 4.316 15 4.972 15 5.695L15 7.694M8 2L9.832 3.832M16 2L14.168 3.832M20 4.6L20 5.57C20 7.485 18.796 9.055 17.2 9.4M4 4.6L4 5.57C4 7.485 5.204 9.055 6.8 9.4M21 13.4L17.5 13.4M3 13.4L6.5 13.4M20.5 22L20.5 21.03C20.5 19.215 18.931 17.727 16.85 17.4M3.5 22L3.5 21.03C3.5 19.215 5.07 17.727 7.15 17.4"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

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

تصفح كل Keyline Icons →