Art icon
flat-ui:art
The Art icon (flat-ui:art) is a free SVG icon from the Flat UI Icons set by Designmodo, Inc.. It is drawn on a 100 × 100 grid. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Flat UI Icons
- Author
- Designmodo, Inc.
- License
- MIT
- Size
- 100 × 100
SVG code
<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>How to use the Art icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/flat-ui/art.svg" alt="Art icon" width="24" height="24">Art icon in other icon sets
Art icon FAQ
Is the Art icon free for commercial use?
Yes. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Art icon in React?
Install @iconify/react and render <Icon icon="flat-ui:art" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Art icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/flat-ui/art.svg" alt="Art icon">, or paste the SVG code inline to style it with CSS.