@vkontakte/icons 3.32.0 → 3.33.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/16/sort_arrow_down_16.d.ts +5 -0
- package/dist/16/sort_arrow_down_16.js +25 -0
- package/dist/16/sort_arrow_up_16.d.ts +5 -0
- package/dist/16/sort_arrow_up_16.js +25 -0
- package/dist/24/sort_arrow_down_24.d.ts +5 -0
- package/dist/24/sort_arrow_down_24.js +18 -0
- package/dist/24/sort_arrow_up_24.d.ts +5 -0
- package/dist/24/sort_arrow_up_24.js +18 -0
- package/dist/28/sort_arrow_down_28.d.ts +5 -0
- package/dist/28/sort_arrow_down_28.js +18 -0
- package/dist/28/sort_arrow_up_28.d.ts +5 -0
- package/dist/28/sort_arrow_up_28.js +18 -0
- package/dist/32/sort_arrow_down_32.d.ts +5 -0
- package/dist/32/sort_arrow_down_32.js +18 -0
- package/dist/32/sort_arrow_up_32.d.ts +5 -0
- package/dist/32/sort_arrow_up_32.js +18 -0
- package/dist/48/sort_arrow_down_48.d.ts +5 -0
- package/dist/48/sort_arrow_down_48.js +18 -0
- package/dist/48/sort_arrow_up_48.d.ts +5 -0
- package/dist/48/sort_arrow_up_48.js +18 -0
- package/dist/icons-map.json +1 -1
- package/dist/index.d.ts +10 -0
- package/dist/index.js +10 -0
- package/dist/typings/16/sort_arrow_down_16.d.ts +5 -0
- package/dist/typings/16/sort_arrow_up_16.d.ts +5 -0
- package/dist/typings/24/sort_arrow_down_24.d.ts +5 -0
- package/dist/typings/24/sort_arrow_up_24.d.ts +5 -0
- package/dist/typings/28/sort_arrow_down_28.d.ts +5 -0
- package/dist/typings/28/sort_arrow_up_28.d.ts +5 -0
- package/dist/typings/32/sort_arrow_down_32.d.ts +5 -0
- package/dist/typings/32/sort_arrow_up_32.d.ts +5 -0
- package/dist/typings/48/sort_arrow_down_48.d.ts +5 -0
- package/dist/typings/48/sort_arrow_up_48.d.ts +5 -0
- package/dist/typings/index.d.ts +10 -0
- package/package.json +1 -1
- package/src/svg/16/sort_arrow_down_16.svg +1 -0
- package/src/svg/16/sort_arrow_up_16.svg +1 -0
- package/src/svg/24/sort_arrow_down_24.svg +1 -0
- package/src/svg/24/sort_arrow_up_24.svg +1 -0
- package/src/svg/28/sort_arrow_down_28.svg +1 -0
- package/src/svg/28/sort_arrow_up_28.svg +1 -0
- package/src/svg/32/sort_arrow_down_32.svg +1 -0
- package/src/svg/32/sort_arrow_up_32.svg +1 -0
- package/src/svg/48/sort_arrow_down_48.svg +1 -0
- package/src/svg/48/sort_arrow_up_48.svg +1 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon16SortArrowDown = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 16 16",
|
|
7
|
+
width: 16,
|
|
8
|
+
height: 16,
|
|
9
|
+
vkuiIconId: "sort_arrow_down_16",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: [
|
|
15
|
+
/*#__PURE__*/ _jsx("path", {
|
|
16
|
+
d: "M8.75 3.5a.75.75 0 0 1 0 1.5h-7a.75.75 0 0 1 0-1.5zm-1.5 3.75a.75.75 0 0 1 0 1.5h-5.5a.75.75 0 0 1 0-1.5zm-1.5 3.5a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5z"
|
|
17
|
+
}),
|
|
18
|
+
/*#__PURE__*/ _jsx("path", {
|
|
19
|
+
fillRule: "evenodd",
|
|
20
|
+
d: "M12 2.5a.75.75 0 0 1 .75.75v7.69l.97-.97a.75.75 0 1 1 1.06 1.06l-2.25 2.25a.76.76 0 0 1-.518.22h-.024a.75.75 0 0 1-.518-.22l-2.25-2.25a.75.75 0 1 1 1.06-1.06l.97.97V3.25A.75.75 0 0 1 12 2.5",
|
|
21
|
+
clipRule: "evenodd"
|
|
22
|
+
})
|
|
23
|
+
]
|
|
24
|
+
});
|
|
25
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon16SortArrowUp = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 16 16",
|
|
7
|
+
width: 16,
|
|
8
|
+
height: 16,
|
|
9
|
+
vkuiIconId: "sort_arrow_up_16",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: [
|
|
15
|
+
/*#__PURE__*/ _jsx("path", {
|
|
16
|
+
d: "M8.75 12.5a.75.75 0 0 0 0-1.5h-7a.75.75 0 0 0 0 1.5zm-1.5-3.75a.75.75 0 0 0 0-1.5h-5.5a.75.75 0 0 0 0 1.5zm-1.5-3.5a.75.75 0 0 0 0-1.5h-4a.75.75 0 0 0 0 1.5z"
|
|
17
|
+
}),
|
|
18
|
+
/*#__PURE__*/ _jsx("path", {
|
|
19
|
+
fillRule: "evenodd",
|
|
20
|
+
d: "M12 13.5a.75.75 0 0 0 .75-.75V5.06l.97.97a.75.75 0 1 0 1.06-1.06l-2.25-2.25a.76.76 0 0 0-.518-.22h-.024a.75.75 0 0 0-.518.22L9.22 4.97a.75.75 0 0 0 1.06 1.06l.97-.97v7.69c0 .414.336.75.75.75",
|
|
21
|
+
clipRule: "evenodd"
|
|
22
|
+
})
|
|
23
|
+
]
|
|
24
|
+
});
|
|
25
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon24SortArrowDown = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: 24,
|
|
8
|
+
height: 24,
|
|
9
|
+
vkuiIconId: "sort_arrow_down_24",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M15.6 5.5a.9.9 0 1 1 1.8 0v10.827l2.064-2.063a.9.9 0 0 1 1.272 1.272l-3.6 3.6a.9.9 0 0 1-1.272 0l-3.6-3.6a.9.9 0 0 1 1.273-1.272l2.063 2.063zM8.1 16.1a.9.9 0 0 1 0 1.8H3.9a.9.9 0 0 1 0-1.8zm2-5a.9.9 0 0 1 0 1.8H3.9a.9.9 0 0 1 0-1.8zm2-5a.9.9 0 0 1 0 1.8H3.9a.9.9 0 0 1 0-1.8z"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon24SortArrowUp = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: 24,
|
|
8
|
+
height: 24,
|
|
9
|
+
vkuiIconId: "sort_arrow_up_24",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M15.6 18.5V7.673l-2.063 2.063a.9.9 0 0 1-1.274-1.272l3.6-3.6.066-.06a.9.9 0 0 1 1.207.06l3.6 3.6a.9.9 0 1 1-1.273 1.272L17.4 7.673V18.5a.9.9 0 0 1-1.8 0m-3.5-2.4a.9.9 0 0 1 0 1.8H3.9a.9.9 0 0 1 0-1.8zm-2-5a.9.9 0 0 1 0 1.8H3.9a.9.9 0 0 1 0-1.8zm-2-5a.9.9 0 0 1 0 1.8H3.9a.9.9 0 0 1 0-1.8z"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon28SortArrowDown = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 28 28",
|
|
7
|
+
width: 28,
|
|
8
|
+
height: 28,
|
|
9
|
+
vkuiIconId: "sort_arrow_down_28",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M20 6.5c.552 0 1 .482 1 1.077v10.508l2.293-2.292a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L19 18.085V7.577c0-.555.39-1.012.891-1.07zM14.654 8c.467 0 .846.448.846 1s-.379 1-.846 1H3.846C3.38 10 3 9.552 3 9s.379-1 .846-1zm-2.972 5c.452 0 .818.448.818 1s-.366 1-.818 1H3.818C3.366 15 3 14.552 3 14s.366-1 .818-1zm-1.96 5c.43 0 .778.448.778 1s-.348 1-.778 1H3.778C3.348 20 3 19.552 3 19s.348-1 .778-1z"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon28SortArrowUp = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 28 28",
|
|
7
|
+
width: 28,
|
|
8
|
+
height: 28,
|
|
9
|
+
vkuiIconId: "sort_arrow_up_28",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M20 21.5c.552 0 1-.482 1-1.077V9.915l2.293 2.292a1 1 0 0 0 1.32.083l.094-.083a1 1 0 0 0 0-1.414l-4-4a1 1 0 0 0-1.414 0l-4 4a1 1 0 0 0 1.414 1.414L19 9.915v10.508c0 .555.39 1.012.891 1.07zM14.654 20c.467 0 .846-.448.846-1s-.379-1-.846-1H3.846C3.38 18 3 18.448 3 19s.379 1 .846 1zm-2.972-5c.452 0 .818-.448.818-1s-.366-1-.818-1H3.818C3.366 13 3 13.448 3 14s.366 1 .818 1zm-1.96-5c.43 0 .778-.448.778-1s-.348-1-.778-1H3.778C3.348 8 3 8.448 3 9s.348 1 .778 1z"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon32SortArrowDown = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 32 32",
|
|
7
|
+
width: 32,
|
|
8
|
+
height: 32,
|
|
9
|
+
vkuiIconId: "sort_arrow_down_32",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M24.396 25.545a1.547 1.547 0 0 1-2.192 0l-4.738-4.747a1.255 1.255 0 0 1 0-1.772 1.25 1.25 0 0 1 1.767 0l2.817 2.823V7.253a1.251 1.251 0 1 1 2.5 0v14.596l2.815-2.823a1.25 1.25 0 0 1 1.768 0c.488.49.488 1.283 0 1.772zM16.75 8a1.25 1.25 0 1 1 0 2.5h-13a1.25 1.25 0 0 1 0-2.5zm-3.5 6.7a1.25 1.25 0 1 1 0 2.5h-9.5a1.25 1.25 0 0 1 0-2.5zm-2.5 6.8a1.25 1.25 0 1 1 0 2.5h-7a1.25 1.25 0 0 1 0-2.5z"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon32SortArrowUp = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 32 32",
|
|
7
|
+
width: 32,
|
|
8
|
+
height: 32,
|
|
9
|
+
vkuiIconId: "sort_arrow_up_32",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M24.396 6.455a1.547 1.547 0 0 0-2.192 0l-4.738 4.747a1.255 1.255 0 0 0 0 1.771c.488.49 1.28.489 1.767 0l2.817-2.822v14.596c0 .691.56 1.253 1.25 1.253s1.25-.562 1.25-1.253V10.15l2.815 2.822c.488.49 1.28.489 1.768 0a1.255 1.255 0 0 0 0-1.771zM16.75 24a1.25 1.25 0 0 0 0-2.5h-13a1.25 1.25 0 1 0 0 2.5zm-3.5-6.7a1.25 1.25 0 0 0 0-2.5h-9.5a1.25 1.25 0 1 0 0 2.5zm-2.5-6.8a1.25 1.25 0 1 0 0-2.5h-7a1.25 1.25 0 1 0 0 2.5z"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon48SortArrowDown = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 48 48",
|
|
7
|
+
width: 48,
|
|
8
|
+
height: 48,
|
|
9
|
+
vkuiIconId: "sort_arrow_down_48",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M34.5 12.5c.828 0 1.5.74 1.5 1.651v16.113l3.44-3.515a1.476 1.476 0 0 1 1.98-.127l.14.127c.586.599.586 1.57 0 2.169l-6 6.133a1.477 1.477 0 0 1-2.12 0l-6-6.133a1.56 1.56 0 0 1 0-2.169 1.477 1.477 0 0 1 2.12 0L33 30.264V14.15c0-.85.585-1.552 1.337-1.641zm-7.925 2c.787 0 1.425.672 1.425 1.5s-.638 1.5-1.425 1.5H7.425C6.638 17.5 6 16.828 6 16s.638-1.5 1.425-1.5zm-4.981 8c.776 0 1.406.672 1.406 1.5s-.63 1.5-1.406 1.5H7.406C6.63 25.5 6 24.828 6 24s.63-1.5 1.406-1.5zm-4.969 8c.76 0 1.375.672 1.375 1.5s-.616 1.5-1.375 1.5h-9.25C6.615 33.5 6 32.828 6 32s.616-1.5 1.375-1.5z"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon48SortArrowUp = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 48 48",
|
|
7
|
+
width: 48,
|
|
8
|
+
height: 48,
|
|
9
|
+
vkuiIconId: "sort_arrow_up_48",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M34.5 35.5c.828 0 1.5-.74 1.5-1.651V17.736l3.44 3.515c.54.553 1.39.595 1.98.127l.14-.127a1.56 1.56 0 0 0 0-2.169l-6-6.133a1.477 1.477 0 0 0-2.12 0l-6 6.133a1.56 1.56 0 0 0 0 2.169 1.477 1.477 0 0 0 2.12 0L33 17.736V33.85c0 .85.585 1.552 1.337 1.641zm-7.925-2c.787 0 1.425-.672 1.425-1.5s-.638-1.5-1.425-1.5H7.425C6.638 30.5 6 31.172 6 32s.638 1.5 1.425 1.5zm-4.981-8C22.37 25.5 23 24.828 23 24s-.63-1.5-1.406-1.5H7.406C6.63 22.5 6 23.172 6 24s.63 1.5 1.406 1.5zm-4.969-8c.76 0 1.375-.672 1.375-1.5s-.616-1.5-1.375-1.5h-9.25C6.615 14.5 6 15.172 6 16s.616 1.5 1.375 1.5z"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|