Powder icon
icon-park:powder
The Powder icon (icon-park:powder) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Baby
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M44 40V20C44 18.3431 42.6569 17 41 17H35.715C34.1737 17 32.8226 18.2428 31.7911 19.388C30.6326 20.6742 28.3769 22 24 22C19.6231 22 17.3674 20.6742 16.2089 19.388C15.1774 18.2428 13.8263 17 12.285 17H7C5.34315 17 4 18.3431 4 20V40C4 41.6569 5.34315 43 7 43H41C42.6569 43 44 41.6569 44 40Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M33 17C33 19.7614 28.9706 22 24 22C19.0294 22 15 19.7614 15 17"/><ellipse cx="24" cy="10" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" rx="9" ry="5"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M33 17V10"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M15 17V10"/><ellipse cx="27" cy="10" fill="#000" rx="2" ry="1"/><ellipse cx="21" cy="10" fill="#000" rx="2" ry="1"/></g></svg>How to use the Powder icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:powder" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:powder" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:powder" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--powder]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:powder"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:powder"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/powder.svg" alt="Powder icon" width="24" height="24">Powder icon in other icon sets
Powder icon FAQ
Is the Powder icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Powder icon in React?
Install @iconify/react and render <Icon icon="icon-park:powder" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Powder icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/powder.svg" alt="Powder icon">, or paste the SVG code inline to style it with CSS.