feat: Add Ticket and SoundCloud

src/Sell.js → src/SellTicket.js

@@ -1,8 +1,8 @@
 import React from 'react'
 import { Icon } from './Icon'
 
-export const Sell = props => (
-  <Icon a11yTitle="Sell" {...props}>
+export const SellTicket = props => (
+  <Icon a11yTitle="SellTicket" {...props}>
     <path d="M23 2c1.654 0 3 1.346 3 3v22c0 1.654-1.346 3-3 3H9c-1.654 0-3-1.346-3-3V5c0-1.654 1.346-3 3-3h14zm-6.293 8.291c-.017-.017-.04-.023-.057-.037a1.012 1.012 0 0 0-.266-.178 1.002 1.002 0 0 0-.768 0c-.1.042-.185.107-.265.176-.018.016-.04.022-.058.04l-4 4a.999.999 0 1 0 1.414 1.414L15 13.413V21a1 1 0 1 0 2 0v-7.588l2.293 2.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-4-4z" />
   </Icon>
 )

src/SoundCloud.js

@@ -0,0 +1,8 @@
+import React from 'react'
+import { Icon } from './Icon'
+
+export const SoundCloud = props => (
+  <Icon a11yTitle="SoundCloud" {...props}>
+    <path d="M16 10.3c.311-.65.933-1.3 2.8-1.3 1.867 0 4.978.65 6.222 5.525 1.867-.325 4.978 0 4.978 3.9-.415 2.167-1.66 3.358-3.733 3.575h-9.334c-.622 0-.933-.325-.933-.975V10.3zm-1.5.7a.5.5 0 0 1 .5.5v10a.5.5 0 1 1-1 0v-10a.5.5 0 0 1 .5-.5zm-2 1a.5.5 0 0 1 .5.5v9a.5.5 0 1 1-1 0v-9a.5.5 0 0 1 .5-.5zm-2-1a.5.5 0 0 1 .5.5v10a.5.5 0 1 1-1 0v-10a.5.5 0 0 1 .5-.5zm-2 2a.5.5 0 0 1 .5.5v8a.5.5 0 1 1-1 0v-8a.5.5 0 0 1 .5-.5zm-2 1a.5.5 0 0 1 .5.5v7a.5.5 0 1 1-1 0v-7a.5.5 0 0 1 .5-.5zm-2 1a.5.5 0 0 1 .5.5v6a.5.5 0 1 1-1 0v-6a.5.5 0 0 1 .5-.5zm-2 1a.5.5 0 0 1 .5.5v4a.5.5 0 1 1-1 0v-4a.5.5 0 0 1 .5-.5z" />
+  </Icon>
+)

src/Ticket.js

@@ -0,0 +1,8 @@
+import React from 'react'
+import { Icon } from './Icon'
+
+export const Ticket = props => (
+  <Icon a11yTitle="Ticket" {...props}>
+    <path d="M6 18V5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v13h-1a2 2 0 1 0 0 4h1v5a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3v-5h1a2 2 0 1 0 0-4H6zm6 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2z" />
+  </Icon>
+)

src/index.js

@@ -60,13 +60,15 @@ export { PlusAlt } from './PlusAlt'
 export { Questionmark } from './Questionmark'
 export { QuestionmarkAlt } from './QuestionmarkAlt'
 export { Sad } from './Sad'
-export { Sell } from './Sell'
+export { SellTicket } from './SellTicket'
 export { Share } from './Share'
+export { SoundCloud } from './SoundCloud'
 export { Spinner } from './Spinner'
 export { Spotify } from './Spotify'
 export { Star } from './Star'
 export { ThumbsDown } from './ThumbsDown'
 export { ThumbsUp } from './ThumbsUp'
+export { Ticket } from './Ticket'
 export { TicketSwap } from './TicketSwap'
 export { Trash } from './Trash'
 export { Twitter } from './Twitter'

src/index.stories.js

@@ -65,13 +65,15 @@ storiesOf('Comets', module)
   .add('Questionmark', () => <Icon.Questionmark />)
   .add('QuestionmarkAlt', () => <Icon.QuestionmarkAlt />)
   .add('Sad', () => <Icon.Sad />)
-  .add('Sell', () => <Icon.Sell />)
+  .add('SellTicket', () => <Icon.SellTicket />)
   .add('Share', () => <Icon.Share />)
+  .add('SoundCloud', () => <Icon.SoundCloud />)
   .add('Spinner', () => <Icon.Spinner />)
   .add('Spotify', () => <Icon.Spotify />)
   .add('Star', () => <Icon.Star />)
   .add('ThumbsDown', () => <Icon.ThumbsDown />)
   .add('ThumbsUp', () => <Icon.ThumbsUp />)
+  .add('Ticket', () => <Icon.Ticket />)
   .add('TicketSwap', () => <Icon.TicketSwap />)
   .add('Trash', () => <Icon.Trash />)
   .add('Twitter', () => <Icon.Twitter />)