أيقونة Control Twotone

ant-design:control-twotone

أيقونة Control Twotone (ant-design:control-twotone) أيقونة SVG مجانية من مجموعة Ant Design Icons من تصميم HeskeyBaozi. مرسومة على شبكة 1024 × 1024. تُنشر Ant Design Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Ant Design Icons
المؤلف: HeskeyBaozi
الترخيص: MIT
الحجم: 1024 × 1024
الوسوم: controltwotone

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32m-40 728H184V184h656z"/><path fill="currentColor" fill-opacity=".15" d="M616 440a36 36 0 1 0 72 0a36 36 0 1 0-72 0M340.4 601.5l1.5 2.4c0 .1.1.1.1.2l.9 1.2c.1.1.2.2.2.3c1 1.3 2 2.5 3.2 3.6l.2.2c.4.4.8.8 1.2 1.1c.8.8 1.7 1.5 2.6 2.1h.1l1.2.9c.1.1.3.2.4.3c1.2.8 2.5 1.6 3.9 2.2c.2.1.5.2.7.4c.4.2.7.3 1.1.5c.3.1.7.3 1 .4c.5.2 1 .4 1.5.5c.4.1.9.3 1.3.4l.9.3l1.4.3c.2.1.5.1.7.2c.7.1 1.4.3 2.1.4c.2 0 .4 0 .6.1c.6.1 1.1.1 1.7.2c.2 0 .4 0 .7.1c.8 0 1.5.1 2.3.1s1.5 0 2.3-.1c.2 0 .4 0 .7-.1c.6 0 1.2-.1 1.7-.2c.2 0 .4 0 .6-.1c.7-.1 1.4-.2 2.1-.4c.2-.1.5-.1.7-.2l1.4-.3l.9-.3c.4-.1.9-.3 1.3-.4c.5-.2 1-.4 1.5-.5c.3-.1.7-.3 1-.4c.4-.2.7-.3 1.1-.5c.2-.1.5-.2.7-.4c1.3-.7 2.6-1.4 3.9-2.2c.1-.1.3-.2.4-.3l1.2-.9h.1c.9-.7 1.8-1.4 2.6-2.1c.4-.4.8-.7 1.2-1.1l.2-.2c1.1-1.1 2.2-2.4 3.2-3.6c.1-.1.2-.2.2-.3l.9-1.2c0-.1.1-.1.1-.2l1.5-2.4c.1-.2.2-.3.3-.5c2.7-5.1 4.3-10.9 4.3-17s-1.6-12-4.3-17c-.1-.2-.2-.4-.3-.5l-1.5-2.4c0-.1-.1-.1-.1-.2l-.9-1.2c-.1-.1-.2-.2-.2-.3c-1-1.3-2-2.5-3.2-3.6l-.2-.2c-.4-.4-.8-.8-1.2-1.1c-.8-.8-1.7-1.5-2.6-2.1h-.1l-1.2-.9c-.1-.1-.3-.2-.4-.3c-1.2-.8-2.5-1.6-3.9-2.2c-.2-.1-.5-.2-.7-.4c-.4-.2-.7-.3-1.1-.5c-.3-.1-.7-.3-1-.4c-.5-.2-1-.4-1.5-.5c-.4-.1-.9-.3-1.3-.4l-.9-.3l-1.4-.3c-.2-.1-.5-.1-.7-.2c-.7-.1-1.4-.3-2.1-.4c-.2 0-.4 0-.6-.1c-.6-.1-1.1-.1-1.7-.2c-.2 0-.4 0-.7-.1c-.8 0-1.5-.1-2.3-.1s-1.5 0-2.3.1c-.2 0-.4 0-.7.1c-.6 0-1.2.1-1.7.2c-.2 0-.4 0-.6.1c-.7.1-1.4.2-2.1.4c-.2.1-.5.1-.7.2l-1.4.3l-.9.3c-.4.1-.9.3-1.3.4c-.5.2-1 .4-1.5.5c-.3.1-.7.3-1 .4c-.4.2-.7.3-1.1.5c-.2.1-.5.2-.7.4c-1.3.7-2.6 1.4-3.9 2.2c-.1.1-.3.2-.4.3l-1.2.9h-.1c-.9.7-1.8 1.4-2.6 2.1c-.4.4-.8.7-1.2 1.1l-.2.2a55 55 0 0 0-3.2 3.6c-.1.1-.2.2-.2.3l-.9 1.2c0 .1-.1.1-.1.2l-1.5 2.4c-.1.2-.2.3-.3.5c-2.7 5.1-4.3 10.9-4.3 17s1.6 12 4.3 17c.1.2.2.3.3.5"/><path fill="currentColor" fill-opacity=".15" d="M184 840h656V184H184zm436.4-499.1c-.2 0-.3.1-.4.1v-77c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v77c-.2 0-.3-.1-.4-.1c42 13.4 72.4 52.7 72.4 99.1s-30.4 85.7-72.4 99.1c.2 0 .3-.1.4-.1v221c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V539c.2 0 .3.1.4.1c-42-13.4-72.4-52.7-72.4-99.1s30.4-85.7 72.4-99.1M340 485V264c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v221c41.7 13.6 72 52.8 72 99s-30.3 85.5-72 99v77c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8v-77c-41.7-13.6-72-52.8-72-99s30.3-85.5 72-99"/><path fill="currentColor" d="M340 683v77c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-77c41.7-13.5 72-52.8 72-99s-30.3-85.4-72-99V264c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v221c-41.7 13.5-72 52.8-72 99s30.3 85.4 72 99m.1-116c.1-.2.2-.3.3-.5l1.5-2.4c0-.1.1-.1.1-.2l.9-1.2c0-.1.1-.2.2-.3c1-1.2 2.1-2.5 3.2-3.6l.2-.2c.4-.4.8-.7 1.2-1.1c.8-.7 1.7-1.4 2.6-2.1h.1l1.2-.9c.1-.1.3-.2.4-.3c1.3-.8 2.6-1.5 3.9-2.2c.2-.2.5-.3.7-.4c.4-.2.7-.3 1.1-.5c.3-.1.7-.3 1-.4c.5-.1 1-.3 1.5-.5c.4-.1.9-.3 1.3-.4l.9-.3l1.4-.3c.2-.1.5-.1.7-.2c.7-.2 1.4-.3 2.1-.4c.2-.1.4-.1.6-.1c.5-.1 1.1-.2 1.7-.2c.3-.1.5-.1.7-.1c.8-.1 1.5-.1 2.3-.1s1.5.1 2.3.1c.3.1.5.1.7.1c.6.1 1.1.1 1.7.2c.2.1.4.1.6.1c.7.1 1.4.3 2.1.4c.2.1.5.1.7.2l1.4.3l.9.3c.4.1.9.3 1.3.4c.5.1 1 .3 1.5.5c.3.1.7.3 1 .4c.4.2.7.3 1.1.5c.2.2.5.3.7.4c1.4.6 2.7 1.4 3.9 2.2c.1.1.3.2.4.3l1.2.9h.1c.9.6 1.8 1.3 2.6 2.1c.4.3.8.7 1.2 1.1l.2.2c1.2 1.1 2.2 2.3 3.2 3.6c0 .1.1.2.2.3l.9 1.2c0 .1.1.1.1.2l1.5 2.4A36 36 0 0 1 408 584c0 6.1-1.6 11.9-4.3 17c-.1.2-.2.3-.3.5l-1.5 2.4c0 .1-.1.1-.1.2l-.9 1.2c0 .1-.1.2-.2.3c-1 1.2-2.1 2.5-3.2 3.6l-.2.2c-.4.4-.8.7-1.2 1.1c-.8.7-1.7 1.4-2.6 2.1h-.1l-1.2.9c-.1.1-.3.2-.4.3c-1.3.8-2.6 1.5-3.9 2.2c-.2.2-.5.3-.7.4c-.4.2-.7.3-1.1.5c-.3.1-.7.3-1 .4c-.5.1-1 .3-1.5.5c-.4.1-.9.3-1.3.4l-.9.3l-1.4.3c-.2.1-.5.1-.7.2c-.7.2-1.4.3-2.1.4c-.2.1-.4.1-.6.1c-.5.1-1.1.2-1.7.2c-.3.1-.5.1-.7.1c-.8.1-1.5.1-2.3.1s-1.5-.1-2.3-.1c-.3-.1-.5-.1-.7-.1c-.6-.1-1.1-.1-1.7-.2c-.2-.1-.4-.1-.6-.1c-.7-.1-1.4-.3-2.1-.4c-.2-.1-.5-.1-.7-.2l-1.4-.3l-.9-.3c-.4-.1-.9-.3-1.3-.4c-.5-.1-1-.3-1.5-.5c-.3-.1-.7-.3-1-.4c-.4-.2-.7-.3-1.1-.5c-.2-.2-.5-.3-.7-.4c-1.4-.6-2.7-1.4-3.9-2.2c-.1-.1-.3-.2-.4-.3l-1.2-.9h-.1c-.9-.6-1.8-1.3-2.6-2.1c-.4-.3-.8-.7-1.2-1.1l-.2-.2c-1.2-1.1-2.2-2.3-3.2-3.6c0-.1-.1-.2-.2-.3l-.9-1.2c0-.1-.1-.1-.1-.2l-1.5-2.4c-.1-.2-.2-.3-.3-.5c-2.7-5-4.3-10.9-4.3-17s1.6-11.9 4.3-17m280.3-27.9c-.1 0-.2-.1-.4-.1v221c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V539c-.1 0-.2.1-.4.1c42-13.4 72.4-52.7 72.4-99.1s-30.4-85.7-72.4-99.1c.1 0 .2.1.4.1v-77c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v77c.1 0 .2-.1.4-.1c-42 13.4-72.4 52.7-72.4 99.1s30.4 85.7 72.4 99.1M652 404c19.9 0 36 16.1 36 36s-16.1 36-36 36s-36-16.1-36-36s16.1-36 36-36"/></svg>

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

React

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

<Icon icon="ant-design:control-twotone" width="24" />

Vue

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

<template>
  <Icon icon="ant-design:control-twotone" width="24" />
</template>

Svelte

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

<Icon icon="ant-design:control-twotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--control-twotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:control-twotone"></div>

مكوّن ويب

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

<iconify-icon icon="ant-design:control-twotone"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/ant-design/control-twotone.svg" alt="أيقونة Control Twotone" width="24" height="24">

أيقونات ذات صلة في Ant Design Icons

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

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

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

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

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

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

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

تصفح كل Ant Design Icons →