The Phosphor finn the human icon depicts the main protagonist from the animated series Adventure Time, often used to represent characters, games, or themes related to the show in UI elements.
Common uses
- Character selection in a game
- Button for 'Adventure Time' themed content
- Avatar for a user profile
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { FinnTheHuman } from '@phosphor-icons/react';
<FinnTheHuman size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<FinnTheHuman size={24} />thin
<FinnTheHuman size={24} weight="thin" />light
<FinnTheHuman size={24} weight="light" />bold
<FinnTheHuman size={24} weight="bold" />fill
<FinnTheHuman size={24} weight="fill" />duotone
<FinnTheHuman size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- games
- Keywords
- adventure timecartoonstelevisiontvcharactergamesfinnthehumanadventure time finncartoon charactertv show iconhero icon
FAQ
- What does the finn-the-human icon represent?
- It represents Finn the Human, the main character from the animated series Adventure Time. It's suitable for use cases related to the show or adventure themes.
- How do I use the finn-the-human icon in React?
- You can import and use it in your React application with the following statement: import { FinnTheHuman } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the finn-the-human icon, is available under the MIT license.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →