أيقونة Content Settings

fluent-mdl2:content-settings

أيقونة Content Settings (fluent-mdl2:content-settings) أيقونة SVG مجانية من مجموعة Fluent UI MDL2 من تصميم Microsoft Corporation. مرسومة على شبكة 2048 × 2048. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Fluent UI MDL2
المؤلف: Microsoft Corporation
الترخيص: MIT
الحجم: 2048 × 2048
الوسوم: contentsettings، setting

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M2048 128v1064q-28-31-60-57t-68-50V640H128v1024h868q3 33 10 65t18 63H0V128zm-128 128H128v256h1792zM256 1536V768h640v768zm128-128h384V896H384zm1024-512h-384V768h384zm-384 130h384q-122 41-216 126h-168zm1014 462l-124 51q6 30 6 59q0 32-6 63l124 51l-49 119l-124-52q-17 25-38 47t-48 39l52 124l-119 49l-51-124q-30 6-61 6q-15 0-30-3t-30-6l-52 127l-119-49l52-125q-25-17-45-39t-38-47l-127 53l-49-119l124-51q-6-30-6-59q0-31 6-63l-124-51l49-119l124 52q17-25 38-47t48-39l-52-124l119-49l51 124q30-6 59-6q31 0 63 6l51-124l119 49l-52 124q25 17 47 38t39 48l124-52zm-438 303q40 0 75-15t61-41t41-61t15-74t-15-74t-41-61t-62-42t-74-15q-39 0-74 15t-61 41t-42 62t-15 74q0 40 15 74t41 61t62 41t74 15"/></svg>

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

React

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

<Icon icon="fluent-mdl2:content-settings" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:content-settings" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:content-settings" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--content-settings]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:content-settings"></div>

مكوّن ويب

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

<iconify-icon icon="fluent-mdl2:content-settings"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/content-settings.svg" alt="أيقونة Content Settings" width="24" height="24">

أيقونات ذات صلة في Fluent UI MDL2

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

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

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

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

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

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

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

تصفح كل أيقونات Fluent UI MDL2 →