sword rose icon
sword-rose-sharp from Material Symbols Light by Google · Sharp · Social · Apache-2.0 Free for personal and commercial use.
- Name
- sword-rose-sharp
- Set
- Material Symbols Light
- Style
- Sharp
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the sword rose icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.312 11.285l-2.596-2.596L18.423 3H21v2.577zM4.635 21.304l-1.958-1.958l3.62-3.625l-2.2-2.2l1.407-1.407l1.896 1.89l1.239-1.238l2.596 2.595L9.996 16.6l1.877 1.871l-1.413 1.414l-2.2-2.2zm16.36-.992l-.708.688L8.637 9.4q-.956.673-2.137.597q-1.18-.076-2.038-.934l-.971-.99l.155-.162q.727-.713 1.751-.72t1.751.72L8.637 9.4q.11-.067.203-.162q.095-.096.199-.18q.078-.08.161-.183t.15-.188L7.842 7.198q-1.025-1.02-2.448-1.01T2.958 7.224l-.156.156L2.423 7L7 2.429l2.039 2.058q.863.863.943 2.054T9.35 8.687l7.802 7.802q-.258-.67-.327-1.37T16.9 13.7q.13-.634.426-1.208q.295-.573.715-1.058t.93-.9t1.088-.746q.783 1.066 1.202 2.298t.158 2.502q-.217 1.14-.909 2.045q-.69.904-1.662 1.533z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightSwordRoseSharp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.312 11.285l-2.596-2.596L18.423 3H21v2.577zM4.635 21.304l-1.958-1.958l3.62-3.625l-2.2-2.2l1.407-1.407l1.896 1.89l1.239-1.238l2.596 2.595L9.996 16.6l1.877 1.871l-1.413 1.414l-2.2-2.2zm16.36-.992l-.708.688L8.637 9.4q-.956.673-2.137.597q-1.18-.076-2.038-.934l-.971-.99l.155-.162q.727-.713 1.751-.72t1.751.72L8.637 9.4q.11-.067.203-.162q.095-.096.199-.18q.078-.08.161-.183t.15-.188L7.842 7.198q-1.025-1.02-2.448-1.01T2.958 7.224l-.156.156L2.423 7L7 2.429l2.039 2.058q.863.863.943 2.054T9.35 8.687l7.802 7.802q-.258-.67-.327-1.37T16.9 13.7q.13-.634.426-1.208q.295-.573.715-1.058t.93-.9t1.088-.746q.783 1.066 1.202 2.298t.158 2.502q-.217 1.14-.909 2.045q-.69.904-1.662 1.533z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.312 11.285l-2.596-2.596L18.423 3H21v2.577zM4.635 21.304l-1.958-1.958l3.62-3.625l-2.2-2.2l1.407-1.407l1.896 1.89l1.239-1.238l2.596 2.595L9.996 16.6l1.877 1.871l-1.413 1.414l-2.2-2.2zm16.36-.992l-.708.688L8.637 9.4q-.956.673-2.137.597q-1.18-.076-2.038-.934l-.971-.99l.155-.162q.727-.713 1.751-.72t1.751.72L8.637 9.4q.11-.067.203-.162q.095-.096.199-.18q.078-.08.161-.183t.15-.188L7.842 7.198q-1.025-1.02-2.448-1.01T2.958 7.224l-.156.156L2.423 7L7 2.429l2.039 2.058q.863.863.943 2.054T9.35 8.687l7.802 7.802q-.258-.67-.327-1.37T16.9 13.7q.13-.634.426-1.208q.295-.573.715-1.058t.93-.9t1.088-.746q.783 1.066 1.202 2.298t.158 2.502q-.217 1.14-.909 2.045q-.69.904-1.662 1.533z"/></svg> </template>
CSS
.icon-sword-rose-sharp {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15.312%2011.285l-2.596-2.596L18.423%203H21v2.577zM4.635%2021.304l-1.958-1.958l3.62-3.625l-2.2-2.2l1.407-1.407l1.896%201.89l1.239-1.238l2.596%202.595L9.996%2016.6l1.877%201.871l-1.413%201.414l-2.2-2.2zm16.36-.992l-.708.688L8.637%209.4q-.956.673-2.137.597q-1.18-.076-2.038-.934l-.971-.99l.155-.162q.727-.713%201.751-.72t1.751.72L8.637%209.4q.11-.067.203-.162q.095-.096.199-.18q.078-.08.161-.183t.15-.188L7.842%207.198q-1.025-1.02-2.448-1.01T2.958%207.224l-.156.156L2.423%207L7%202.429l2.039%202.058q.863.863.943%202.054T9.35%208.687l7.802%207.802q-.258-.67-.327-1.37T16.9%2013.7q.13-.634.426-1.208q.295-.573.715-1.058t.93-.9t1.088-.746q.783%201.066%201.202%202.298t.158%202.502q-.217%201.14-.909%202.045q-.69.904-1.662%201.533z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15.312%2011.285l-2.596-2.596L18.423%203H21v2.577zM4.635%2021.304l-1.958-1.958l3.62-3.625l-2.2-2.2l1.407-1.407l1.896%201.89l1.239-1.238l2.596%202.595L9.996%2016.6l1.877%201.871l-1.413%201.414l-2.2-2.2zm16.36-.992l-.708.688L8.637%209.4q-.956.673-2.137.597q-1.18-.076-2.038-.934l-.971-.99l.155-.162q.727-.713%201.751-.72t1.751.72L8.637%209.4q.11-.067.203-.162q.095-.096.199-.18q.078-.08.161-.183t.15-.188L7.842%207.198q-1.025-1.02-2.448-1.01T2.958%207.224l-.156.156L2.423%207L7%202.429l2.039%202.058q.863.863.943%202.054T9.35%208.687l7.802%207.802q-.258-.67-.327-1.37T16.9%2013.7q.13-.634.426-1.208q.295-.573.715-1.058t.93-.9t1.088-.746q.783%201.066%201.202%202.298t.158%202.502q-.217%201.14-.909%202.045q-.69.904-1.662%201.533z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/sword-rose-sharp.svg?color=%231a73e8&size=48