Skip to content
This repository was archived by the owner on Mar 4, 2020. It is now read-only.

feat(Icons): Added five svg Microsoft Teams icons to theme icons #474

Merged
merged 8 commits into from
Nov 22, 2018
Merged

feat(Icons): Added five svg Microsoft Teams icons to theme icons #474

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
17aa001
Added four icons to icons file
Nov 14, 2018
37aac4a
Added Add Icon
Nov 14, 2018
ed128fd
Modified classNames
Nov 16, 2018
88026b9
Arranged icons in alphabetical order
Nov 19, 2018
36d671e
Merge branch 'master' into add-svg-icons
VyshnaviDasari Nov 21, 2018
0ba3017
Merge branch 'master' of https://www.github.com/stardust-ui/react int…
Nov 22, 2018
60d2ee9
Added outlines for icons
Nov 22, 2018
71b085d
Merge branch 'add-svg-icons' of https://github.com/VyshnaviDasari/rea…
Nov 22, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
34 changes: 34 additions & 0 deletions src/themes/teams/components/Icon/svg/icons/add.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
import * as React from 'react'
import { TeamsSvgIconSpec } from '../types'

export default {
icon: ({ classes }) => (
<svg viewBox="0 0 32 32" role="presentation" focusable="false" className={classes.svg}>
<path
className={classes.outlinePart}
d="M23.3516,16.1172C23.4502,16.2168,23.5,16.334,23.5,16.4688c0,0.1357-0.0498,0.2529-0.1484,0.3516
C23.252,16.9199,23.1348,16.9688,23,16.9688h-6v6c0,0.1357-0.0498,0.2529-0.1484,0.3516c-0.0996,0.0996-0.2168,0.1484-0.3516,0.1484
c-0.1357,0-0.2529-0.0488-0.3516-0.1484C16.0488,23.2217,16,23.1045,16,22.9688v-6h-6c-0.1357,0-0.2529-0.0488-0.3516-0.1484
C9.5493,16.7217,9.5,16.6045,9.5,16.4688c0-0.1348,0.0493-0.252,0.1484-0.3516C9.7471,16.0186,9.8643,15.9688,10,15.9688h6v-6
c0-0.1353,0.0488-0.2524,0.1484-0.3516c0.0986-0.0986,0.2158-0.1484,0.3516-0.1484c0.1348,0,0.252,0.0498,0.3516,0.1484
C16.9502,9.7163,17,9.8335,17,9.9688v6h6C23.1348,15.9688,23.252,16.0186,23.3516,16.1172z"
/>
<path
className={classes.filledPart}
d="M23.5,15.9688c0,0.1357-0.0264,0.2646-0.0781,0.3867c-0.0527,0.123-0.124,0.2295-0.2148,0.3203
c-0.0918,0.0918-0.1982,0.1631-0.3203,0.2148c-0.123,0.0527-0.252,0.0781-0.3867,0.0781H17v5.5
c0,0.1357-0.0264,0.2646-0.0781,0.3867c-0.0527,0.123-0.124,0.2295-0.2148,0.3203c-0.0918,0.0918-0.1982,0.1631-0.3203,0.2148
c-0.123,0.0527-0.252,0.0781-0.3867,0.0781c-0.1357,0-0.2646-0.0254-0.3867-0.0781c-0.1226-0.0518-0.2295-0.123-0.3203-0.2148
c-0.0913-0.0908-0.1631-0.1973-0.2148-0.3203C15.0259,22.7334,15,22.6045,15,22.4688v-5.5H9.5
c-0.1357,0-0.2646-0.0254-0.3867-0.0781c-0.1226-0.0518-0.2295-0.123-0.3203-0.2148c-0.0913-0.0908-0.1631-0.1973-0.2148-0.3203
C8.5259,16.2334,8.5,16.1045,8.5,15.9688c0-0.1353,0.0259-0.2642,0.0781-0.3867c0.0518-0.1221,0.1235-0.229,0.2148-0.3203
c0.0908-0.0908,0.1978-0.1626,0.3203-0.2148c0.1221-0.0518,0.251-0.0781,0.3867-0.0781H15v-5.5
c0-0.1353,0.0259-0.2642,0.0781-0.3867c0.0518-0.1221,0.1235-0.229,0.2148-0.3203c0.0908-0.0908,0.1978-0.1626,0.3203-0.2148
C15.7354,8.4951,15.8643,8.4688,16,8.4688c0.1348,0,0.2637,0.0264,0.3867,0.0781c0.1221,0.0522,0.2285,0.124,0.3203,0.2148
C16.7979,8.853,16.8691,8.96,16.9219,9.082C16.9736,9.2046,17,9.3335,17,9.4688v5.5h5.5c0.1348,0,0.2637,0.0264,0.3867,0.0781
c0.1221,0.0522,0.2285,0.124,0.3203,0.2148c0.0908,0.0913,0.1621,0.1982,0.2148,0.3203C23.4736,15.7046,23.5,15.8335,23.5,15.9688z"
/>
</svg>
),
styles: {},
} as TeamsSvgIconSpec
24 changes: 24 additions & 0 deletions src/themes/teams/components/Icon/svg/icons/bookmark.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
import * as React from 'react'
import { TeamsSvgIconSpec } from '../types'

