Charging Flat icon
streamline-plump-color:charging-flat
The Charging Flat icon (streamline-plump-color:charging-flat) is a free SVG icon from the Plump color icons set by Streamline. It is drawn on a 48 × 48 grid. Plump color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Plump color icons
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 48 × 48
- Category
- ComputerDevices
- Tags
- chargingflat
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" fill-rule="evenodd" d="M2.929 22.98a2 2 0 0 0 2.263-1.697C6.509 12.077 14.429 5 24 5s17.49 7.077 18.807 16.283a2 2 0 1 0 3.96-.566C45.172 9.569 35.588 1 23.999 1C12.412 1 2.828 9.569 1.233 20.717A2 2 0 0 0 2.93 22.98Zm0 2.04a2 2 0 0 1 2.263 1.697c.216 1.511.61 2.964 1.16 4.337a2 2 0 0 1-3.714 1.486a23 23 0 0 1-1.406-5.257A2 2 0 0 1 2.93 25.02Zm42.141 0a2 2 0 0 1 1.697 2.264a23 23 0 0 1-1.406 5.256a2 2 0 0 1-3.713-1.486c.55-1.373.943-2.826 1.159-4.337a2 2 0 0 1 2.263-1.697M6.242 35.392a2 2 0 0 1 2.809.337a19 19 0 0 0 3.197 3.202a2 2 0 1 1-2.477 3.141a23 23 0 0 1-3.865-3.871a2 2 0 0 1 .336-2.809m35.515 0a2 2 0 0 1 .337 2.809a23 23 0 0 1-3.895 3.894a2 2 0 1 1-2.471-3.145a19 19 0 0 0 3.22-3.22a2 2 0 0 1 2.809-.338m-27.442 7.354a2 2 0 0 1 2.602-1.11c1.382.556 2.844.954 4.366 1.172a2 2 0 1 1-.567 3.96a23 23 0 0 1-5.291-1.42a2 2 0 0 1-1.11-2.602m19.34.016a2 2 0 0 1-1.114 2.6a23 23 0 0 1-5.258 1.405a2 2 0 1 1-.567-3.96a19 19 0 0 0 4.338-1.16a2 2 0 0 1 2.6 1.115Z" clip-rule="evenodd"/><path fill="#2859c5" d="M24.293 10.074c1.987-1.748 4.953-.176 4.774 2.393a186 186 0 0 1-.705 7.872c2.333.307 4.273.64 5.739.924c2.224.43 3.048 3.041 1.56 4.698c-2.524 2.81-7.048 7.65-11.954 11.966c-1.988 1.748-4.953.176-4.774-2.394c.216-3.116.465-5.736.705-7.871a97 97 0 0 1-5.74-.924c-2.224-.43-3.047-3.041-1.559-4.699c2.523-2.809 7.048-7.65 11.954-11.965"/></g></svg>How to use the Charging Flat icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:charging-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:charging-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:charging-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--charging-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:charging-flat"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:charging-flat"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/charging-flat.svg" alt="Charging Flat icon" width="24" height="24">Related icons in Plump color icons
Charging Flat icon in other icon sets
Charging Flat icon FAQ
Is the Charging Flat icon free for commercial use?
Yes. Plump color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Charging Flat icon in React?
Install @iconify/react and render <Icon icon="streamline-plump-color:charging-flat" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Charging Flat icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/charging-flat.svg" alt="Charging Flat icon">, or paste the SVG code inline to style it with CSS.