Skip to content

Commit 8ed640b

Browse files
Implement new "Nord JetBrains" specific icon and illustration components
This includes new icons and SVG illustrations. GH-143
1 parent e1233c8 commit 8ed640b

File tree

8 files changed

+124
-0
lines changed

8 files changed

+124
-0
lines changed
Lines changed: 3 additions & 0 deletions
Loading
Lines changed: 3 additions & 0 deletions
Loading
Lines changed: 4 additions & 0 deletions
Loading
Lines changed: 4 additions & 0 deletions
Loading
Lines changed: 12 additions & 0 deletions
Loading
Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
/*
2+
* Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
3+
* Copyright (C) 2018-present Sven Greb <[email protected]>
4+
*
5+
* Project: Nord Docs
6+
* Repository: https://github.com/arcticicestudio/nord-docs
7+
* License: MIT
8+
*/
9+
10+
import React from "react";
11+
import styled from "styled-components";
12+
13+
import { ReactComponent as BrushSVGFill } from "assets/images/icons/eva-icons/brush-fill.svg";
14+
import { ReactComponent as BrushSVGOutline } from "assets/images/icons/eva-icons/brush-outline.svg";
15+
16+
import { iconDefaultProps, iconPropTypes, themeModeFillColorStyles } from "../shared";
17+
18+
const BrushIconFill = styled(BrushSVGFill)`
19+
${themeModeFillColorStyles};
20+
`;
21+
22+
const BrushIconOutline = styled(BrushSVGOutline)`
23+
${themeModeFillColorStyles};
24+
`;
25+
26+
/**
27+
* The "brush" icon from "Eva Icons" as styled SVG vector graphic component.
28+
* The "outline" variant can be used by passing the `outlined` boolean prop.
29+
* By default, it uses the fill color and transition based on the current active global theme mode.
30+
*
31+
* @author Arctic Ice Studio <[email protected]>
32+
* @author Sven Greb <[email protected]>
33+
* @since 0.13.0
34+
* @see https://akveo.github.io/eva-icons
35+
*/
36+
const Brush = ({ className, outlined, svgRef }) =>
37+
outlined ? (
38+
<BrushIconFill className={className} svgRef={svgRef} />
39+
) : (
40+
<BrushIconOutline className={className} svgRef={svgRef} />
41+
);
42+
43+
Brush.propTypes = iconPropTypes;
44+
45+
Brush.defaultProps = iconDefaultProps;
46+
47+
export default Brush;
Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
/*
2+
* Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
3+
* Copyright (C) 2018-present Sven Greb <[email protected]>
4+
*
5+
* Project: Nord Docs
6+
* Repository: https://github.com/arcticicestudio/nord-docs
7+
* License: MIT
8+
*/
9+
10+
import React from "react";
11+
import styled from "styled-components";
12+
13+
import { ReactComponent as Settings2SVGFill } from "assets/images/icons/eva-icons/settings-2-fill.svg";
14+
import { ReactComponent as Settings2SVGOutline } from "assets/images/icons/eva-icons/settings-2-outline.svg";
15+
16+
import { iconDefaultProps, iconPropTypes, themeModeFillColorStyles } from "../shared";
17+
18+
const Settings2IconFill = styled(Settings2SVGFill)`
19+
${themeModeFillColorStyles};
20+
`;
21+
22+
const Settings2IconOutline = styled(Settings2SVGOutline)`
23+
${themeModeFillColorStyles};
24+
`;
25+
26+
/**
27+
* The "settings-2" icon from "Eva Icons" as styled SVG vector graphic component.
28+
* The "outline" variant can be used by passing the `outlined` boolean prop.
29+
* By default, it uses the fill color and transition based on the current active global theme mode.
30+
*
31+
* @author Arctic Ice Studio <[email protected]>
32+
* @author Sven Greb <[email protected]>
33+
* @since 0.13.0
34+
* @see https://akveo.github.io/eva-icons
35+
*/
36+
const Settings2 = ({ className, outlined, svgRef }) =>
37+
outlined ? (
38+
<Settings2IconFill className={className} svgRef={svgRef} />
39+
) : (
40+
<Settings2IconOutline className={className} svgRef={svgRef} />
41+
);
42+
43+
Settings2.propTypes = iconPropTypes;
44+
45+
Settings2.defaultProps = iconDefaultProps;
46+
47+
export default Settings2;

src/components/atoms/core/vectors/icons/index.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@
1818
import AlertCircle from "./AlertCircle";
1919
import ArrowForward from "./ArrowForward";
2020
import BookOpen from "./BookOpen";
21+
import Brush from "./Brush";
2122
import Bulb from "./Bulb";
2223
import CloudDownload from "./CloudDownload";
2324
import Code from "./Code";
@@ -35,6 +36,7 @@ import PriceTags from "./PriceTags";
3536
import QuestionMarkCircle from "./QuestionMarkCircle";
3637
import Reddit from "./Reddit";
3738
import Search from "./Search";
39+
import Settings2 from "./Settings2";
3840
import Slack from "./Slack";
3941
import Spectrum from "./Spectrum";
4042
import StackOverflow from "./StackOverflow";
@@ -48,6 +50,7 @@ export {
4850
AlertCircle,
4951
ArrowForward,
5052
BookOpen,
53+
Brush,
5154
Bulb,
5255
CloudDownload,
5356
Code,
@@ -65,6 +68,7 @@ export {
6568
QuestionMarkCircle,
6669
Reddit,
6770
Search,
71+
Settings2,
6872
Slack,
6973
Spectrum,
7074
StackOverflow,

0 commit comments

Comments
 (0)