ICONYZ
العربية
أيقونة Stopwatch 20 من Font Awesome 5 Solid

أيقونة Stopwatch 20

fa-solid:stopwatch-20

أيقونة Stopwatch 20 (fa-solid:stopwatch-20) أيقونة SVG مجانية من مجموعة Font Awesome 5 Solid من تصميم Dave Gandy. مرسومة على شبكة 448 × 512. تُنشر Font Awesome 5 Solid icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Font Awesome 5 Solid
المؤلف
Dave Gandy
الترخيص
CC-BY-4.0
الحجم
448 × 512
الفئة
الأشياء، التاريخ والوقت
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="448" height="512" viewBox="0 0 448 512"><path fill="currentColor" d="m398.5 190.91l.59-.61l26.59-26.58a16 16 0 0 0 0-22.63L403 118.41a16 16 0 0 0-22.63 0l-24.68 24.68A206.7 206.7 0 0 0 256 98.5V64h32a16 16 0 0 0 16-16V16a16 16 0 0 0-16-16H160a16.05 16.05 0 0 0-16 16v32a16.05 16.05 0 0 0 16 16h32v34.5A207.92 207.92 0 0 0 16.09 297.57C12.64 411.5 106.76 510.22 220.72 512C337.13 513.77 432 420 432 304a206 206 0 0 0-33.5-113.09M204.37 377.55a8.2 8.2 0 0 1 8.32 8.07v22.31a8.2 8.2 0 0 1-8.32 8.07h-82.85a16.46 16.46 0 0 1-16.61-17.62c2.78-35.22 14.67-57.41 38.45-91.37c20.42-29.19 27.1-37.32 27.1-62.34c0-16.92-1.79-24.27-12.21-24.27c-9.39 0-12.69 7.4-12.69 22.68v5.23a8.2 8.2 0 0 1-8.33 8.07h-24.9a8.2 8.2 0 0 1-8.33-8.07v-4.07c0-27.3 8.48-60.24 56.43-60.24c43 0 55.57 25.85 55.57 61c0 35.58-12.44 51.21-34.35 81.31c-11.56 15-24.61 35.57-26.41 51.2ZM344 352.32c0 35.16-12.3 63.68-57.23 63.68c-43.58 0-54.77-29.52-54.77-63.45V247.22c0-40.73 19.58-63.22 56.2-63.22c36.8 0 55.8 22.64 55.8 61.3Zm-56.13-130.59c-9.41 0-13.23 7.5-13.23 20v115.95c0 13.11 3.59 20.59 13.23 20.59s13-8 13-21.27V241.06c.02-11.27-2.99-19.33-13-19.33"/></svg>

كيفية استخدام أيقونة Stopwatch 20

React

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

<Icon icon="fa-solid:stopwatch-20" width="24" />

Vue

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

<template>
  <Icon icon="fa-solid:stopwatch-20" width="24" />
</template>

Svelte

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

<Icon icon="fa-solid:stopwatch-20" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--stopwatch-20]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:stopwatch-20"></div>

مكوّن ويب

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

<iconify-icon icon="fa-solid:stopwatch-20"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fa-solid/stopwatch-20.svg" alt="أيقونة Stopwatch 20" width="24" height="24">

أيقونات ذات صلة في Font Awesome 5 Solid

أيقونة stopwatch
stopwatch

أيقونة Stopwatch 20 في مجموعات أخرى

أيقونة Stopwatch 20 من Font Awesome 6 Solid
Font Awesome 6 Solid
 أيقونة Stopwatch 20 من Energy Icons
Energy Icons
 أيقونة Stopwatch 20 من Font Awesome Solid
Font Awesome Solid

الأسئلة الشائعة حول أيقونة Stopwatch 20

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

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

كيف أستخدم أيقونة Stopwatch 20 في React؟

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

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

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

تصفح كل أيقونات Font Awesome 5 Solid →