Skip to content
This repository has been archived by the owner on May 23, 2023. It is now read-only.

Commit

Permalink
feat(r-icon): add few new icons (#306)
Browse files Browse the repository at this point in the history 
* feat(icons): add kyc, one-column, two-columns icons

* feat(icons): add some recomm icons update

Co-authored-by: dasha <darya.baklanova@gmail.com>
  • Loading branch information
@dariashka
dariashka and dasha committed Mar 9, 2022
1 parent b77e02d commit 335badd
Show file tree
Hide file tree
Showing 2 changed files with 71 additions and 0 deletions.
7 changes: 7 additions & 0 deletions packages/recomponents/.storybook/knobs.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ export const icons = {
'': null,
'actions': 'actions',
'api-key': 'api-key',
'app-store': 'app-store',
'arrow-down': 'arrow-down',
'arrow-down-l': 'arrow-down-l',
'arrow-left': 'arrow-left',
Expand All @@ -16,6 +17,7 @@ export const icons = {
'at': 'at',
'automation': 'automation',
'bank': 'bank',
'billing-portal': 'billing-portal',
'blacklists': 'blacklists',
'burger': 'burger',
'calendar': 'calendar',
Expand Down Expand Up @@ -46,6 +48,7 @@ export const icons = {
'drag-mov': 'drag-move',
'edit': 'edit',
'email': 'email',
'emulate': 'emulate',
'event': 'event',
'export': 'export',
'external-link': 'external-link',
Expand All @@ -60,13 +63,15 @@ export const icons = {
'info': 'info',
'integration': 'integrations',
'invoices': 'invoices',
'kyc': 'kyc',
'list': 'list',
'lists': 'lists',
'loading': 'loading',
'lock': 'lock',
'logout': 'logout',
'map-marker': 'map-marker',
'notification': 'notifications',
'one-column': 'one-column',
'orders': 'orders',
'plus': 'plus',
'product': 'product',
Expand All @@ -81,12 +86,14 @@ export const icons = {
'setting': 'settings',
'sharp': 'sharp',
'shipping': 'shipping',
'star': 'star',
'sticky-note': 'sticky-note',
'stop': 'stop',
'stream': 'stream',
'tag': 'tag',
'transactions': 'transactions',
'trash': 'trash',
'two-columns': 'two-columns',
'unlock': 'unlock',
'users': 'users',
'webhooks': 'webhooks',
Expand Down
64 changes: 64 additions & 0 deletions packages/recomponents/src/components/r-icon/r-icon-sprites.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -733,6 +733,70 @@ const sprites = `
</svg>
</symbol>
</svg>
<!-- ACTUAL Starred -->
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="icon-star">
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M7.323 7l1.749-4.371c.335-.839 1.521-.839 1.856 0L12.677 7H17c.89 0 1.337 1.077.707 1.707l-3.534 3.534 1.755 4.388c.356.889-.621 1.721-1.442 1.228L10 15.167l-4.486 2.69c-.82.493-1.798-.34-1.442-1.228l1.755-4.388-3.534-3.534C1.663 8.077 2.109 7 3 7h4.323z"/>
</svg>
</symbol>
</svg>
<!-- EMPTY Starred -->
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="icon-star-empty">
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M7.323 7l1.749-4.371c.335-.839 1.521-.839 1.856 0L12.677 7H17c.89 0 1.337 1.077.707 1.707l-3.534 3.534 1.755 4.388c.356.889-.621 1.721-1.442 1.228L10 15.167l-4.486 2.69c-.82.493-1.798-.34-1.442-1.228l1.755-4.388-3.534-3.534C1.663 8.077 2.109 7 3 7h4.323zm1.605 1.371A1 1 0 018 9H5.414l2.293 2.293a1 1 0 01.221 1.078l-.897 2.244 2.455-1.472a1 1 0 011.028 0l2.455 1.472-.897-2.244a1 1 0 01.22-1.078L14.587 9H12a1 1 0 01-.928-.629L10 5.693 8.928 8.37z"/>
</svg>
</symbol>
</svg>
<!-- Emulate permissions -->
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="icon-emulate">
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M12.2929 11.2929A.9969.9969 0 0113 11c1.1046 0 2-.8954 2-2V8c0-1.1046-.8954-2-2-2-.5523 0-1-.4477-1-1s.4477-1 1-1c2.2091 0 4 1.7909 4 4v1a3.984 3.984 0 01-.9368 2.5725C17.2239 12.2726 18 13.5457 18 15c0 .5523-.4477 1-1 1s-1-.4477-1-1c0-1.1046-.8954-2-2-2h-1c-.5523 0-1-.4477-1-1 0-.2761.112-.5261.2929-.7071zM7.707 12.707A.9969.9969 0 017 13H6c-1.1046 0-2 .8954-2 2 0 .5523-.4477 1-1 1s-1-.4477-1-1c0-1.4543.7761-2.7274 1.9368-3.4275A3.984 3.984 0 013 9V8c0-2.2091 1.7909-4 4-4 .5523 0 1 .4477 1 1s-.4477 1-1 1c-1.1046 0-2 .8954-2 2v1c0 1.1046.8954 2 2 2 .5523 0 1 .4477 1 1a.9969.9969 0 01-.2929.7071zM9 3c0-.5523.4477-1 1-1s1 .4477 1 1v2c0 .5523-.4477 1-1 1s-1-.4477-1-1V3zm0 6c0-.5523.4477-1 1-1s1 .4477 1 1v2c0 .5523-.4477 1-1 1s-1-.4477-1-1V9zm0 6c0-.5523.4477-1 1-1s1 .4477 1 1v2c0 .5523-.4477 1-1 1s-1-.4477-1-1v-2z" fill-rule="nonzero"/>
</svg>
</symbol>
</svg>
<!-- Billing Portal -->
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="icon-billing-portal">
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M16 18h2V6H2v12h2c0-1.7448 1.1171-3.2287 2.6752-3.7754A3.9814 3.9814 0 016 12v-1c0-2.2091 1.7909-4 4-4 2.2091 0 4 1.7909 4 4v1a3.9814 3.9814 0 01-.6752 2.2246C14.8828 14.7713 16 16.2552 16 18zm-2 0c0-1.1046-.8954-2-2-2H8c-1.1046 0-2 .8954-2 2h8zm6-16.006v16.012C20 19.1054 19.1072 20 18.006 20H1.994C.8946 20 0 19.1072 0 18.006V1.994C0 .8946.8928 0 1.994 0h16.012C19.1054 0 20 .8928 20 1.994zM3 4c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1zm2-1c0 .5561.4466 1 .9975 1h11.005C17.5537 4 18 3.5523 18 3c0-.5561-.4466-1-.9975-1H5.9975C5.4463 2 5 2.4477 5 3zm5 6c-1.1046 0-2 .8954-2 2v1c0 1.1046.8954 2 2 2s2-.8954 2-2v-1c0-1.1046-.8954-2-2-2z"/>
</svg>
</symbol>
</svg>
<!-- App store -->
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="icon-app-store">
<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
<path d="M7 11a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2Zm10 0a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2ZM7 13H3v4h4v-4Zm10 0h-4v4h4v-4ZM7 1a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2Zm8 0a1 1 0 0 1 1 1l-.001 1.999L18 4a1 1 0 0 1 0 2l-2.001-.001L16 8a1 1 0 0 1-2 0l-.001-2.001L12 6a1 1 0 0 1 0-2l1.999-.001L14 2a1 1 0 0 1 1-1ZM7 3H3v4h4V3Z"/>
</svg>
</symbol>
</svg>
<!-- KYC -->
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="icon-kyc">
<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
<path d="M9 2a7 7 0 0 1 5.6 11.201.837.837 0 0 1 .107.092l3 3a1 1 0 0 1-1.414 1.414l-3-3a1.009 1.009 0 0 1-.094-.108A7 7 0 1 1 9 2Zm0 10a2 2 0 0 0-1.96 1.601A4.986 4.986 0 0 0 9 14c.695 0 1.357-.142 1.959-.398A1.998 1.998 0 0 0 9 12Zm0-8a5 5 0 0 0-3.666 8.4A4.003 4.003 0 0 1 6.6 10.8a3 3 0 1 1 4.799.002 4 4 0 0 1 1.267 1.597A5 5 0 0 0 9 4Zm0 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z" fill-rule="nonzero"/>
</svg>
</symbol>
</svg>
<!-- One column -->
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="icon-one-column"> <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
<path d="M16 2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h12Zm0 2H4v12h12V4Z" fill-rule="nonzero"/>
</svg>
</symbol>
</svg>
<!-- Two columns -->
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="icon-two-columns"> <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
<path d="M16 2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h12ZM9 4H4v12h5V4Zm7 0h-5v12h5V4Z" fill-rule="nonzero"/>
</svg>
</symbol>
</svg>
`;

export default sprites;

0 comments on commit 335badd

Please sign in to comment.