Skip to content

Commit

Permalink
feat(icons): add the twilio org product icon (#270)
Browse files Browse the repository at this point in the history
* feat(icons): bcon-1791 add twilio org impact access icon

* feat(icons): bcon-1791 add twilio org impact access icon

* feat(icons): bcon-1791 add twilio org impact access icon

* feat(icons): bcon-1791 add twilio org impact access icon

Co-authored-by: Simon Taggart <me@simontaggart.com>
  • Loading branch information
jsheppard-twilio and SiTaggart committed Jan 25, 2020
1 parent ee58d78 commit f07f641
Show file tree
Hide file tree
Showing 3 changed files with 42 additions and 0 deletions.
2 changes: 2 additions & 0 deletions packages/paste-icons/__IconList.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ import {InformationIcon} from './src/InformationIcon';
import {LoadingIcon} from './src/LoadingIcon';
import {MoreIcon} from './src/MoreIcon';
import {PlusIcon} from './src/PlusIcon';
import {ProductTwilioorgIcon} from './src/ProductTwilioorgIcon';
import {WarningIcon} from './src/WarningIcon';

interface IconProps {
Expand All @@ -29,6 +30,7 @@ const IconList: React.FC<IconProps> = props => (
<StoryIcon><LoadingIcon {...props} /><Text as="p" textColor="currentColor">LoadingIcon</Text></StoryIcon>
<StoryIcon><MoreIcon {...props} /><Text as="p" textColor="currentColor">MoreIcon</Text></StoryIcon>
<StoryIcon><PlusIcon {...props} /><Text as="p" textColor="currentColor">PlusIcon</Text></StoryIcon>
<StoryIcon><ProductTwilioorgIcon {...props} /><Text as="p" textColor="currentColor">ProductTwilioorgIcon</Text></StoryIcon>
<StoryIcon><WarningIcon {...props} /><Text as="p" textColor="currentColor">WarningIcon</Text></StoryIcon>
</Grid>
);
Expand Down
37 changes: 37 additions & 0 deletions packages/paste-icons/src/ProductTwilioorgIcon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
/**
* This file was automatically generated with @twilio-labs/svg-to-react
*/
import * as React from 'react';
import {UID} from 'react-uid';
import {IconWrapper, IconWrapperProps} from './helpers/IconWrapper';

export interface ProductTwilioorgIconProps extends IconWrapperProps {
title?: string;
decorative: boolean;
}

const ProductTwilioorgIcon: React.FC<ProductTwilioorgIconProps> = ({as, size, iconColor, title, decorative}) => {
if (!decorative && title == null) {
throw new Error('[ProductTwilioorgIcon]: Missing a title for non-decorative icon.');
}

return (
<IconWrapper as={as} size={size} iconColor={iconColor}>
<UID>
{uid => (
<svg role="img" aria-hidden={decorative} aria-labelledby={uid} width="100%" height="100%" viewBox="0 0 24 24">
{title ? <title id={uid}>{title}</title> : null}
<path
fill="currentColor"
fillRule="evenodd"
d="M21.904 5.5c.364 0 .656.146.874.437.219.292.292.656.146 1.02l-4.226 12.97c-.219.438-.583.802-1.093.948h-.365c-.364 0-.728-.146-1.02-.437l-2.55-2.55h-4.3l-.655 1.894c-.219.583-.729 1.02-1.385 1.02H1.064c-.365 0-.656-.145-.875-.437-.218-.291-.218-.656-.145-1.02l3.279-9.91c.218-.583.801-1.02 1.384-1.02h3.06l.656-1.895c.219-.583.73-1.02 1.385-1.02zm-.51 1.457H9.808L6.675 16.43h7.286c.219 0 .365.073.51.219l2.77 2.769 4.153-12.46zM7.258 9.872h-2.55l-3.134 9.473H6.82l-1.749-1.676L5 17.596c-.146-.218-.146-.437-.073-.656l2.332-7.068zm4.153-.146a1.323 1.323 0 011.676.146l.802.875.874-.802a1.323 1.323 0 011.676-.146c.073.073.073.073.146.219.51.437.51 1.239 0 1.749l-2.26 2.186c-.218.218-.655.218-.874 0l-2.186-2.332c-.073 0-.073-.073-.145-.146-.438-.583-.292-1.384.291-1.749z"
/>
</svg>
)}
</UID>
</IconWrapper>
);
};

ProductTwilioorgIcon.displayName = 'ProductTwilioorgIcon';
export {ProductTwilioorgIcon};
3 changes: 3 additions & 0 deletions packages/paste-icons/svg/ProductTwilioorgIcon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

1 comment on commit f07f641

@vercel
Copy link

@vercel vercel bot commented on f07f641 Jan 25, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.