Support icon
flat-ui:support
The Support icon (flat-ui:support) 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="#EBEEEF" 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="#F1C40E" d="M45 61h10c11.046 0 20 8.954 20 20v8c0 11.046-8.954 20.001-20 20.001H45c-11.046 0-20-8.955-20-20.001v-8c0-11.046 8.954-20 20-20"/><path fill="#FFF55C" d="M49.865 79.994c-2.042 0-3.863 1.538-3.863 3.152c0 .685.51 1.19 1.24 1.19c.847 0 1.152-.504 1.38-.985c.244-.519.439-.963 1.335-.963c.793 0 1.398.377 1.398 1.061c0 .588-.701.798-1.318 1.267c-.72.546-1.535 1.166-1.535 2.226c0 .606.429 1.223 1.224 1.223c.889 0 1.088-.49 1.25-.907c.061-.157.116-.308.207-.438c.125-.178.436-.396.764-.625c.867-.608 2.057-1.441 2.057-2.938c0-2.409-2.231-3.263-4.139-3.263m-.1 9.126c-.78 0-1.412.646-1.412 1.438c0 .797.632 1.439 1.412 1.439s1.411-.646 1.411-1.439s-.631-1.438-1.411-1.438M51 53c7.732 0 14 4.479 14 10.001C65 68.521 58.732 73 51 73s-14-4.479-14-9.999C37 57.479 43.268 53 51 53"/><path fill="#4D301A" d="M33 47.001h36A2 2 0 0 1 71 49v11a2 2 0 0 1-2 2H33a2 2 0 0 1-2-2V49a2 2 0 0 1 2-1.999"/><path fill="#DF9274" d="M51 19c11.046 0 20 11.193 20 25c0 13.809-8.954 25-20 25S31 57.809 31 44c0-13.807 8.954-25 20-25"/><path fill="#fff" d="M43.5 43a3.5 3.5 0 1 1 0 7a3.5 3.5 0 0 1 0-7"/><path fill="#3498DB" d="M43.5 45a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3"/><path fill="#fff" d="M57.5 43a3.5 3.5 0 1 1 0 7a3.5 3.5 0 0 1 0-7"/><path fill="#3498DB" d="M57.5 45a1.5 1.5 0 1 1-.002 3.002A1.5 1.5 0 0 1 57.5 45"/><path fill="#4D301A" d="M70.619 39.143C68.811 27.661 60.716 19 51 19c-10.006 0-18.296 9.186-19.768 21.179c1.559.524 11.375 3.339 23.859-5.729c2.589 2.925 7.729 7.181 15.528 4.693"/><path fill="#C0392C" d="M70.027 37c-1.202.008-.996 3.358-.996 7.5c0 .835-.012 1.637-.02 2.388c-1.045 1.618-3.777 5.537-7.025 7.566c-2.707 1.692-6.332 2.837-8.23 3.364A3 3 0 1 0 51 62a2.995 2.995 0 0 0 2.891-2.236c1.27-.306 5.731-1.474 8.916-3.463c2.562-1.603 4.854-4.363 6.262-6.294c.1 1.233.353 1.993.958 1.993C73.326 52 76 48.642 76 44.5s-2.674-7.522-5.973-7.5M32 37c-3.313-.022-6 3.358-6 7.5s2.687 7.5 6 7.5c1.283 0 1-3.358 1-7.5s.207-7.492-1-7.5"/></g></svg>How to use the Support icon
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:support" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:support" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:support" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--support]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:support"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:support"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/flat-ui/support.svg" alt="Support icon" width="24" height="24">Support icon in other icon sets
Support icon FAQ
Is the Support 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 Support icon in React?
Install @iconify/react and render <Icon icon="flat-ui:support" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Support icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/flat-ui/support.svg" alt="Support icon">, or paste the SVG code inline to style it with CSS.