Ikon Art
flat-ui:art
Ikon Art (flat-ui:art) adalah ikon SVG gratis dari set Flat UI Icons karya Designmodo, Inc.. Ikon ini digambar pada grid 100 × 100. Flat UI Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Flat UI Icons
- Pembuat
- Designmodo, Inc.
- Lisensi
- MIT
- Ukuran
- 100 × 100
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#17A085" d="M50 0c27.613 0 50 22.386 50 50s-22.387 50-50 50C22.386 100 0 77.614 0 50S22.386 0 50 0"/><defs><circle id="SVGifCBlePx" cx="50" cy="50" r="50"/></defs><clipPath id="SVGtcVZrdEc"><use href="#SVGifCBlePx"/></clipPath><g clip-path="url(#SVGtcVZrdEc)"><path fill="#107864" d="m17 34l-33 33v51h31l21-21V43z"/><path fill="#EBEDEE" d="M76 31.051V31H26v.051c-.33-.028-.662-.051-1-.051c-6.627 0-12 5.373-12 12c0 6.628 5.373 12 12 12c2.45 0 4.725-.738 6.621-2H32l-4 4v49h44V57l-4-4h.379c1.896 1.262 4.171 2 6.621 2c6.628 0 12-5.372 12-12c0-6.289-4.841-11.44-11-11.949"/><path fill="#D3D5D6" d="M26 31v.051c-.33-.028-.662-.051-1-.051c-6.627 0-12 5.373-12 12c0 6.628 5.373 12 12 12a11 11 0 0 0 1.519-.104l.016-.002a12 12 0 0 0 1.466-.289v.006A12 12 0 0 0 31.622 53H32l-4 4v49h22V31z"/><path fill="#BDC3C7" d="M76 36H23c-2.891.861-5 3.83-5 7a7 7 0 1 0 14 0c0-1.075-.25-2.09-.683-3h37.365A7 7 0 0 0 68 43a7 7 0 1 0 14 0c0-3.524-2.609-6.513-6-7M25 46a3 3 0 1 1 0-6a3 3 0 0 1 0 6m50 0a3 3 0 1 1 0-6a3 3 0 0 1 0 6"/><circle cx="41" cy="51" r="2" fill="#AAAFB3"/><circle cx="50" cy="51" r="2" fill="#BDC3C7"/><circle cx="59" cy="51" r="2" fill="#BDC3C7"/><path fill="#AAAFB3" d="M18 43a7 7 0 1 0 14 0c0-1.075-.25-2.09-.683-3H50v-4H23c-2.891.861-5 3.83-5 7m10 0a3 3 0 1 1-6 0a3 3 0 0 1 6 0m20 8a2 2 0 0 0 2 2v-4a2 2 0 0 0-2 2m-2 13v41c0 .348.059.68.142 1H50V60a4 4 0 0 0-4 4"/><path fill="#BDC3C7" d="M53.857 106a4 4 0 0 0 .143-1V64a4 4 0 0 0-8 0v41c0 .348.059.68.142 1zm13 0a4 4 0 0 0 .143-1V64a4 4 0 0 0-8 0v41c0 .348.059.68.143 1z"/><path fill="#AAAFB3" d="M40.858 106c.083-.32.142-.652.142-1V64a4 4 0 0 0-8 0v41c0 .348.059.68.142 1z"/></g></svg>Cara memakai ikon Art
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:art" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:art" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:art" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--art]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:art"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:art"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/art.svg" alt="Ikon Art" width="24" height="24">Ikon Art di set ikon lain
FAQ Ikon Art
Apakah ikon Art gratis untuk penggunaan komersial?
Ya. Flat UI Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Art di React?
Pasang @iconify/react lalu render <Icon icon="flat-ui:art" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Art ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/flat-ui/art.svg" alt="Ikon Art">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.