Fluent Icons

Person Lightbulb icon

Used in a wide range of scenarios - representing a general person, a contact, contact lists, sharing, and managing access. The Person Lightbulb icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 2 sizes from 20 to 24 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

SVG

Filled

SVG
Xceed Toolkit Plus for WPF logoXceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_person_lightbulb_24_regular.svg

Person Lightbulb icon in React

npm install @fluentui/react-icons

import { PersonLightbulb24Regular } from "@fluentui/react-icons";

export function Example() {
  return <PersonLightbulb24Regular aria-label="Person Lightbulb" />;
}

Person Lightbulb icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/person_lightbulb_24_regular.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/person_lightbulb_24_regular.svg" width="24" height="24" alt="Person Lightbulb">

Person Lightbulb icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.PersonLightbulb())" />

Person Lightbulb icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.person_lightbulb_24_regular)

Person Lightbulb icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xE935;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xE935;" FontSize="24" />

Person Lightbulb icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_person_lightbulb_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\e935";
  font-size: 24px;
}

Person Lightbulb icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_person_lightbulb_24_regular" />

// Kotlin
R.drawable.ic_fluent_person_lightbulb_24_regular

Person Lightbulb icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .personLightbulb24Regular)

Person Lightbulb icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Use the Person Lightbulb icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS. 

npm install @fluentui/react-icons

import { PersonLightbulb24Regular, PersonLightbulb24Filled } from "@fluentui/react-icons";

export function Example() {
  return <PersonLightbulb24Regular aria-label="Person Lightbulb" />;
}

Coding agents can look up this component through the Fluent Icons MCP server.

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_person_lightbulb_24_regular.svg" width="24" height="24" alt="Person Lightbulb">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent: 

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0252 15.5002C13.0776 14.9716 13.2124 14.4673 13.4165 14.0002H6.25278C5.01076 14.0002 4.00391 15.007 4.00391 16.2491V16.8267C4.00391 17.7195 4.32242 18.583 4.90219 19.2619C6.46849 21.0962 8.8545 22.0013 12.0004 22.0013C13.1754 22.0013 14.2446 21.875 15.2049 21.6212L14.9102 20.1476C14.0601 20.3829 13.0914 20.5013 12.0004 20.5013C9.26206 20.5013 7.29618 19.7555 6.04287 18.2878C5.69502 17.8805 5.50391 17.3624 5.50391 16.8267V16.2491C5.50391 15.8355 5.83919 15.5002 6.25278 15.5002H13.0252ZM17.0004 7.00488C17.0004 4.24346 14.7618 2.00488 12.0004 2.00488C9.23894 2.00488 7.00036 4.24346 7.00036 7.00488C7.00036 9.76631 9.23894 12.0049 12.0004 12.0049C14.7618 12.0049 17.0004 9.76631 17.0004 7.00488ZM8.50036 7.00488C8.50036 5.07189 10.0674 3.50488 12.0004 3.50488C13.9334 3.50488 15.5004 5.07189 15.5004 7.00488C15.5004 8.93788 13.9334 10.5049 12.0004 10.5049C10.0674 10.5049 8.50036 8.93788 8.50036 7.00488ZM22.0005 16C22.0005 17.3806 21.301 18.5979 20.2371 19.3167L20.1005 20H15.9005L15.7638 19.3167C14.6999 18.5979 14.0005 17.3806 14.0005 16C14.0005 13.7909 15.7913 12 18.0005 12C20.2096 12 22.0005 13.7909 22.0005 16ZM16.1005 21L16.2593 21.7942C16.3996 22.4953 17.0152 23 17.7302 23H18.2708C18.9858 23 19.6014 22.4953 19.7417 21.7942L19.9005 21H16.1005Z" fill="currentColor"/></svg>

Details

NamePerson Lightbulb
StylesRegular (outlined), Filled
Sizes20 px, 24 px
Regular (outlined) fileic_fluent_person_lightbulb_24_regular.svg
Filled fileic_fluent_person_lightbulb_24_filled.svg
React (Regular)PersonLightbulb20Regular, PersonLightbulb24Regular
React (Filled)PersonLightbulb20Filled, PersonLightbulb24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

humanpatientcontactguestlightai

Related icons

Lightbulb PersonPersonPerson 5Person 6Person AccountsPerson AddPerson AlertPerson Alert OffPerson Arrow BackPerson Arrow LeftPerson Arrow RightPerson Available