أيقونة Webcam Fill

keyline-icons:webcam-fill

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

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

تنزيل 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" fill-rule="evenodd" d="M3 7C3 3.6863 5.6863 1 9 1L15 1C18.3137 1 21 3.6863 21 7L21 13C21 16.3137 18.3137 19 15 19L9 19C5.6863 19 3 16.3137 3 13L3 7ZM16 10C16 7.7909 14.2091 6 12 6C9.7909 6 8 7.7909 8 10C8 12.2091 9.7909 14 12 14C14.2091 14 16 12.2091 16 10ZM14 10C14 11.1046 13.1046 12 12 12C10.8954 12 10 11.1046 10 10C10 8.8954 10.8954 8 12 8C13.1046 8 14 8.8954 14 10Z" clip-rule="evenodd" stroke="none"/><path d="M12 18L12 22M6 22L18 22"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

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

تصفح كل Keyline Icons →