- Notifications
You must be signed in to change notification settings - Fork11
r6operators is a collection of high-quality vectorized Rainbow Six: Siege Operator icons & metadata for Node.js
License
marcopixel/r6operators
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
r6operators is a collection of high-quality vectorized Rainbow Six: Siege Operator icons & metadata for Node.js.
This project started as way for people to get high-resolution operator icons for Rainbow Six: Siege operators, especially as vector graphics gained popularity in web development in the recent years. All icons have been remade by hand and they got the same aspect ratio & alignment for more consistent usage.
https://r6operators.marcopixel.eu/
Install the package withnpm:
npm install r6operators
importr6operatorsfrom"r6operators"// default exportimport{ace,getSVGIcon}from"r6operators"// named exportsr6operators.alibi// {// id: 'alibi',// name: 'Alibi',// role: 'Defender',// org: 'GIS',// squad: 'VIPERSTRIKE',// ratings: {// health: 1,// speed: 3,// difficulty: 3// },// meta: {// gender: 'f',// country: 'it',// season: 'Y3S2',// height: 171,// weight: 63,// price: 10000// },// bio: {// real_name: 'Aria de Luca',// birthplace: 'Tripoli, Lybia'// },// svg: {// contents: [SVG Contents],// attributes: {// xmlns: 'http://www.w3.org/2000/svg',// viewBox: '0 0 350 350',// style: 'enable-background:new 0 0 350 350',// space: 'preserve',// class: 'r6operators r6operators-alibi'// }// },// toSVG: [Function]// }r6operators.alibi.toSVG()// <svg ... >...</svg>r6operators.alibi.toSVG({class:"large","stroke-width":2,color:"red"})// <svg stroke-width="2" color="red" ... >...</svg>
You can also access the optimized SVG icons directly fromnode_modules\r6operators\dist\icons if you desire.
An object containing all data about the operator, including the svg contents and attributes.
Note: You can find all possible operator names in theoperators/index.ts file
Please keep in mind that the properties
bio,metaandratingsare not available on recruits.
r6operators.alibi// {// id: 'alibi',// name: 'Alibi',// role: 'Defender',// org: 'GIS',// squad: 'VIPERSTRIKE',// ratings: {// health: 1,// speed: 3,// difficulty: 3// },// meta: {// gender: 'f',// country: 'it',// season: 'Y3S2',// height: 171,// weight: 63,// price: 10000// },// bio: {// real_name: 'Aria de Luca',// birthplace: 'Tripoli, Lybia'// },// svg: {// contents: [SVG Contents],// attributes: {// xmlns: 'http://www.w3.org/2000/svg',// viewBox: '0 0 350 350',// style: 'enable-background:new 0 0 350 350',// space: 'preserve',// class: 'r6operators r6operators-alibi'// }// },// toSVG: [Function]// }r6operators.alibi.unit.toString()// GIS
Returns an SVG string of the operator icon.
| Name | Type | Description |
|---|---|---|
attrs (optional) | Object | Key-value pairs in theattrs object will be mapped to HTML attributes on the<svg> tag (e.g.{ foo: 'bar' } maps tofoo="bar"). All default attributes on the<svg> tag can be overridden with theattrs object. |
r6operators.alibi.toSVG()// <svg ... >...</svg>r6operators.alibi.toSVG({class:"large"})// <svg ... >...</svg>r6operators.alibi.toSVG({"stroke-width":2,color:"red"})// <svg stroke-width="2" color="red" ... >...</svg>
Returns an SVG string of the operator icon.
| Name | Type | Description |
|---|---|---|
op | Operator | Operator object |
attrs (optional) | Object | Key-value pairs in theattrs object will be mapped to HTML attributes on the<svg> tag (e.g.{ foo: 'bar' } maps tofoo="bar"). All default attributes on the<svg> tag can be overridden with theattrs object. |
import{alibi,getSVGIcon}from"r6operators"getSVGIcon(alibi)// <svg ... >...</svg>getSVGIcon(alibi,{class:"large"})// <svg ... >...</svg>
For more info on how to contribute please see thecontribution guidelines.
Caught a mistake or want to contribute to the documentation?Edit this page on Github
- @colebemis for his work onfeather, which gave me an awesome reference for this project.
- @dtSniper for creating the IQ, Thatcher, Fuze, Glaz, Bandit, Kapkan, Tachanka, Pulse, Sledge and Doc icons.
- @joeyfjj for creating the Goyo, Mute, Smoke, Jäger and Blitz icons.
- @danielwerg for creating the Fenrir, Brava and Solis icons and his awesome price calculator function.
- @LaxisB,@NaughtyMuppet &@danielwerg for general help on this project. <3
r6operators is licensed under theMIT License.
This project is not affiliated with Ubisoft Entertainment. Tom Clancy’s, Rainbow Six, The Soldier Icon, Ubisoft and the Ubisoft logo are trademarks of Ubisoft Entertainment.
About
r6operators is a collection of high-quality vectorized Rainbow Six: Siege Operator icons & metadata for Node.js