export default {
icon: ({ classes }) => (
<svg viewBox="0 0 32 32" role="presentation" className={classes.svg}>
<g className={classes.outlinePart}>
<path
d="M12,23.3c-0.1,0-0.3,0-0.4-0.1c-0.4-0.2-0.6-0.5-0.6-0.9V9.9c0-0.7,0.5-1.3,1.2-1.5c2.4-0.6,5.2-0.6,7.7,0
C20.5,8.6,21,9.2,21,9.9v12.4c0,0.4-0.2,0.8-0.6,0.9c-0.4,0.2-0.8,0.1-1.1-0.2L16,19.7L12.7,23C12.5,23.2,12.3,23.3,12,23.3z
M16,18.7c0.3,0,0.5,0.1,0.7,0.3l3.3,3.3V9.9c0-0.2-0.2-0.4-0.4-0.5c-2.3-0.5-4.9-0.5-7.2,0C12.2,9.4,12,9.6,12,9.9v12.4l3.3-3.3
C15.5,18.8,15.7,18.7,16,18.7z"
/>
</g>
</svg>
),
styles: {
svg: ({ variables }) => {
return {
fill: variables.color,
}
},
},
} as TeamsSvgIconSpec
35 changes: 35 additions & 0 deletions src/themes/teams/components/Icon/svg/icons/bullets.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
import * as React from 'react'
import { TeamsSvgIconSpec } from '../types'

export default {
icon: ({ classes }) => (
<svg viewBox="0 0 32 32" role="presentation" className={classes.svg}>
<g className={classes.outlinePart}>
<path d="M13.4999,11h9c0.2761,0,0.5-0.2236,0.5-0.5s-0.2239-0.5-0.5-0.5h-9c-0.2761,0-0.5,0.2236-0.5,0.5S13.2238,11,13.4999,11z" />
<path d="M22.4999,15h-9c-0.2761,0-0.5,0.2236-0.5,0.5s0.2239,0.5,0.5,0.5h9c0.2761,0,0.5-0.2236,0.5-0.5S22.776,15,22.4999,15z" />
<path d="M22.4999,20h-9c-0.2761,0-0.5,0.2236-0.5,0.5s0.2239,0.5,0.5,0.5h9c0.2761,0,0.5-0.2236,0.5-0.5S22.776,20,22.4999,20z" />
<circle cx="10.5" cy="10.5" r="1" />
<circle cx="10.5" cy="20.5" r="1" />
<circle cx="10.5" cy="15.5" r="1" />
</g>
<g className={classes.filledPart}>
<path
d="M13.4999,11.25h9c0.4143,0,0.75-0.3359,0.75-0.75s-0.3357-0.75-0.75-0.75h-9c-0.4143,0-0.75,0.3359-0.75,0.75
S13.0856,11.25,13.4999,11.25z"
/>
<path
d="M22.4999,14.75h-9c-0.4143,0-0.75,0.3359-0.75,0.75s0.3357,0.75,0.75,0.75h9c0.4143,0,0.75-0.3359,0.75-0.75
S22.9142,14.75,22.4999,14.75z"
/>
<path
d="M22.4999,19.75h-9c-0.4143,0-0.75,0.3359-0.75,0.75s0.3357,0.75,0.75,0.75h9c0.4143,0,0.75-0.3359,0.75-0.75
S22.9142,19.75,22.4999,19.75z"
/>
<circle cx="10.5" cy="10.5" r="1" />
<circle cx="10.5" cy="15.5" r="1" />
<circle cx="10.5" cy="20.5" r="1" />
</g>
</svg>
),
styles: {},
} as TeamsSvgIconSpec
66 changes: 66 additions & 0 deletions src/themes/teams/components/Icon/svg/icons/gallery.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
import * as React from 'react'
import { TeamsSvgIconSpec } from '../types'

export default {
icon: ({ classes }) => (
<svg
viewBox="0 0 32 32"
role="img"
className={classes.svg}
xmlns="http://www.w3.org/2000/svg"
aria-labelledby="icons-gallery"
>
<g role="presentation">
<g className={classes.outlinePart}>
<path
d="M16,9.5v5c0,0.1357,0.0498,0.2529,0.1484,0.3516C16.2471,14.9507,16.3643,15,16.5,15h5
c0.1357,0,0.2529-0.0493,0.3516-0.1484C21.9502,14.7529,22,14.6357,22,14.5v-4c0-0.2031-0.04-0.3945-0.1211-0.5742
s-0.1904-0.3384-0.3281-0.4766c-0.1377-0.1377-0.2969-0.2471-0.4766-0.3281C20.8945,9.0405,20.7031,9,20.5,9h-4
c-0.1357,0-0.2529,0.0498-0.3516,0.1484C16.0498,9.2476,16,9.3647,16,9.5z M17,10h3.5c0.1357,0,0.2529,0.0498,0.3516,0.1484
C20.9502,10.2476,21,10.3647,21,10.5V14h-4V10z"
/>
<path
d="M9.4492,9.4492C9.3115,9.5874,9.2021,9.7461,9.1211,9.9258S9,10.2969,9,10.5v4c0,0.1357,0.0498,0.2529,0.1484,0.3516
C9.2471,14.9507,9.3643,15,9.5,15h5c0.1357,0,0.2529-0.0493,0.3516-0.1484C14.9502,14.7529,15,14.6357,15,14.5v-5
c0-0.1353-0.0498-0.2524-0.1484-0.3516C14.7529,9.0498,14.6357,9,14.5,9h-4c-0.2031,0-0.3945,0.0405-0.5742,0.1211
C9.7461,9.2021,9.5869,9.3115,9.4492,9.4492z M10,10.5c0-0.1353,0.0498-0.2524,0.1484-0.3516C10.2471,10.0498,10.3643,10,10.5,10H14
v4h-4V10.5z"
/>
<path
d="M16.5,22h4c0.2031,0,0.3945-0.04,0.5742-0.1211c0.1797-0.0801,0.3389-0.1895,0.4766-0.3281
c0.1377-0.1377,0.2471-0.2969,0.3281-0.4766S22,20.7031,22,20.5v-4c0-0.1353-0.0498-0.2524-0.1484-0.3516
C21.7529,16.0498,21.6357,16,21.5,16h-5c-0.1357,0-0.2529,0.0498-0.3516,0.1484C16.0498,16.2476,16,16.3647,16,16.5v5
c0,0.1357,0.0498,0.2529,0.1484,0.3516C16.2471,21.9512,16.3643,22,16.5,22z M17,17h4v3.5c0,0.1357-0.0498,0.2529-0.1484,0.3516
C20.7529,20.9512,20.6357,21,20.5,21H17V17z"
/>
<path
d="M9.4492,21.5508c0.1377,0.1387,0.2969,0.248,0.4766,0.3281C10.1055,21.96,10.2969,22,10.5,22h4
c0.1357,0,0.2529-0.0488,0.3516-0.1484C14.9502,21.7529,15,21.6357,15,21.5v-5c0-0.1353-0.0498-0.2524-0.1484-0.3516
C14.7529,16.0498,14.6357,16,14.5,16h-5c-0.1357,0-0.2529,0.0498-0.3516,0.1484C9.0498,16.2476,9,16.3647,9,16.5v4
c0,0.2031,0.04,0.3945,0.1211,0.5742S9.3115,21.4131,9.4492,21.5508z M10,17h4v4h-3.5c-0.1357,0-0.2529-0.0488-0.3516-0.1484
C10.0498,20.7529,10,20.6357,10,20.5V17z"
/>
</g>
<g className={classes.filledPart}>
<path
d="M22,15v-4.5c0-0.2031-0.04-0.3955-0.1211-0.5781c-0.0811-0.1821-0.1885-0.3408-0.3242-0.4766
C21.419,9.31,21.2608,9.2021,21.0781,9.1211C20.8955,9.0405,20.7031,9,20.5,9H16v6H22z"
/>
<path
d="M9.4453,21.5547c0.1357,0.1357,0.2939,0.2441,0.4766,0.3242C10.1045,21.96,10.2969,22,10.5,22H15v-6H9v4.5
c0,0.2031,0.04,0.3965,0.1211,0.5781C9.2021,21.2607,9.3096,21.4199,9.4453,21.5547z"
/>
<path
d="M9.4453,9.4453C9.3096,9.581,9.2021,9.7397,9.1211,9.9219C9.04,10.1045,9,10.2969,9,10.5V15h6V9h-4.5
c-0.2031,0-0.3955,0.0405-0.5781,0.1211C9.7393,9.2021,9.5811,9.3101,9.4453,9.4453z"
/>
<path
d="M21.0781,21.8789c0.1826-0.0801,0.3408-0.1885,0.4766-0.3242c0.1357-0.1348,0.2432-0.2939,0.3242-0.4766
C21.96,20.8965,22,20.7031,22,20.5V16h-6v6h4.5C20.7031,22,20.8955,21.96,21.0781,21.8789z"
/>
</g>
</g>
</svg>
),
styles: {},
} as TeamsSvgIconSpec
10 changes: 10 additions & 0 deletions src/themes/teams/components/Icon/svg/icons/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
import { TeamsSvgIconSpec } from '../types'

