Skip to content

Fan Line

The fan-line icon represents a fan symbol in a line style, often used in design to indicate a fan or airflow.

Add shadcn.io to your AI agent. · Pro It installs Fan Line, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Fan Line icon from MingCute Icon

Code

Fan Line in your framework

In any framework. Customize it above, and the code follows.

export const FanLineIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...props}>
    <g fill="none" fillRule="evenodd"><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M11.507 1.953c1.268.008 2.671.511 4 1.84c.315.315.585.685.7 1.123a1.7 1.7 0 0 1-.169 1.287c-.184.331-.452.583-.678.768c-.532.436-1.165.748-1.653 1.236a2.06 2.06 0 0 0-.554.96c.737-.759 1.668-1.49 2.689-1.933c.813-.353 1.745-.548 2.701-.354c.976.197 1.856.774 2.584 1.744c.468.625.928 1.65.92 2.883c-.008 1.268-.51 2.671-1.84 4c-.315.315-.684.585-1.123.7a1.7 1.7 0 0 1-1.287-.169c-.331-.184-.583-.452-.768-.678c-.435-.532-.748-1.165-1.236-1.653a2.06 2.06 0 0 0-.96-.554c.759.737 1.49 1.668 1.933 2.689c.353.813.548 1.745.355 2.701c-.198.976-.775 1.856-1.745 2.584c-.625.468-1.65.928-2.883.92c-1.267-.008-2.671-.51-4-1.84c-.315-.315-.585-.684-.7-1.123a1.7 1.7 0 0 1 .17-1.287c.183-.331.451-.583.677-.768c.532-.435 1.165-.748 1.653-1.236a2.06 2.06 0 0 0 .555-.96c-.738.759-1.67 1.49-2.69 1.933c-.813.353-1.745.548-2.701.355c-.976-.198-1.856-.775-2.584-1.745c-.468-.625-.928-1.65-.92-2.883c.008-1.267.511-2.671 1.84-4c.315-.315.685-.585 1.123-.7a1.7 1.7 0 0 1 1.287.17c.331.183.583.451.768.677c.436.532.748 1.165 1.236 1.653c.254.254.579.461.96.555c-.759-.738-1.49-1.67-1.933-2.69c-.353-.813-.548-1.745-.354-2.701c.197-.976.774-1.856 1.744-2.584c.625-.468 1.65-.928 2.883-.92m-1.604 10.94c-1.27.094-2.375-.45-3.11-1.186c-.386-.386-.698-.844-.936-1.194a9 9 0 0 0-.434-.607c-.097-.118-.108-.107-.216.001c-.984.984-1.25 1.894-1.254 2.6a2.85 2.85 0 0 0 .52 1.669c.482.641.958.899 1.38.984c.441.09.948.015 1.51-.229c.96-.416 1.894-1.249 2.54-2.038m2.99 1.204c.094 1.27-.45 2.375-1.186 3.11c-.386.386-.844.698-1.194.936c-.205.14-.414.276-.607.434c-.118.097-.107.108.001.216c.984.984 1.895 1.25 2.6 1.254a2.85 2.85 0 0 0 1.669-.52c.641-.482.899-.958.984-1.38c.09-.441.015-.948-.229-1.51c-.416-.96-1.249-1.893-2.038-2.54m1.204-2.99c1.27-.094 2.375.45 3.11 1.186c.54.54.89 1.215 1.37 1.8c.097.12.108.108.216 0c.984-.984 1.25-1.894 1.254-2.6c.005-.738-.277-1.345-.52-1.669c-.482-.641-.958-.899-1.38-.984c-.441-.09-.948-.015-1.51.229c-.96.416-1.893 1.249-2.54 2.038m-2.99-1.204c-.094-1.27.45-2.375 1.186-3.11c.397-.397.87-.715 1.224-.956a8 8 0 0 0 .577-.414c.118-.097.107-.108-.001-.216c-.984-.984-1.894-1.25-2.6-1.254a2.85 2.85 0 0 0-1.669.52c-.641.482-.899.958-.984 1.38c-.09.441-.015.948.229 1.51c.416.96 1.249 1.894 2.038 2.54"/></g>
  </svg>
);

Other libraries

Fan Line in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Fan Line icon from Phosphor
  • Fan Line icon from Material Design Icons
  • Fan Line icon from IconPark Outline
  • Fan Line icon from WebHostingHub Glyphs
  • Fan Line icon from Bootstrap Icons
  • Fan Line icon from Font Awesome Solid
  • Fan Line icon from Lucide
  • Fan Line icon from Line Awesome

MingCute Icon

Icons that share its tags, in the same style.

  • Fan Direction Up Line icon from MingCute Icon
  • Fast Forward Line icon from MingCute Icon
  • Fast Rewind Line icon from MingCute Icon
  • Arrow Down Line icon from MingCute Icon
  • Arrow Left Circle Line icon from MingCute Icon
  • Arrow Left Down Circle Line icon from MingCute Icon
  • Arrow Left Down Line icon from MingCute Icon
  • Arrow Left Line icon from MingCute Icon
  • Button Line icon from MingCute Icon
  • Edit 4 Line icon from MingCute Icon
  • Edit Line icon from MingCute Icon
  • Egg Crack Line icon from MingCute Icon
  • Egg Line icon from MingCute Icon
  • Egyptian Pyramids Line icon from MingCute Icon
  • Father Christmas Line icon from MingCute Icon
  • News 2 Line icon from MingCute Icon
  • News Line icon from MingCute Icon
  • Rabbit Line icon from MingCute Icon
  • Radar 2 Line icon from MingCute Icon
  • Radar Line icon from MingCute Icon
  • Radiobox Line icon from MingCute Icon
  • Radio Line icon from MingCute Icon
  • Shorts Line icon from MingCute Icon
  • Shovel Line icon from MingCute Icon

Skip the copy and paste. With Pro, your AI agent finds and installs any MingCute Icon icon from a prompt.

Get Pro

Tags

Browse by tag

Fan Line is tagged UI, icon, status and 2 more. Related tags follow; each opens its icons from every library.

Pricing

MingCute Icon MCP, with Pro

Ask for Fan Line or any of 3,320 MingCute Icon icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Fan Line icon means and where it's used, then how to install, style and license it.

Install Fan Line from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro