Skip to content

Commit

Permalink
build: update icons (#802)
Browse files Browse the repository at this point in the history
  • Loading branch information
@danranVm
danranVm committed Mar 17, 2022
1 parent 7c1a6e1 commit eca22cf
Show file tree
Hide file tree
Showing 15 changed files with 46 additions and 18 deletions.
4 changes: 4 additions & 0 deletions packages/components/icon/demo/all.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,6 +52,8 @@ export const allIcons = [
'delivered-procedure',
'desktop',
'disconnect',
'dislike-filled',
'dislike',
'dot-chart',
'double-left',
'double-right',
Expand Down Expand Up @@ -105,6 +107,8 @@ export const allIcons = [
'layout',
'left-circle',
'left',
'like-filled',
'like',
'line-chart',
'link',
'loading-3-quarters',
Expand Down
38 changes: 29 additions & 9 deletions packages/components/icon/src/definitions.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -162,12 +162,12 @@ export const CloseCircleFilled = {

export const CloseCircle = {
name: 'close-circle',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 64a384 384 0 1 0 0 768 384 384 0 0 0 0-768z"/><path d="M707.2 343.232a12.8 12.8 0 0 1 0 18.112L557.632 510.848l149.44 149.44a12.8 12.8 0 0 1 0 18.112l-27.2 27.136a12.8 12.8 0 0 1-18.048 0L512.384 556.16 362.944 705.6a12.8 12.8 0 0 1-18.048 0l-27.2-27.136a12.8 12.8 0 0 1 0-18.112L467.2 510.848l-147.264-147.2a12.8 12.8 0 0 1 0-18.112l27.136-27.136a12.8 12.8 0 0 1 18.112 0l147.264 147.2 149.568-149.504a12.8 12.8 0 0 1 18.048 0l27.2 27.136z"/></svg>',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 64a384 384 0 1 0 0 768 384 384 0 0 0 0-768zm195.2 215.232a12.8 12.8 0 0 1 0 18.112L557.632 510.848l149.44 149.44a12.8 12.8 0 0 1 0 18.112l-27.2 27.136a12.8 12.8 0 0 1-18.048 0L512.384 556.16 362.944 705.6a12.8 12.8 0 0 1-18.048 0l-27.2-27.136a12.8 12.8 0 0 1 0-18.112L467.2 510.848l-147.264-147.2a12.8 12.8 0 0 1 0-18.112l27.136-27.136a12.8 12.8 0 0 1 18.112 0l147.264 147.2 149.568-149.504a12.8 12.8 0 0 1 18.048 0l27.2 27.136z"/></svg>',
}

export const Close = {
name: 'close',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M191.68 146.432 877.568 832.32a12.8 12.8 0 0 1 0 18.112l-27.136 27.136a12.8 12.8 0 0 1-18.112 0L146.432 191.68a12.8 12.8 0 0 1 0-18.112l27.136-27.136a12.8 12.8 0 0 1 18.112 0z"/><path d="m850.432 146.432 27.136 27.136a12.8 12.8 0 0 1 0 18.112L191.68 877.568a12.8 12.8 0 0 1-18.112 0l-27.136-27.136a12.8 12.8 0 0 1 0-18.112L832.32 146.432a12.8 12.8 0 0 1 18.112 0z"/></svg>',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M282.24 236.928 512 466.688l229.76-229.76a12.8 12.8 0 0 1 18.176 0l27.136 27.136a12.8 12.8 0 0 1 0 18.112L557.248 512l229.76 229.888a12.8 12.8 0 0 1 0 18.112l-27.072 27.136a12.8 12.8 0 0 1-18.112 0L512 557.248l-229.76 229.76a12.8 12.8 0 0 1-18.176 0l-27.136-27.072a12.8 12.8 0 0 1 0-18.112L466.688 512l-229.76-229.76a12.8 12.8 0 0 1 0-18.176l27.136-27.136a12.8 12.8 0 0 1 18.112 0z"/></svg>',
}

export const CloudDownload = {
Expand Down Expand Up @@ -270,19 +270,29 @@ export const Disconnect = {
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M579.84 683.648 444.032 819.52c-99.968 99.968-241.792 120.192-316.8 45.248-74.944-75.008-54.72-216.832 45.248-316.8l135.872-135.872 45.312 45.312-137.152 137.024c-74.944 75.008-95.232 176.32-45.248 226.304 48.192 48.192 151.296 29.696 226.112-45.44l137.152-136.96 45.376 45.312zm272.512-544c74.944 75.008 54.72 216.832-45.312 316.8L670.4 593.152l-45.312-45.312L761.28 411.712c75.008-74.944 95.232-176.256 45.248-226.24-48.192-48.192-152.064-23.104-226.112 45.44l-136.192 136-45.376-45.376L535.552 184.96c99.968-100.032 241.792-120.32 316.8-45.312zM353.728 276.224l-45.248 45.248-135.744-135.744 45.248-45.248zm99.904-222.4v128h-64v-128zM86.08 357.376h128v64h-128zm629.696 280.896-45.248 45.248 135.744 135.744 45.248-45.248zm222.4-99.904h-128v64h128zM634.624 905.92v-128h-64v128z"/></svg>',
}

export const DislikeFilled = {
name: 'dislike-filled',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M885.9 490.3c3.6-12 5.4-24.4 5.4-37 0-28.3-9.3-55.5-26.1-77.7 3.6-12 5.4-24.4 5.4-37 0-28.3-9.3-55.5-26.1-77.7 3.6-12 5.4-24.4 5.4-37 0-51.6-30.7-98.1-78.3-118.4a66.1 66.1 0 0 0-26.5-5.4H273v428h.3l85.8 310.8C372.9 889 418.9 924 470.9 924c29.7 0 57.4-11.8 77.9-33.4 20.5-21.5 31-49.7 29.5-79.4l-6-122.9h239.9c12.1 0 23.9-3.2 34.3-9.3 40.4-23.5 65.5-66.1 65.5-111 0-28.3-9.3-55.5-26.1-77.7zM112 132v364c0 17.7 14.3 32 32 32h65V100h-65c-17.7 0-32 14.3-32 32z"/></svg>',
}

export const Dislike = {
name: 'dislike',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M885.9 490.3c3.6-12 5.4-24.4 5.4-37 0-28.3-9.3-55.5-26.1-77.7 3.6-12 5.4-24.4 5.4-37 0-28.3-9.3-55.5-26.1-77.7 3.6-12 5.4-24.4 5.4-37 0-51.6-30.7-98.1-78.3-118.4a66.1 66.1 0 0 0-26.5-5.4H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h129.3l85.8 310.8C372.9 889 418.9 924 470.9 924c29.7 0 57.4-11.8 77.9-33.4 20.5-21.5 31-49.7 29.5-79.4l-6-122.9h239.9c12.1 0 23.9-3.2 34.3-9.3 40.4-23.5 65.5-66.1 65.5-111 0-28.3-9.3-55.5-26.1-77.7zM184 456V172h81v284h-81zm627.2 160.4H496.8l9.6 198.4c.6 11.9-4.7 23.1-14.6 30.5-6.1 4.5-13.6 6.8-21.1 6.7a44.28 44.28 0 0 1-42.2-32.3L329 459.2V172h415.4a56.85 56.85 0 0 1 33.6 51.8c0 9.7-2.3 18.9-6.9 27.3l-13.9 25.4 21.9 19a56.76 56.76 0 0 1 19.6 43c0 9.7-2.3 18.9-6.9 27.3l-13.9 25.4 21.9 19a56.76 56.76 0 0 1 19.6 43c0 9.7-2.3 18.9-6.9 27.3l-14 25.5 21.9 19a56.76 56.76 0 0 1 19.6 43c0 19.1-11 37.5-28.8 48.4z"/></svg>',
}

export const DotChart = {
name: 'dot-chart',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M115.2 128c7.04 0 12.8 5.76 12.8 12.8V832h819.2c7.04 0 12.8 5.76 12.8 12.8v38.4a12.8 12.8 0 0 1-12.8 12.8H76.8A12.8 12.8 0 0 1 64 883.2V140.8c0-7.04 5.76-12.8 12.8-12.8h38.4z"/><path d="M192 704a64 64 0 1 0 128 0 64 64 0 1 0-128 0Zm192-128a64 64 0 1 0 128 0 64 64 0 1 0-128 0Zm256 32a96 96 0 1 0 192 0 96 96 0 1 0-192 0Zm320-288a64 64 0 1 0-128 0 64 64 0 1 0 128 0Z"/></svg>',
}

export const DoubleLeft = {
name: 'double-left',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="m167.104 521.024 388.48 388.544a12.8 12.8 0 0 0 18.176 0l27.136-27.136a12.8 12.8 0 0 0 0-18.112L257.6 521.024a12.8 12.8 0 0 1 0-18.048L600.96 159.68a12.8 12.8 0 0 0 0-18.112l-27.136-27.136a12.8 12.8 0 0 0-18.112 0l-388.48 388.48a12.8 12.8 0 0 0 0 18.112zm192 0 388.48 388.544a12.8 12.8 0 0 0 18.176 0l27.136-27.136a12.8 12.8 0 0 0 0-18.112L449.6 521.024a12.8 12.8 0 0 1 0-18.048L792.896 159.68a12.8 12.8 0 0 0 0-18.112l-27.136-27.136a12.8 12.8 0 0 0-18.112 0l-388.48 388.48a12.8 12.8 0 0 0 0 18.112z"/></svg>',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M533.504 265.344a32 32 0 0 1 0 45.312L342.336 501.76a12.8 12.8 0 0 0 0 18.112l192.512 192.512a32 32 0 0 1-45.248 45.248L265.344 533.504a32 32 0 0 1 0-45.248L488.32 265.344a32 32 0 0 1 45.248 0zm224 0a32 32 0 0 1 0 45.312L566.336 501.76a12.8 12.8 0 0 0 0 18.112l192.512 192.512a32 32 0 1 1-45.248 45.248L489.344 533.504a32 32 0 0 1 0-45.248l222.912-222.912a32 32 0 0 1 45.248 0z"/></svg>',
}

export const DoubleRight = {
name: 'double-right',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="m856.896 521.024-388.48 388.544a12.8 12.8 0 0 1-18.176 0l-27.136-27.136a12.8 12.8 0 0 1 0-18.112L766.4 521.024a12.8 12.8 0 0 0 0-18.048L423.04 159.68a12.8 12.8 0 0 1 0-18.112l27.136-27.136a12.8 12.8 0 0 1 18.112 0l388.48 388.48a12.8 12.8 0 0 1 0 18.112zm-192 0-388.48 388.544a12.8 12.8 0 0 1-18.176 0l-27.136-27.136a12.8 12.8 0 0 1 0-18.112L574.4 521.024a12.8 12.8 0 0 0 0-18.048L231.04 159.68a12.8 12.8 0 0 1 0-18.112l27.136-27.136a12.8 12.8 0 0 1 18.112 0l388.48 388.48a12.8 12.8 0 0 1 0 18.112z"/></svg>',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M490.752 265.344a32 32 0 0 0 0 45.312L681.92 501.824a12.8 12.8 0 0 1 0 18.112L489.344 712.448a32 32 0 0 0 45.312 45.248l224.192-224.192a32 32 0 0 0 0-45.248L536 265.344a32 32 0 0 0-45.248 0zm-224 0a32 32 0 0 0 0 45.312L457.92 501.76a12.8 12.8 0 0 1 0 18.112L265.344 712.384a32 32 0 1 0 45.312 45.248L534.848 533.44a32 32 0 0 0 0-45.248L312 265.344a32 32 0 0 0-45.248 0z"/></svg>',
}

export const DownCircle = {
Expand All @@ -292,7 +302,7 @@ export const DownCircle = {

export const Down = {
name: 'down',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="m502.976 728.896-388.544-388.48a12.8 12.8 0 0 1 0-18.176l27.136-27.136a12.8 12.8 0 0 1 18.112 0L502.976 638.4a12.8 12.8 0 0 0 18.048 0L864.32 295.104a12.8 12.8 0 0 1 18.112 0l27.136 27.136a12.8 12.8 0 0 1 0 18.112l-388.48 388.48a12.8 12.8 0 0 1-18.112 0z"/></svg>',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M534.016 661.568a29.888 29.888 0 0 1-45.376 0L265.408 414.144a38.336 38.336 0 0 1 0-50.24 29.888 29.888 0 0 1 45.312 0l191.552 212.288a11.968 11.968 0 0 0 18.112 0l192.896-213.76a29.888 29.888 0 0 1 45.312 0 38.336 38.336 0 0 1 0 50.24l-224.64 248.96z"/></svg>',
}

export const Download = {
Expand Down Expand Up @@ -532,7 +542,17 @@ export const LeftCircle = {

export const Left = {
name: 'left',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="m295.104 502.976 388.48-388.544a12.8 12.8 0 0 1 18.176 0l27.136 27.136a12.8 12.8 0 0 1 0 18.112L385.6 502.976a12.8 12.8 0 0 0 0 18.048L728.896 864.32a12.8 12.8 0 0 1 0 18.112l-27.136 27.136a12.8 12.8 0 0 1-18.112 0l-388.48-388.48a12.8 12.8 0 0 1 0-18.112z"/></svg>',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M362.432 534.016a29.888 29.888 0 0 1 0-45.376l247.424-223.232a38.336 38.336 0 0 1 50.24 0 29.888 29.888 0 0 1 0 45.312L447.808 502.272a11.968 11.968 0 0 0 0 18.112l213.76 192.896a29.888 29.888 0 0 1 0 45.312 38.336 38.336 0 0 1-50.24 0l-248.96-224.64z"/></svg>',
}

export const LikeFilled = {
name: 'like-filled',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M885.9 533.7c16.8-22.2 26.1-49.4 26.1-77.7 0-44.9-25.1-87.4-65.5-111.1a67.67 67.67 0 0 0-34.3-9.3H572.4l6-122.9c1.4-29.7-9.1-57.9-29.5-79.4A106.62 106.62 0 0 0 471 99.9c-52 0-98 35-111.8 85.1l-85.9 311h-.3v428h472.3c9.2 0 18.2-1.8 26.5-5.4 47.6-20.3 78.3-66.8 78.3-118.4 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7-.2-12.6-2-25.1-5.6-37.1zM112 528v364c0 17.7 14.3 32 32 32h65V496h-65c-17.7 0-32 14.3-32 32z"/></svg>',
}

export const Like = {
name: 'like',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M885.9 533.7c16.8-22.2 26.1-49.4 26.1-77.7 0-44.9-25.1-87.4-65.5-111.1a67.67 67.67 0 0 0-34.3-9.3H572.4l6-122.9c1.4-29.7-9.1-57.9-29.5-79.4A106.62 106.62 0 0 0 471 99.9c-52 0-98 35-111.8 85.1l-85.9 311H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h601.3c9.2 0 18.2-1.8 26.5-5.4 47.6-20.3 78.3-66.8 78.3-118.4 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7-.2-12.6-2-25.1-5.6-37.1zM184 852V568h81v284h-81zm636.4-353-21.9 19 13.9 25.4a56.2 56.2 0 0 1 6.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 0 1 6.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 0 1 6.9 27.3c0 22.4-13.2 42.6-33.6 51.8H329V564.8l99.5-360.5a44.1 44.1 0 0 1 42.2-32.3c7.6 0 15.1 2.2 21.1 6.7 9.9 7.4 15.2 18.6 14.6 30.5l-9.6 198.4h314.4C829 418.5 840 436.9 840 456c0 16.5-7.2 32.1-19.6 43z"/></svg>',
}

export const LineChart = {
Expand Down Expand Up @@ -707,7 +727,7 @@ export const PlusSquare = {

export const Plus = {
name: 'plus',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M499.2 64c7.04 0 12.8 5.76 12.8 12.8l-.064 372.352 370.048.064c7.04 0 12.8 5.76 12.8 12.8v38.4a12.8 12.8 0 0 1-12.8 12.8l-370.048-.064L512 883.2a12.8 12.8 0 0 1-12.8 12.8h-38.4a12.8 12.8 0 0 1-12.8-12.8l-.064-370.048-372.352.064a12.8 12.8 0 0 1-12.8-12.8v-38.4c0-7.04 5.76-12.8 12.8-12.8l372.352-.064L448 76.8c0-7.04 5.76-12.8 12.8-12.8h38.4z"/></svg>',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M499.2 128c7.04 0 12.8 5.312 12.8 11.84V448h308.16c6.528 0 11.84 5.76 11.84 12.8v38.4c0 7.04-5.312 12.8-11.84 12.8H512v308.16c0 6.528-5.76 11.84-12.8 11.84h-38.4c-7.04 0-12.8-5.312-12.8-11.84V512H139.84c-6.528 0-11.84-5.76-11.84-12.8v-38.4c0-7.04 5.312-12.8 11.84-12.8l308.16-.064V139.84c0-6.528 5.76-11.84 12.8-11.84h38.4z"/></svg>',
}

export const Poweroff = {
Expand Down Expand Up @@ -757,7 +777,7 @@ export const RightCircle = {

export const Right = {
name: 'right',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="m728.896 521.024-388.48 388.544a12.8 12.8 0 0 1-18.176 0l-27.136-27.136a12.8 12.8 0 0 1 0-18.112L638.4 521.024a12.8 12.8 0 0 0 0-18.048L295.04 159.68a12.8 12.8 0 0 1 0-18.112l27.136-27.136a12.8 12.8 0 0 1 18.112 0l388.48 388.48a12.8 12.8 0 0 1 0 18.112z"/></svg>',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M661.568 534.016a29.888 29.888 0 0 0 0-45.376L414.144 265.408a38.336 38.336 0 0 0-50.24 0 29.888 29.888 0 0 0 0 45.312l212.288 191.552a11.968 11.968 0 0 1 0 18.112L362.432 713.28a29.888 29.888 0 0 0 0 45.312 38.336 38.336 0 0 0 50.24 0l248.96-224.64z"/></svg>',
}

export const RingChart = {
Expand Down Expand Up @@ -902,7 +922,7 @@ export const Unlock = {

export const Up = {
name: 'up',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="m521.024 295.104 388.544 388.48a12.8 12.8 0 0 1 0 18.176l-27.136 27.136a12.8 12.8 0 0 1-18.112 0L521.024 385.6a12.8 12.8 0 0 0-18.048 0L159.68 728.96a12.8 12.8 0 0 1-18.112 0l-27.136-27.136a12.8 12.8 0 0 1 0-18.112l388.48-388.48a12.8 12.8 0 0 1 18.112 0z"/></svg>',
svg: '<svg viewBox="64 64 896 896" focusable="false"><path d="M489.984 362.432a29.888 29.888 0 0 1 45.376 0l223.232 247.424a38.336 38.336 0 0 1 0 50.24 29.888 29.888 0 0 1-45.312 0L521.728 447.808a11.968 11.968 0 0 0-18.112 0L310.72 661.568a29.888 29.888 0 0 1-45.312 0 38.336 38.336 0 0 1 0-50.24l224.64-248.96z"/></svg>',
}

export const Upload = {
Expand Down
2 changes: 1 addition & 1 deletion scripts/gulp/icons/assets/close-circle.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion scripts/gulp/icons/assets/close.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions scripts/gulp/icons/assets/dislike-filled.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions scripts/gulp/icons/assets/dislike.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion scripts/gulp/icons/assets/double-left.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion scripts/gulp/icons/assets/double-right.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion scripts/gulp/icons/assets/down.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit eca22cf

Please sign in to comment.