The Lucide swords icon depicts two crossed swords, commonly used to represent actions related to combat, competition, or conflict in user interfaces.
Common uses
- Button for a 'Challenge' or 'Duel' feature
- Indicator for a 'War Mode' setting
- Link to a 'Combat Log' or 'Battle History'
Use it in React
Install
npm i lucide-reactImport & render
import { Swords } from 'lucide-react';
<Swords size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- battlechallengegamewarweaponswordsbattle iconweapon iconcombat iconfight icon
FAQ
- What does the swords icon represent?
- It represents two crossed swords, symbolizing conflict, battle, or competition.
- How do I use the swords icon in React?
- You can import and use it like this: import { Swords } from 'lucide-react'; <Swords />.
- What is the license for the Lucide swords icon?
- The Lucide icon library, including the swords icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →