User Interface ikonu
flat-ui:user-interface
User Interface ikonu (flat-ui:user-interface), Flat UI Icons setinden ücretsiz bir SVG ikondur (yapımcı: Designmodo, Inc.). 100 × 100 ızgara üzerinde çizilmiştir. Flat UI 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
- Flat UI Icons
- Yazar
- Designmodo, Inc.
- Lisans
- MIT
- Boyut
- 100 × 100
- Etiketler
- userinterface
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#EBEDEE" d="M4 0h92a4 4 0 0 1 4 4v92a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4"/><path fill="#fff" d="M10 20h80v70H10z"/><path fill="#E74C3C" d="M13 7a3 3 0 1 1 0 6a3 3 0 0 1 0-6"/><path fill="#F39C12" d="M23 7a3 3 0 1 1 0 6a3 3 0 0 1 0-6"/><path fill="#17A085" d="M33 7a3 3 0 1 1 0 6a3 3 0 0 1 0-6"/><path fill="#fff" d="M45 7h45v6H45z"/><path fill="#BDC3C7" d="M20 45v5h25v-5zm0 15h25v-5H20zm0 10h25v-5H20zm0 10h25v-5H20z"/><path fill="#1ABC9C" d="M20 30h60v10H20z"/><path fill="#BDC3C7" d="M50 45v15h30V45zm0 35h30V65H50z"/></svg>User Interface ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:user-interface" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:user-interface" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:user-interface" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--user-interface]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:user-interface"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:user-interface"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/flat-ui/user-interface.svg" alt="User Interface ikonu" width="24" height="24">User Interface ikonu: sık sorulan sorular
User Interface ikonu ticari kullanım için ücretsiz mi?
Evet. Flat UI Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
User Interface ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="flat-ui:user-interface" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
User Interface 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/flat-ui/user-interface.svg" alt="User Interface ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.