أيقونة Type Pattern

carbon:type-pattern

أيقونة Type Pattern (carbon:type-pattern) أيقونة SVG مجانية من مجموعة Carbon من تصميم IBM. مرسومة على شبكة 32 × 32. تُنشر Carbon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Carbon
المؤلف: IBM
الترخيص: Apache-2.0
الحجم: 32 × 32
الفئة: التنظيم
الوسوم: typepattern

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M30 15H17V2h-2v13H2v2h13v13h2V17h13z"/><path fill="currentColor" d="M25.586 20L27 21.414L23.414 25L27 28.586L25.586 30l-5-5zM11 30H3a1 1 0 0 1-.894-1.447l4-8a1.04 1.04 0 0 1 1.789 0l4 8A1 1 0 0 1 11 30m-6.382-2h4.764L7 23.236ZM28 12h-6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2m-6-8v6h6.001L28 4ZM7 12a5 5 0 1 1 5-5a5.006 5.006 0 0 1-5 5m0-8a3 3 0 1 0 3 3a3.003 3.003 0 0 0-3-3"/></svg>

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

React

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

<Icon icon="carbon:type-pattern" width="24" />

Vue

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

<template>
  <Icon icon="carbon:type-pattern" width="24" />
</template>

Svelte

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

<Icon icon="carbon:type-pattern" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--type-pattern]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:type-pattern"></div>

مكوّن ويب

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

<iconify-icon icon="carbon:type-pattern"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/carbon/type-pattern.svg" alt="أيقونة Type Pattern" width="24" height="24">

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

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

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

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

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

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

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

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

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