This repository was archived by the owner on Mar 4, 2020. It is now read-only.
feat(Icon): Process Teams icons for use in Stardust #478
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,71 @@ | ||
| import * as React from 'react' | ||
| import { Provider, Grid, Divider, Header, Icon } from '@stardust-ui/react' | ||
| import themeWithProcessedIcons from 'src/themes/teams/withProcessedIcons' | ||
|
|
||
| const cellStyles = { | ||
| margin: '10px 0', | ||
| } | ||
|
|
||
| const processedIconsNamePrefix = 'processedIcons_' | ||
|
|
||
| class IconViewerExample extends React.Component<any, {}> { | ||
| render() { | ||
| return ( | ||
| <div style={{ margin: '20px' }}> | ||
| <Header | ||
| as="h3" | ||
| content="Teams Icons" | ||
| description={{ | ||
| content: | ||
| 'These icons have been pulled directly from the Angular app and are ready to be added to the Teams theme in Stardust as needed.', | ||
| styles: { fontSize: '16px' }, | ||
| }} | ||
| /> | ||
| <Provider theme={themeWithProcessedIcons}> | ||
| <Provider.Consumer | ||
| render={theme => ( | ||
| <div> | ||
| <div> | ||
| <Divider> | ||
| <Header as="h3" content="Regular" /> | ||
| </Divider> | ||
| <Grid columns={4} style={{ textAlign: 'center' }}> | ||
| {Object.keys(theme.icons) | ||
| .filter(name => name.startsWith(processedIconsNamePrefix)) | ||
| .sort() | ||
| .map(name => ( | ||
| <div key={name} style={cellStyles}> | ||
| <Icon name={name} /> | ||
| <br /> | ||
| <code>{name.replace(processedIconsNamePrefix, '')}</code> | ||
| </div> | ||
| ))} | ||
| </Grid> | ||
| </div> | ||
| <div> | ||
| <Divider> | ||
| <Header as="h3" content="Outline" /> | ||
| </Divider> | ||
| <Grid columns={4} style={{ textAlign: 'center' }}> | ||
| {Object.keys(theme.icons) | ||
| .filter(name => name.startsWith(processedIconsNamePrefix)) | ||
| .sort() | ||
| .map(name => ( | ||
| <div key={`${name}-outline`} style={cellStyles}> | ||
| <Icon name={name} variables={{ outline: true }} /> | ||
| <br /> | ||
| <code>{name.replace(processedIconsNamePrefix, '')} outline</code> | ||
| </div> | ||
| ))} | ||
| </Grid> | ||
| </div> | ||
| </div> | ||
| )} | ||
| /> | ||
| </Provider> | ||
| </div> | ||
| ) | ||
| } | ||
| } | ||
|
|
||
| export default IconViewerExample | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| export importTemplate="import ICONNAME from './ICONPATH'" | ||
| export exportTemplate="ICONNAME," | ||
| export template="import { TeamsSvgIconSpec } from '../types'\n\n// IMPORTS\n\nexport default {\n // EXPORTS\n} as { [iconName: string]: TeamsSvgIconSpec }" | ||
|
|
||
| FileName="index-new.ts" | ||
| echo -e "${template}" > $FileName; | ||
|
|
||
| for icons in $(ls *.tsx); do | ||
| echo "Icon is: $icons" | ||
|
|
||
| # GET ICON PATH & NAME | ||
| Path=${icons/\.tsx/} | ||
| echo "Path is: $Path" | ||
|
|
||
| UnprocessedName=${Path//icons-/processedIcons_} | ||
| echo "UnprocessedName is: $UnprocessedName" | ||
|
|
||
| Name=${UnprocessedName//-/} | ||
| echo "Name is: $Name" | ||
|
|
||
| # REPLACE INSTANCES IN IMPORT & EXPORT TEMPLATES | ||
| ImportTest=$(echo "$importTemplate" | sed "s/ICONNAME/$Name/" | sed "s/ICONPATH/$Path/") | ||
| ExportTest=$(echo "$exportTemplate" | sed "s/ICONNAME/$Name/") | ||
|
|
||
| # CREATE IMPORT | ||
| sed -i "/IMPORT/a $ImportTest" $FileName | ||
|
Contributor
There was a problem hiding this comment. note that with the following
|
||
|
|
||
| # CREATE EXPORT | ||
| sed -i "/EXPORT/a $ExportTest" $FileName | ||
| done | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| import * as React from 'react' | ||
| import { TeamsSvgIconSpec } from '../types' | ||
|
|
||
| export default { | ||
| icon: ({ classes }) => ( | ||
| <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}> | ||
| <g> | ||
| <path | ||
| className={classes.outlinePart} | ||
codepretty marked this conversation as resolved.
Show resolved
Hide resolved
|
||
| d="M14.3 21.3c-.1 0-.3 0-.4-.1l-4.8-4.8c-.2-.2-.2-.5 0-.7s.5-.2.7 0l4.4 4.4 7.9-7.9c.2-.2.5-.2.7 0s.2.5 0 .7l-8.3 8.3s-.1.1-.2.1z" | ||
| /> | ||
| <path | ||
| className={classes.filledPart} | ||
| d="M23.5 11.875a.968.968 0 0 1-.289.711l-8.25 8.25c-.192.193-.43.289-.711.289s-.519-.096-.711-.289l-4.75-4.75a.965.965 0 0 1-.289-.711c0-.125.027-.25.082-.375s.129-.234.223-.328a.953.953 0 0 1 .695-.297c.135 0 .266.025.391.074.125.05.231.121.32.215l4.039 4.047 7.539-7.547a.886.886 0 0 1 .32-.215c.125-.049.255-.074.391-.074a1.004 1.004 0 0 1 .922.625.97.97 0 0 1 .078.375z" | ||
| /> | ||
| </g> | ||
| </svg> | ||
| ), | ||
| styles: {}, | ||
| } as TeamsSvgIconSpec | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import * as React from 'react' | ||
| import { TeamsSvgIconSpec } from '../types' | ||
|
|
||
| export default { | ||
| icon: ({ classes }) => ( | ||
| <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}> | ||
| <path | ||
| className={classes.outlinePart} | ||
| d="M21.5 18h-13c-.3 0-.5.2-.5.5v.6c0 2.4 3.5 3.7 7 3.7 4.1 0 7-1.5 7-3.7v-.6c0-.3-.2-.5-.5-.5zm-.5 1.1c0 1.5-2.6 2.7-6 2.7s-6-1.2-6-2.7V19l12 .1zM15 16c1.9 0 3.5-1.6 3.5-3.5S16.9 9 15 9s-3.5 1.6-3.5 3.5S13.1 16 15 16zm0-6c1.4 0 2.5 1.1 2.5 2.5S16.4 15 15 15s-2.5-1.1-2.5-2.5S13.6 10 15 10zm8.5 0H22V8.5c0-.3-.2-.5-.5-.5s-.5.2-.5.5V10h-1.5c-.3 0-.5.2-.5.5s.2.5.5.5H21v1.5c0 .3.2.5.5.5s.5-.2.5-.5V11h1.5c.3 0 .5-.2.5-.5s-.2-.5-.5-.5z" | ||
| /> | ||
| <path | ||
| className={classes.filledPart} | ||
| d="M21.5 18h-13c-.3 0-.5.2-.5.5v.6c0 2.4 3.5 3.7 7 3.7 4.1 0 7-1.5 7-3.7v-.6c0-.3-.2-.5-.5-.5zM9 19.1c-6 8.6-3 4.3 0 0zm6-3.1c1.9 0 3.5-1.6 3.5-3.5S16.9 9 15 9s-3.5 1.6-3.5 3.5S13.1 16 15 16zm8.5-6H22V8.5c0-.3-.2-.5-.5-.5s-.5.2-.5.5V10h-1.5c-.3 0-.5.2-.5.5s.2.5.5.5H21v1.5c0 .3.2.5.5.5s.5-.2.5-.5V11h1.5c.3 0 .5-.2.5-.5s-.2-.5-.5-.5z" | ||
| /> | ||
| </svg> | ||
| ), | ||
| styles: {}, | ||
| } as TeamsSvgIconSpec |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| import * as React from 'react' | ||
| import { TeamsSvgIconSpec } from '../types' | ||
|
|
||
| export default { | ||
| icon: ({ classes }) => ( | ||
| <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}> | ||
| <g> | ||
| <path | ||
| className={classes.outlinePart} | ||
| d="M23.352 16.117c.098.1.148.217.148.352 0 .136-.05.253-.148.351a.48.48 0 0 1-.352.149h-6v6c0 .136-.05.253-.148.351a.48.48 0 0 1-.352.149.477.477 0 0 1-.352-.149.477.477 0 0 1-.148-.351v-6h-6a.477.477 0 0 1-.352-.149.48.48 0 0 1-.148-.351c0-.135.05-.252.148-.352A.481.481 0 0 1 10 15.97h6v-6c0-.135.049-.253.148-.352a.48.48 0 0 1 .352-.148c.135 0 .252.05.352.148.098.1.148.216.148.352v6h6c.135 0 .252.05.352.148z" | ||
| /> | ||
| <path | ||
| className={classes.filledPart} | ||
| d="M23.5 15.969a1.01 1.01 0 0 1-.613.922.971.971 0 0 1-.387.078H17v5.5a1.01 1.01 0 0 1-.613.922.971.971 0 0 1-.387.078.965.965 0 0 1-.387-.079.983.983 0 0 1-.535-.535.97.97 0 0 1-.078-.386v-5.5H9.5a.965.965 0 0 1-.387-.078.983.983 0 0 1-.535-.535.972.972 0 0 1-.078-.387 1.002 1.002 0 0 1 1-1H15v-5.5a1.002 1.002 0 0 1 1.387-.922c.122.052.228.124.32.215a.986.986 0 0 1 .293.707v5.5h5.5a.989.989 0 0 1 .707.293c.09.091.162.198.215.32a.984.984 0 0 1 .078.387z" | ||
| /> | ||
| </g> | ||
| </svg> | ||
| ), | ||
| styles: {}, | ||
| } as TeamsSvgIconSpec |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import * as React from 'react' | ||
| import { TeamsSvgIconSpec } from '../types' | ||
|
|
||
| export default { | ||
| icon: ({ classes }) => ( | ||
| <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}> | ||
| <path | ||
| className={classes.outlinePart} | ||
| d="M23.148 13.852c.1.099.216.148.352.148s.253-.05.352-.148A.481.481 0 0 0 24 13.5v-4c0-.145-.056-.27-.168-.371s-.243-.145-.395-.129l-4 .5a.518.518 0 0 0-.437.492c0 .14.05.26.148.36a.472.472 0 0 0 .344.148l.07-.008 2.696-.336-5.781 6.61-2.125-2.117a.456.456 0 0 0-.344-.149c-.073 0-.144.016-.211.047s-.128.076-.18.133L9 20.136V9.5a.5.5 0 1 0-1 0v13a.5.5 0 0 0 .5.5h15a.5.5 0 1 0 0-1H9v-.318l5.031-5.948 2.117 2.118A.46.46 0 0 0 16.5 18a.471.471 0 0 0 .375-.172l6.125-7V13.5c0 .136.05.253.148.352z" | ||
| /> | ||
| <path | ||
| className={classes.filledPart} | ||
| d="M22.293 14.707c.195.195.43.293.707.293a1 1 0 0 0 1-1v-4a.987.987 0 0 0-.344-.75.976.976 0 0 0-.781-.242l-4 .5a.966.966 0 0 0-.625.332.97.97 0 0 0-.25.66.981.981 0 0 0 .496.867.973.973 0 0 0 .621.125l1.414-.18-4.086 4.72-1.742-1.743a.961.961 0 0 0-.328-.215 1.053 1.053 0 0 0-.39-.074.97.97 0 0 0-.758.36L10 18.23V10a1 1 0 0 0-2 0v12a1 1 0 0 0 1 1h14a1 1 0 1 0 0-2H10.3l3.762-4.516 1.727 1.72c.094.093.2.166.32.218a1.013 1.013 0 0 0 .8-.012.96.96 0 0 0 .341-.254L22 12.68V14c0 .276.098.512.293.707z" | ||
| /> | ||
| </svg> | ||
| ), | ||
| styles: {}, | ||
| } as TeamsSvgIconSpec |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| import * as React from 'react' | ||
| import { TeamsSvgIconSpec } from '../types' | ||
|
|
||
| export default { | ||
| icon: ({ classes }) => ( | ||
| <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}> | ||
| <g> | ||
| <path | ||
| className={classes.outlinePart} | ||
| d="M24.019 12.5c0-.4-.156-.777-.439-1.061L20.561 8.42a1.501 1.501 0 0 0-2.121 0l-2.543 2.543A1.5 1.5 0 0 0 14.5 10h-4c-.827 0-1.5.672-1.5 1.5v10c0 .827.673 1.5 1.5 1.5h10c.827 0 1.5-.673 1.5-1.5v-4a1.5 1.5 0 0 0-.964-1.397l2.543-2.543c.283-.283.44-.66.44-1.06zM16 14.139L17.86 16H16v-1.861zM10 11.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5V16h-5v-4.5zm.5 10.5a.5.5 0 0 1-.5-.5V17h5v5h-4.5zm10.5-.5c0 .275-.225.5-.5.5H16v-5h4.5c.275 0 .5.225.5.5v4zm1.872-8.647l-3.019 3.02a.49.49 0 0 1-.258.128h-.191a.483.483 0 0 1-.258-.128l-3.019-3.02a.49.49 0 0 1-.128-.259v-.188a.49.49 0 0 1 .128-.259l3.019-3.019a.498.498 0 0 1 .708 0l3.019 3.019a.495.495 0 0 1-.001.706z" | ||
| /> | ||
| <path | ||
| className={classes.filledPart} | ||
| d="M24.019 12.5c0-.4-.156-.777-.439-1.061L20.561 8.42a1.501 1.501 0 0 0-2.121 0l-2.543 2.543A1.5 1.5 0 0 0 14.5 10h-4c-.827 0-1.5.672-1.5 1.5v10c0 .827.673 1.5 1.5 1.5h10c.827 0 1.5-.673 1.5-1.5v-4a1.5 1.5 0 0 0-.964-1.397l2.543-2.543c.283-.283.44-.66.44-1.06zM16 14.139L17.86 16H16v-1.861zM10 11.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5V16h-5v-4.5zm.5 10.5a.5.5 0 0 1-.5-.5V17h5v5h-4.5zm10.5-.5c0 .275-.225.5-.5.5H16v-5h4.5c.275 0 .5.225.5.5v4z" | ||
| /> | ||
| </g> | ||
| </svg> | ||
| ), | ||
| styles: {}, | ||
| } as TeamsSvgIconSpec |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import * as React from 'react' | ||
| import { TeamsSvgIconSpec } from '../types' | ||
|
|
||
| export default { | ||
| icon: ({ classes }) => ( | ||
| <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}> | ||
| <path | ||
| className={classes.outlinePart} | ||
| d="M23.375 10.078a1.004 1.004 0 0 1 .547.547A.97.97 0 0 1 24 11v1c0 .266-.1.498-.297.695-.094.094-.203.168-.328.223S23.125 13 23 13v7.5c0 .198-.039.387-.117.566s-.188.34-.328.48c-.146.146-.309.258-.488.336s-.37.118-.567.118h-11c-.198 0-.387-.039-.566-.117s-.34-.189-.48-.336c-.146-.141-.258-.301-.336-.48S9 20.698 9 20.5V13a.923.923 0 0 1-.695-.305A.923.923 0 0 1 8 12v-1c0-.125.027-.25.082-.375s.129-.234.223-.328A.95.95 0 0 1 9 10h14a.97.97 0 0 1 .375.078zM9 11v1h14v-1H9zm1 2v7.5a.48.48 0 0 0 .148.352.48.48 0 0 0 .352.148h11a.483.483 0 0 0 .352-.148A.484.484 0 0 0 22 20.5V13H10zm9 4h-6v-3h6v3zm-5-2v1h4v-1h-4z" | ||
| /> | ||
| <path | ||
| className={classes.filledPart} | ||
| d="M23.375 10.078a1.004 1.004 0 0 1 .547.547A.97.97 0 0 1 24 11v1c0 .266-.1.498-.297.695-.094.094-.203.168-.328.223S23.125 13 23 13H9a.923.923 0 0 1-.695-.305A.923.923 0 0 1 8 12v-1c0-.125.027-.25.082-.375s.129-.234.223-.328A.95.95 0 0 1 9 10h14a.97.97 0 0 1 .375.078zM23 20.5c0 .198-.039.389-.117.57a1.547 1.547 0 0 1-.812.812A1.428 1.428 0 0 1 21.5 22h-11c-.198 0-.388-.039-.57-.117a1.536 1.536 0 0 1-.812-.812A1.421 1.421 0 0 1 9 20.5v-7h14v7zm-9.5-6v2h5v-2h-5z" | ||
| /> | ||
| </svg> | ||
| ), | ||
| styles: {}, | ||
| } as TeamsSvgIconSpec |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| import * as React from 'react' | ||
| import { TeamsSvgIconSpec } from '../types' | ||
|
|
||
| export default { | ||
| icon: ({ classes }) => ( | ||
| <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}> | ||
| <path d="M15.9 22.9l4-4c.2-.2.2-.5 0-.7s-.5-.2-.7 0L16 21.3V9.5c0-.3-.2-.5-.5-.5s-.5.2-.5.5v11.8l-3.1-3.1c-.2-.2-.5-.2-.7 0-.2 0-.2.2-.2.3s0 .3.1.4l4 4c.2.1.6.1.8 0z" /> | ||
| </svg> | ||
| ), | ||
| styles: {}, | ||
| } as TeamsSvgIconSpec |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| import * as React from 'react' | ||
| import { TeamsSvgIconSpec } from '../types' | ||
|
|
||
| export default { | ||
| icon: ({ classes }) => ( | ||
| <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}> | ||
| <path d="M9.1 15.9l4 4c.2.2.5.2.7 0s.2-.5 0-.7L10.7 16h11.8c.3 0 .5-.2.5-.5s-.2-.5-.5-.5H10.7l3.1-3.1c.2-.2.2-.5 0-.7 0-.2-.2-.2-.3-.2s-.3 0-.4.1l-4 4c-.1.2-.1.6 0 .8z" /> | ||
| </svg> | ||
| ), | ||
| styles: {}, | ||
| } as TeamsSvgIconSpec |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| import * as React from 'react' | ||
| import { TeamsSvgIconSpec } from '../types' | ||
|
|
||
| export default { | ||
| icon: ({ classes }) => ( | ||
| <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}> | ||
| <path d="M22.9 15.1l-4-4c-.2-.2-.5-.2-.7 0s-.2.5 0 .7l3.1 3.1H9.5c-.3.1-.5.3-.5.6s.2.5.5.5h11.8l-3.1 3.1c-.2.2-.2.5 0 .7.1.1.2.1.4.1s.3 0 .4-.1l4-4c0-.1 0-.5-.1-.7z" /> | ||
| </svg> | ||
| ), | ||
| styles: {}, | ||
| } as TeamsSvgIconSpec |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import * as React from 'react' | ||
| import { TeamsSvgIconSpec } from '../types' | ||
|
|
||
| export default { | ||
| icon: ({ classes }) => ( | ||
| <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}> | ||
| <path | ||
| className={classes.outlinePart} | ||
| d="M22.5 22H15V10.707l3.147 3.146a.498.498 0 0 0 .707 0 .5.5 0 0 0 0-.707l-4-4a.5.5 0 0 0-.707 0l-4 4a.5.5 0 1 0 .707.707L14 10.707V22.5a.5.5 0 0 0 .5.5h8a.5.5 0 1 0 0-1z" | ||
| /> | ||
| <path | ||
| className={classes.filledPart} | ||
| d="M22.5 21.5h-7v-9.586l2.293 2.293a.997.997 0 0 0 1.414 0 1 1 0 0 0 0-1.414l-4-4a1 1 0 0 0-1.414 0l-4 4a1 1 0 1 0 1.414 1.414l2.293-2.293V22.5a1 1 0 0 0 1 1h8a1 1 0 0 0 0-2z" | ||
| /> | ||
| </svg> | ||
| ), | ||
| styles: {}, | ||
| } as TeamsSvgIconSpec |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| import * as React from 'react' | ||
| import { TeamsSvgIconSpec } from '../types' | ||
|
|
||
| export default { | ||
| icon: ({ classes }) => ( | ||
| <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}> | ||
| <path d="M15.2 9.1l-4 4c-.2.2-.2.5 0 .7s.5.2.7 0l3.2-3.1v11.8c0 .3.2.5.5.5s.5-.2.5-.5V10.7l3.1 3.1c.2.2.5.2.7 0 .2 0 .2-.2.2-.3s0-.3-.1-.4l-4-4c-.2-.1-.6-.1-.8 0z" /> | ||
| </svg> | ||
| ), | ||
| styles: {}, | ||
| } as TeamsSvgIconSpec |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import * as React from 'react' | ||
| import { TeamsSvgIconSpec } from '../types' | ||
|
|
||
| export default { | ||
| icon: ({ classes }) => ( | ||
| <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}> | ||
| <g className={classes.outlinePart}> | ||
| <path d="M18.4 17.6V20h-4.8v-2.4h4.8m.8-.8h-6.4v4h6.4v-4zM13.3 13.6h5.2v.8h-5.2z" /> | ||
| <path d="M18.8 10.1C18.3 8.9 17.2 8 16 8c-1.2 0-2.3.9-2.8 2.1-2.1.2-3.7 2-3.7 4.1v7.6c0 1.2.9 2.1 2.1 2.1h8.9c1.2 0 2.1-.9 2.1-2.1v-7.6c0-2.1-1.7-3.8-3.8-4.1zM16 8.8c.8 0 1.5.5 1.9 1.3h-3.8c.4-.8 1.1-1.3 1.9-1.3zm5.8 13.1c0 .7-.6 1.3-1.3 1.3h-8.9c-.7 0-1.3-.6-1.3-1.3v-7.6c0-1.9 1.5-3.4 3.4-3.4h4.8c1.9 0 3.4 1.5 3.4 3.4v7.6z" /> | ||
| </g> | ||
| <g className={classes.filledPart}> | ||
| <path d="M13.6 17.6h4.8V20h-4.8z" /> | ||
| <path d="M18.8 10.1C18.3 8.9 17.2 8 16 8c-1.2 0-2.3.9-2.8 2.1-2.1.2-3.7 2-3.7 4.1v7.6c0 1.2.9 2.1 2.1 2.1h8.9c1.2 0 2.1-.9 2.1-2.1v-7.6c0-2.1-1.7-3.8-3.8-4.1zM16 8.8c.8 0 1.5.5 1.9 1.3h-3.8c.4-.8 1.1-1.3 1.9-1.3zm-2.7 4.8h5.2v.8h-5.2v-.8zm5.9 7.2h-6.4v-4h6.4v4z" /> | ||
| </g> | ||
| </svg> | ||
| ), | ||
| styles: {}, | ||
| } as TeamsSvgIconSpec |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import * as React from 'react' | ||
| import { TeamsSvgIconSpec } from '../types' | ||
|
|
||
| export default { | ||
| icon: ({ classes }) => ( | ||
| <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}> | ||
| <path | ||
| className={classes.outlinePart} | ||
| d="M20.793 16.836l-4.772 4.718c-.61.61-1.422.946-2.288.946s-1.677-.336-2.287-.946a3.242 3.242 0 0 1 .01-4.585l6.702-6.96c.656-.656 1.806-.657 2.462 0a1.749 1.749 0 0 1-.015 2.478l-5.773 6.03a.5.5 0 0 0 .7.715l5.795-6.054a2.744 2.744 0 0 0 0-3.876c-.517-.517-1.205-.802-1.938-.802s-1.421.285-1.938.802l-6.712 6.97a4.24 4.24 0 0 0 0 5.99 4.223 4.223 0 0 0 2.995 1.238 4.218 4.218 0 0 0 2.992-1.237l4.77-4.716a.5.5 0 1 0-.703-.71z" | ||
| /> | ||
| <path | ||
| className={classes.filledPart} | ||
| d="M20.441 16.48l-4.774 4.72c-1.066 1.067-2.801 1.067-3.868 0s-1.066-2.801.02-3.888l6.692-6.95c.468-.468 1.288-.468 1.755 0 .484.484.484 1.271-.03 1.787l-5.753 6.01a1 1 0 1 0 1.398 1.43l2.445-2.392 3.354-3.665a3.245 3.245 0 0 0 0-4.584C21.07 8.337 20.256 8 19.39 8s-1.68.337-2.292.948l-6.712 6.97a4.74 4.74 0 0 0 0 6.697A4.722 4.722 0 0 0 13.735 24c1.211 0 2.422-.46 3.343-1.381l4.77-4.716a1 1 0 0 0-1.407-1.422z" | ||
| /> | ||
| </svg> | ||
| ), | ||
| styles: {}, | ||
| } as TeamsSvgIconSpec |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| import * as React from 'react' | ||
| import { TeamsSvgIconSpec } from '../types' | ||
|
|
||
| export default { | ||
| icon: ({ classes }) => ( | ||
| <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}> | ||
| <path d="M23.8 11.3c-.1-.3-.3-.5-.6-.6l-5.9-2.4c-.3-.1-.7-.1-.9.1-.2.2-.4.5-.4.8V18c-.7-.6-1.8-1-3-1-2.2 0-4 1.3-4 3s1.8 3 4 3 3.9-1.3 4-2.9v-7.7l2.4 1c.6.2 1.1.3 1.6.3 1.2 0 2.2-.6 2.7-1.7.2-.2.2-.5.1-.7zM13 22c-1.6 0-3-.9-3-2s1.4-2 3-2 3 .9 3 2-1.4 2-3 2zm6.8-9.5L17 11.3V9.2l5.9 2.4c-.6 1.1-1.8 1.4-3.1.9z" /> | ||
| </svg> | ||
| ), | ||
| styles: {}, | ||
| } as TeamsSvgIconSpec |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