import add from './add'
import bookmark from './bookmark'
import bullets from './bullets'
import call from './call'
import callEnd from './callEnd'
import callVideo from './callIncomingVideo'
Expand All @@ -8,6 +11,8 @@ import callStartPresenting from './callControlPresentNew'
import callStopPresenting from './callControlStopPresentingNew'
import callMicrophone from './callMicrophone'
import callMicrophoneOff from './callMicrophoneOff'
import gallery from './gallery'
import menu from './menu'
import more from './more'
import teamCreate from './teamCreate'
import umbrella from './umbrella'
Expand All @@ -19,6 +24,9 @@ import fontSize from './fontSize'
import highlight from './highlight'

export default {
add,
bookmark,
bullets,
call,
'call-end': callEnd,
'call-video': callVideo,
Expand All @@ -27,6 +35,8 @@ export default {
'call-stop-presenting': callStopPresenting,
'call-microphone': callMicrophone,
'call-microphone-off': callMicrophoneOff,
gallery,
menu,
more,
'team-create': teamCreate,
umbrella,
Expand Down
13 changes: 13 additions & 0 deletions src/themes/teams/components/Icon/svg/icons/menu.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
import * as React from 'react'
import { TeamsSvgIconSpec } from '../types'

export default {
icon: ({ classes }) => (
<svg className={classes.svg} viewBox="0 0 32 32" role="presentation">
<g className={classes.filledPart}>
<path d="M9,11h13c0.6,0,1-0.4,1-1s-0.4-1-1-1H9c-0.6,0-1,0.4-1,1S8.4,11,9,11zM22,19H9c-0.6,0-1,0.4-1,1s0.4,1,1,1h13c0.6,0,1-0.4,1-1S22.6,19,22,19zM22,14H9c-0.6,0-1,0.4-1,1s0.4,1,1,1h13c0.6,0,1-0.4,1-1S22.6,14,22,14z" />
</g>
</svg>
),
styles: {},
} as TeamsSvgIconSpec