ICONYZ
العربية
أيقونة Cpu Chip من HeroIcons

أيقونة Cpu Chip

heroicons:cpu-chip

أيقونة Cpu Chip (heroicons:cpu-chip) أيقونة SVG مجانية من مجموعة HeroIcons من تصميم Refactoring UI Inc. مرسومة على شبكة 24 × 24. تُنشر HeroIcons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
HeroIcons
المؤلف
Refactoring UI Inc
الترخيص
MIT
الحجم
24 × 24
الوسوم
cpuchip
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5m-15 3.75H3m18 0h-1.5M8.25 19.5V21M12 3v1.5m0 15V21m3.75-18v1.5m0 15V21m-9-1.5h10.5a2.25 2.25 0 0 0 2.25-2.25V6.75a2.25 2.25 0 0 0-2.25-2.25H6.75A2.25 2.25 0 0 0 4.5 6.75v10.5a2.25 2.25 0 0 0 2.25 2.25m.75-12h9v9h-9z"/></svg>

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

React

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

<Icon icon="heroicons:cpu-chip" width="24" />

Vue

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

<template>
  <Icon icon="heroicons:cpu-chip" width="24" />
</template>

Svelte

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

<Icon icon="heroicons:cpu-chip" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[heroicons--cpu-chip]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/heroicons -->
<div class="i-heroicons:cpu-chip"></div>

مكوّن ويب

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

<iconify-icon icon="heroicons:cpu-chip"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/heroicons/cpu-chip.svg" alt="أيقونة Cpu Chip" width="24" height="24">

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

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

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

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

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

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

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

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

تصفح كل HeroIcons →