أيقونة Screencast Bold

solar:screencast-bold

أيقونة Screencast Bold (solar:screencast-bold) أيقونة SVG مجانية من مجموعة Solar من تصميم 480 Design. مرسومة على شبكة 24 × 24. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Solar
المؤلف: 480 Design
الترخيص: CC-BY-4.0
الحجم: 24 × 24
الفئة: تقنية المعلومات
الوسوم: screencastbold

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6.50041 4H14.0004C17.7716 4 19.6573 4 20.8288 5.17157C22.0004 6.34315 22.0004 8.22876 22.0004 12C22.0004 15.7712 22.0004 17.6569 20.8288 18.8284C19.7295 19.9277 17.1211 19.9955 13.688 19.9997C13.3083 20.0002 13.0004 19.6922 13.0004 19.3125C13.0004 13.6171 8.38335 9 2.68791 9C2.30822 9 1.99946 8.69216 2.00197 8.31247C2.00401 8.00282 2.00874 7.71893 2.01967 7.60793C2.20672 5.70882 3.70923 4.20631 5.60834 4.01926C5.8039 4 6.03607 4 6.50041 4Z"/><path d="M2 10.25C1.58579 10.25 1.25 10.5858 1.25 11C1.25 11.4142 1.58579 11.75 2 11.75C6.55635 11.75 10.25 15.4437 10.25 20C10.25 20.4142 10.5858 20.75 11 20.75C11.4142 20.75 11.75 20.4142 11.75 20C11.75 14.6152 7.38478 10.25 2 10.25Z"/><path d="M2 13.25C1.58579 13.25 1.25 13.5858 1.25 14C1.25 14.4142 1.58579 14.75 2 14.75C4.8995 14.75 7.25 17.1005 7.25 20C7.25 20.4142 7.58579 20.75 8 20.75C8.41421 20.75 8.75 20.4142 8.75 20C8.75 16.2721 5.72792 13.25 2 13.25Z"/><path d="M2 16.25C1.58579 16.25 1.25 16.5858 1.25 17C1.25 17.4142 1.58579 17.75 2 17.75C3.24264 17.75 4.25 18.7574 4.25 20C4.25 20.4142 4.58579 20.75 5 20.75C5.41421 20.75 5.75 20.4142 5.75 20C5.75 17.9289 4.07107 16.25 2 16.25Z"/></g></svg>

كيفية استخدام أيقونة Screencast Bold

React

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

<Icon icon="solar:screencast-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:screencast-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:screencast-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--screencast-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:screencast-bold"></div>

مكوّن ويب

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

<iconify-icon icon="solar:screencast-bold"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/screencast-bold.svg" alt="أيقونة Screencast Bold" width="24" height="24">

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

أيقونة Screencast Bold في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Screencast Bold

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

نعم. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Screencast Bold في React؟

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

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

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

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