أيقونة Settings Input Component Outline

material-symbols:settings-input-component-outline

أيقونة Settings Input Component Outline (material-symbols:settings-input-component-outline) أيقونة SVG مجانية من مجموعة Material Symbols من تصميم Google. مرسومة على شبكة 24 × 24. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Material Symbols
المؤلف: Google
الترخيص: Apache-2.0
الحجم: 24 × 24
الوسوم: audio، av، cable، cables، component، connect، connection، connectivity، input، internet، plug، points، settings، video، wifi، action

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3 23v-4.2q-.875-.3-1.437-1.062T1 16V6h2V2q0-.425.288-.712T4 1t.713.288T5 2v4h2v10q0 .975-.562 1.738T5 18.8V23zm8 0v-4.2q-.875-.3-1.437-1.062T9 16V6h2V2q0-.425.288-.712T12 1t.713.288T13 2v4h2v10q0 .975-.562 1.738T13 18.8V23zm8 0v-4.2q-.875-.3-1.437-1.062T17 16V6h2V2q0-.425.288-.712T20 1t.713.288T21 2v4h2v10q0 .975-.562 1.738T21 18.8V23zM3 8v4h2V8zm8 0v4h2V8zm8 0v4h2V8zM4 17q.425 0 .713-.288T5 16v-2H3v2q0 .425.288.713T4 17m8 0q.425 0 .713-.288T13 16v-2h-2v2q0 .425.288.713T12 17m8 0q.425 0 .713-.288T21 16v-2h-2v2q0 .425.288.713T20 17m0-4"/></svg>

كيفية استخدام أيقونة Settings Input Component Outline

React

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

<Icon icon="material-symbols:settings-input-component-outline" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:settings-input-component-outline" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:settings-input-component-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--settings-input-component-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:settings-input-component-outline"></div>

مكوّن ويب

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

<iconify-icon icon="material-symbols:settings-input-component-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/settings-input-component-outline.svg" alt="أيقونة Settings Input Component Outline" width="24" height="24">

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

أيقونة Settings Input Component Outline في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Settings Input Component Outline

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

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

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

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/material-symbols/settings-input-component-outline.svg" alt="أيقونة Settings Input Component Outline">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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