Control Twotone ikonu
ant-design:control-twotone
Control Twotone ikonu (ant-design:control-twotone), Ant Design Icons setinden ücretsiz bir SVG ikondur (yapımcı: HeskeyBaozi). 1024 × 1024 ızgara üzerinde çizilmiştir. Ant Design Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Ant Design Icons
- Yazar
- HeskeyBaozi
- Lisans
- MIT
- Boyut
- 1024 × 1024
- Etiketler
- controltwotone
SVG kodu
<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 ikonu nasıl kullanılır
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>Web bileşeni
<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 görseli
<img src="https://iconyz.com/api/public/svg/ant-design/control-twotone.svg" alt="Control Twotone ikonu" width="24" height="24">Ant Design Icons setindeki benzer ikonlar
Control Twotone ikonu: sık sorulan sorular
Control Twotone ikonu ticari kullanım için ücretsiz mi?
Evet. Ant Design Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Control Twotone ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="ant-design:control-twotone" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Control Twotone ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/ant-design/control-twotone.svg" alt="Control Twotone ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.