Feat: add tablet and mobile icons

docs/components/IconsList/icons.js

@@ -130,6 +130,8 @@ export const miscellaneous = [
   'star',
   'star_outline',
   'tag',
+  'tablet',
+  'mobile',
   'video_camera',
   'video_camera_2',
   'create',

icons/src/Mobile/content.json

@@ -0,0 +1,5 @@
+{
+  "width": 15,
+  "height": 15,
+  "block": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M69.611 6.335c-1.718-1.53-3.972-2.228-6.375-1.96l-26.52 3.02c-4.75.537-8.482 4.697-8.482 9.462v70.742c0 2.376.94 4.536 2.644 6.053 1.477 1.315 3.342 2.013 5.355 2.013.336 0 .671-.013 1.007-.053l26.52-3.02c4.75-.537 8.482-4.698 8.482-9.462V12.388c0-2.376-.94-4.537-2.644-6.053h.013ZM67.558 83.13c0 2.335-1.973 4.536-4.322 4.791l-26.52 3.02c-1.046.12-2.013-.161-2.71-.792-.699-.617-1.074-1.53-1.074-2.55V16.87c0-2.335 1.973-4.536 4.321-4.791l26.52-3.02.037-.003c.147-.012.283-.024.42-.024.858 0 1.65.282 2.24.819.699.617 1.075 1.53 1.075 2.55v70.742l.013-.013ZM52.982 16.897l-6.013.684a2.35 2.35 0 0 0 .268 4.684c.094 0 .175 0 .269-.013l6.013-.684a2.352 2.352 0 0 0 2.066-2.604 2.345 2.345 0 0 0-2.603-2.067Zm-7.433 60.006a4.73 4.73 0 0 1 1.382-3.316c1.745-1.744 4.899-1.744 6.644 0a4.716 4.716 0 0 1 1.368 3.316c0 .308-.026.617-.093.926-.054.295-.148.59-.269.872a3.975 3.975 0 0 1-.43.819 4.186 4.186 0 0 1-.576.71 4.748 4.748 0 0 1-3.329 1.37 4.716 4.716 0 0 1-3.905-2.08 5.922 5.922 0 0 1-.43-.82 5.034 5.034 0 0 1-.268-.871 5.416 5.416 0 0 1-.094-.926Z\"/>"
+}

icons/src/Mobile/index.tsx

@@ -0,0 +1,8 @@
+import React from 'react'
+import { Icon, IconProps } from '@welcome-ui/icon'
+
+import content from './content.json'
+
+export const MobileIcon: React.FC<IconProps> = props => {
+  return <Icon alt="Mobile" content={content} {...props} />
+}

icons/src/Tablet/content.json

@@ -0,0 +1,5 @@
+{
+  "width": 15,
+  "height": 15,
+  "block": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M84.683 5.73c-1.355-1.22-3.14-1.77-5.032-1.556L20.33 10.938c-3.704.416-6.603 3.664-6.603 7.368v71.669c0 1.879.751 3.583 2.093 4.79 1.168 1.048 2.658 1.598 4.241 1.598.269 0 .524-.013.792-.04l59.321-6.764c3.704-.416 6.603-3.664 6.603-7.369V10.522c0-1.879-.751-3.583-2.094-4.791ZM82.08 82.19c0 1.316-1.114 2.55-2.443 2.712l-59.32 6.764c-.538.067-1.034-.08-1.383-.39-.349-.308-.537-.751-.537-1.288V18.306c0-1.288 1.14-2.563 2.443-2.71L80.16 8.83c.04 0 .078-.003.118-.006a1.68 1.68 0 0 1 .138-.008c.443 0 .832.135 1.127.403.349.309.537.752.537 1.288V82.19ZM54.876 18.87l-9.784 1.114a2.35 2.35 0 0 0 .268 4.684c.094 0 .175 0 .269-.014l9.784-1.114a2.353 2.353 0 0 0 2.067-2.603 2.352 2.352 0 0 0-2.604-2.067Zm-2.83 52.69c.282.108.564.256.82.43.254.175.496.363.71.578a4.771 4.771 0 0 1 1.37 3.328c0 .309-.027.617-.081.913a6.17 6.17 0 0 1-.269.885c-.12.282-.268.55-.442.806a4.182 4.182 0 0 1-.578.71 5.031 5.031 0 0 1-.71.592 5.926 5.926 0 0 1-.82.429c-.281.12-.577.215-.872.268a4.673 4.673 0 0 1-4.241-1.288 5.037 5.037 0 0 1-.59-.711 5.771 5.771 0 0 1-.43-.806 4.838 4.838 0 0 1-.362-1.798c0-1.235.51-2.456 1.382-3.329a4.74 4.74 0 0 1 4.241-1.274 4.1 4.1 0 0 1 .873.268Z\"/>"
+}

icons/src/Tablet/index.tsx

@@ -0,0 +1,8 @@
+import React from 'react'
+import { Icon, IconProps } from '@welcome-ui/icon'
+
+import content from './content.json'
+
+export const TabletIcon: React.FC<IconProps> = props => {
+  return <Icon alt="Tablet" content={content} {...props} />
+}

icons/src/index.d.ts

@@ -166,6 +166,7 @@ export declare const MicIcon: React.FC<IconProps>
 export declare const MicrophoneOffIcon: React.FC<IconProps>
 export declare const MicrophoneOnIcon: React.FC<IconProps>
 export declare const MicroshipIcon: React.FC<IconProps>
+export declare const MobileIcon: React.FC<IconProps>
 export declare const MoneyIcon: React.FC<IconProps>
 export declare const MoreIcon: React.FC<IconProps>
 export declare const MoreAndroidIcon: React.FC<IconProps>
@@ -255,6 +256,7 @@ export declare const TableMergeCellsIcon: React.FC<IconProps>
 export declare const TableRowAddAboveIcon: React.FC<IconProps>
 export declare const TableRowAddBelowIcon: React.FC<IconProps>
 export declare const TableRowRemoveIcon: React.FC<IconProps>
+export declare const TabletIcon: React.FC<IconProps>
 export declare const TagIcon: React.FC<IconProps>
 export declare const TargetIcon: React.FC<IconProps>
 export declare const TeepeeIcon: React.FC<IconProps>

icons/src/index.ts

@@ -164,6 +164,7 @@ export { MicIcon } from './Mic'
 export { MicrophoneOffIcon } from './MicrophoneOff'
 export { MicrophoneOnIcon } from './MicrophoneOn'
 export { MicroshipIcon } from './Microship'
+export { MobileIcon } from './Mobile'
 export { MoneyIcon } from './Money'
 export { MoreIcon } from './More'
 export { MoreAndroidIcon } from './MoreAndroid'
@@ -253,6 +254,7 @@ export { TableMergeCellsIcon } from './TableMergeCells'
 export { TableRowAddAboveIcon } from './TableRowAddAbove'
 export { TableRowAddBelowIcon } from './TableRowAddBelow'
 export { TableRowRemoveIcon } from './TableRowRemove'
+export { TabletIcon } from './Tablet'
 export { TagIcon } from './Tag'
 export { TargetIcon } from './Target'
 export { TeepeeIcon } from './Teepee'

packages/IconFont/src/unicode.json

@@ -285,5 +285,7 @@
   "flag_us": "0xF21C",
   "euro_currency": "0xF21D",
   "x": "0xF21E",
-  "sparkles": "0xF21F"
+  "sparkles": "0xF21F",
+  "mobile": "0xF220",
+  "tablet": "0xF221"
 }