Light Member icon
icon-park:light-member
The Light Member icon (icon-park:light-member) 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
- Others
- Tags
- lightmember
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path stroke="#000" stroke-linecap="round" d="M35.0563 15.0002L18.4627 7.66508C17.5887 7.27875 16.5635 7.56461 16.0156 8.34745L11.3589 15.0002"/><path fill="#2F88FF" stroke="#000" d="M43 15H5C4.44772 15 4 15.4477 4 16V40C4 40.5523 4.44772 41 5 41H43C43.5523 41 44 40.5523 44 40V16C44 15.4477 43.5523 15 43 15Z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M19 23L24.1026 33L29 23"/></g></svg>
How to use the Light Member icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:light-member" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:light-member" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:light-member" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--light-member]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:light-member"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:light-member"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/light-member.svg" alt="Light Member icon" width="24" height="24">
Related icons in IconPark
Light Member icon in other icon sets
Light Member icon FAQ
Is the Light Member 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 Light Member icon in React?
Install @iconify/react and render <Icon icon="icon-park:light-member" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Light Member icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/light-member.svg" alt="Light Member icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
