swords icon
swords from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- swords
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the swords icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path stroke-linecap="round" d="m7.5 16.445l-4 4.045m-1-1.011l2 2.022"/><path d="M9 17.96L20.167 6.67c.358-.362.537-.544.664-.76q.078-.129.134-.27c.094-.231.13-.485.202-.992c.131-.932.197-1.397-.004-1.714a1 1 0 0 0-.302-.305c-.313-.203-.773-.137-1.694-.004c-.502.073-.753.11-.983.204a2 2 0 0 0-.267.135c-.213.129-.392.31-.75.673L6 14.927"/><path stroke-linecap="round" d="m5 13.916l2.5 2.528l2.5 2.528m6.5-2.527l4 4.045m1-1.011l-2 2.022M15 17.96l-1-1.01M7.002 9.872L3.835 6.67c-.358-.362-.538-.544-.665-.76a2 2 0 0 1-.133-.27c-.095-.231-.13-.485-.202-.992c-.132-.932-.197-1.397.003-1.714a1 1 0 0 1 .302-.305c.313-.203.774-.137 1.695-.004c.502.073.752.11.982.204q.139.058.267.135c.213.129.393.31.751.673l3.167 3.201M17 13.916l1 1.011m1-1.011l-2.5 2.528l-2.5 2.528"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsSwords(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="1.5"><path strokeLinecap="round" d="m7.5 16.445l-4 4.045m-1-1.011l2 2.022"/><path d="M9 17.96L20.167 6.67c.358-.362.537-.544.664-.76q.078-.129.134-.27c.094-.231.13-.485.202-.992c.131-.932.197-1.397-.004-1.714a1 1 0 0 0-.302-.305c-.313-.203-.773-.137-1.694-.004c-.502.073-.753.11-.983.204a2 2 0 0 0-.267.135c-.213.129-.392.31-.75.673L6 14.927"/><path strokeLinecap="round" d="m5 13.916l2.5 2.528l2.5 2.528m6.5-2.527l4 4.045m1-1.011l-2 2.022M15 17.96l-1-1.01M7.002 9.872L3.835 6.67c-.358-.362-.538-.544-.665-.76a2 2 0 0 1-.133-.27c-.095-.231-.13-.485-.202-.992c-.132-.932-.197-1.397.003-1.714a1 1 0 0 1 .302-.305c.313-.203.774-.137 1.695-.004c.502.073.752.11.982.204q.139.058.267.135c.213.129.393.31.751.673l3.167 3.201M17 13.916l1 1.011m1-1.011l-2.5 2.528l-2.5 2.528"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path stroke-linecap="round" d="m7.5 16.445l-4 4.045m-1-1.011l2 2.022"/><path d="M9 17.96L20.167 6.67c.358-.362.537-.544.664-.76q.078-.129.134-.27c.094-.231.13-.485.202-.992c.131-.932.197-1.397-.004-1.714a1 1 0 0 0-.302-.305c-.313-.203-.773-.137-1.694-.004c-.502.073-.753.11-.983.204a2 2 0 0 0-.267.135c-.213.129-.392.31-.75.673L6 14.927"/><path stroke-linecap="round" d="m5 13.916l2.5 2.528l2.5 2.528m6.5-2.527l4 4.045m1-1.011l-2 2.022M15 17.96l-1-1.01M7.002 9.872L3.835 6.67c-.358-.362-.538-.544-.665-.76a2 2 0 0 1-.133-.27c-.095-.231-.13-.485-.202-.992c-.132-.932-.197-1.397.003-1.714a1 1 0 0 1 .302-.305c.313-.203.774-.137 1.695-.004c.502.073.752.11.982.204q.139.058.267.135c.213.129.393.31.751.673l3.167 3.201M17 13.916l1 1.011m1-1.011l-2.5 2.528l-2.5 2.528"/></g></svg> </template>
CSS
.icon-swords {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m7.5%2016.445l-4%204.045m-1-1.011l2%202.022%22%2F%3E%3Cpath%20d%3D%22M9%2017.96L20.167%206.67c.358-.362.537-.544.664-.76q.078-.129.134-.27c.094-.231.13-.485.202-.992c.131-.932.197-1.397-.004-1.714a1%201%200%200%200-.302-.305c-.313-.203-.773-.137-1.694-.004c-.502.073-.753.11-.983.204a2%202%200%200%200-.267.135c-.213.129-.392.31-.75.673L6%2014.927%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m5%2013.916l2.5%202.528l2.5%202.528m6.5-2.527l4%204.045m1-1.011l-2%202.022M15%2017.96l-1-1.01M7.002%209.872L3.835%206.67c-.358-.362-.538-.544-.665-.76a2%202%200%200%201-.133-.27c-.095-.231-.13-.485-.202-.992c-.132-.932-.197-1.397.003-1.714a1%201%200%200%201%20.302-.305c.313-.203.774-.137%201.695-.004c.502.073.752.11.982.204q.139.058.267.135c.213.129.393.31.751.673l3.167%203.201M17%2013.916l1%201.011m1-1.011l-2.5%202.528l-2.5%202.528%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m7.5%2016.445l-4%204.045m-1-1.011l2%202.022%22%2F%3E%3Cpath%20d%3D%22M9%2017.96L20.167%206.67c.358-.362.537-.544.664-.76q.078-.129.134-.27c.094-.231.13-.485.202-.992c.131-.932.197-1.397-.004-1.714a1%201%200%200%200-.302-.305c-.313-.203-.773-.137-1.694-.004c-.502.073-.753.11-.983.204a2%202%200%200%200-.267.135c-.213.129-.392.31-.75.673L6%2014.927%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m5%2013.916l2.5%202.528l2.5%202.528m6.5-2.527l4%204.045m1-1.011l-2%202.022M15%2017.96l-1-1.01M7.002%209.872L3.835%206.67c-.358-.362-.538-.544-.665-.76a2%202%200%200%201-.133-.27c-.095-.231-.13-.485-.202-.992c-.132-.932-.197-1.397.003-1.714a1%201%200%200%201%20.302-.305c.313-.203.774-.137%201.695-.004c.502.073.752.11.982.204q.139.058.267.135c.213.129.393.31.751.673l3.167%203.201M17%2013.916l1%201.011m1-1.011l-2.5%202.528l-2.5%202.528%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/swords.svg?color=%231a73e8&size=48
