ICONYZ
العربية
أيقونة Timer من Material Design Iconic Font

أيقونة Timer

zmdi:timer

أيقونة Timer (zmdi:timer) أيقونة SVG مجانية من مجموعة Material Design Iconic Font من تصميم MDI Community. مرسومة على شبكة 384 × 456. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Material Design Iconic Font
المؤلف
MDI Community
الترخيص
OFL-1.1
الحجم
384 × 456
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="384" height="456" viewBox="0 0 384 456"><path fill="currentColor" d="M256 5v43H128V5zm-85 278V155h42v128zm171-141q42 52 42 119q0 80-56 136t-136 56t-136-56T0 261.5t56-136T192 69q67 0 120 43l30-31q16 13 30 30zM192 411q62 0 105.5-44T341 261t-43.5-105.5T192 112T86.5 155.5T43 261t43.5 106T192 411"/></svg>

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

React

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

<Icon icon="zmdi:timer" width="24" />

Vue

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

<template>
  <Icon icon="zmdi:timer" width="24" />
</template>

Svelte

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

<Icon icon="zmdi:timer" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--timer]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:timer"></div>

مكوّن ويب

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

<iconify-icon icon="zmdi:timer"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/zmdi/timer.svg" alt="أيقونة Timer" width="24" height="24">

أيقونات ذات صلة في Material Design Iconic Font

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

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

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

نعم. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات Material Design Iconic Font →