Added news, visible, invisible icons

• Added:
- news, visible, invisible icons

app/javascript/gabsocial/assets/invisible_icon.js

@@ -0,0 +1,26 @@
+const InvisibleIcon = ({
+  className = '',
+  size = '16px',
+  title = '',
+}) => (
+  <svg
+    className={className}
+    version='1.1'
+    xmlns='http://www.w3.org/2000/svg'
+    x='0px'
+    y='0px'
+    width={size}
+    height={size}
+    viewBox='0 0 48 48'
+    xmlSpace='preserve'
+    aria-label={title}
+  >
+    <g>
+      <path d='M 23.63 16.4 L 30.5 23.27 L 30.54 22.91 C 30.54 19.3 27.61 16.37 24 16.37 Z M 23.63 16.4' />
+      <path d='M 24 12 C 30.02 12 34.9 16.89 34.9 22.91 C 34.9 24.32 34.62 25.66 34.13 26.89 L 40.51 33.27 C 43.8 30.52 46.4 26.96 48 22.91 C 44.21 13.33 34.91 6.55 24 6.55 C 20.94 6.55 18.02 7.09 15.3 8.08 L 20.02 12.78 C 21.25 12.3 22.59 12 24 12 Z M 24 12' />
+      <path d='M 2.18 6.06 L 7.16 11.03 L 8.15 12.02 C 4.55 14.84 1.7 18.58 0 22.91 C 3.77 32.48 13.09 39.27 24 39.27 C 27.38 39.27 30.61 38.61 33.56 37.43 L 34.49 38.35 L 40.84 44.72 L 43.63 41.95 L 4.96 3.28 Z M 14.24 18.11 L 17.61 21.48 C 17.52 21.95 17.45 22.42 17.45 22.91 C 17.45 26.52 20.38 29.45 24 29.45 C 24.48 29.45 24.95 29.39 25.41 29.29 L 28.78 32.66 C 27.33 33.38 25.72 33.82 24 33.82 C 17.97 33.82 13.09 28.93 13.09 22.91 C 13.09 21.19 13.52 19.57 14.24 18.11 Z M 14.24 18.11' />
+    </g>
+  </svg>
+)
+
+export default InvisibleIcon

app/javascript/gabsocial/assets/news_icon.js

@@ -0,0 +1,24 @@
+const NewsIcon = ({
+  className = '',
+  size = '16px',
+  title = 'News',
+}) => (
+  <svg
+    className={className}
+    version='1.1'
+    xmlns='http://www.w3.org/2000/svg'
+    x='0px'
+    y='0px'
+    width={size}
+    height={size}
+    viewBox='0 0 48 48'
+    xmlSpace='preserve'
+    aria-label={title}
+  >
+    <g>
+      <path d='M 42.73 9.63 C 42.64 9.42 42.51 9.23 42.35 9.07 L 33.78 0.5 C 33.46 0.18 33.02 0 32.57 0 L 6.86 0 C 5.91 0 5.14 0.77 5.14 1.71 L 5.14 46.29 C 5.14 47.23 5.91 48 6.86 48 L 41.14 48 C 42.09 48 42.86 47.23 42.86 46.29 L 42.86 10.29 C 42.86 10.06 42.81 9.84 42.73 9.63 Z M 34.29 39.43 L 13.71 39.43 C 12.77 39.43 12 38.66 12 37.71 C 12 36.77 12.77 36 13.71 36 L 34.29 36 C 35.23 36 36 36.77 36 37.71 C 36 38.66 35.23 39.43 34.29 39.43 Z M 34.29 32.57 L 13.71 32.57 C 12.77 32.57 12 31.8 12 30.86 C 12 29.91 12.77 29.14 13.71 29.14 L 34.29 29.14 C 35.23 29.14 36 29.91 36 30.86 C 36 31.8 35.23 32.57 34.29 32.57 Z M 34.29 25.71 L 13.71 25.71 C 12.77 25.71 12 24.95 12 24 C 12 23.05 12.77 22.29 13.71 22.29 L 34.29 22.29 C 35.23 22.29 36 23.05 36 24 C 36 24.95 35.23 25.71 34.29 25.71 Z M 34.29 18.86 L 13.71 18.86 C 12.77 18.86 12 18.09 12 17.14 C 12 16.2 12.77 15.43 13.71 15.43 L 34.29 15.43 C 35.23 15.43 36 16.2 36 17.14 C 36 18.09 35.23 18.86 34.29 18.86 Z M 34.29 8.57 L 34.29 5.85 L 37 8.57 Z M 34.29 8.57' />
+    </g>
+  </svg>
+)
+
+export default NewsIcon

app/javascript/gabsocial/assets/visible_icon.js

@@ -0,0 +1,25 @@
+const VisibleIcon = ({
+  className = '',
+  size = '16px',
+  title = '',
+}) => (
+  <svg
+    className={className}
+    version='1.1'
+    xmlns='http://www.w3.org/2000/svg'
+    x='0px'
+    y='0px'
+    width={size}
+    height={size}
+    viewBox='0 0 48 48'
+    xmlSpace='preserve'
+    aria-label={title}
+  >
+    <g>
+      <path d='M 24 17.45 C 20.39 17.45 17.45 20.39 17.45 24 C 17.45 27.61 20.39 30.55 24 30.55 C 27.61 30.55 30.55 27.61 30.55 24 C 30.55 20.39 27.61 17.45 24 17.45 Z M 24 17.45' />
+      <path d='M 24 7.64 C 13.09 7.64 3.77 14.42 0 24 C 3.77 33.58 13.09 40.36 24 40.36 C 34.92 40.36 44.23 33.58 48 24 C 44.23 14.42 34.92 7.64 24 7.64 Z M 24 34.91 C 17.98 34.91 13.09 30.02 13.09 24 C 13.09 17.98 17.98 13.09 24 13.09 C 30.02 13.09 34.91 17.98 34.91 24 C 34.91 30.02 30.02 34.91 24 34.91 Z M 24 34.91 NaN' />
+    </g>
+  </svg>
+)
+
+export default VisibleIcon

app/javascript/gabsocial/components/icon.js

@@ -36,6 +36,7 @@ import GroupAddIcon from '../assets/group_add_icon'
 import HappyIcon from '../assets/happy_icon'
 import HiddenIcon from '../assets/hidden_icon'
 import HomeIcon from '../assets/home_icon'
+import InvisibleIcon from '../assets/invisible_icon'
 import ItalicIcon from '../assets/italic_icon'
 import LikeIcon from '../assets/like_icon'
 import LikedIcon from '../assets/liked_icon'
@@ -50,6 +51,7 @@ import MicIcon from '../assets/mic_icon'
 import MinimizeFullscreenIcon from '../assets/minimize_fullscreen_icon'
 import MissingIcon from '../assets/missing_icon'
 import MoreIcon from '../assets/more_icon'
+import NewsIcon from '../assets/news_icon'
 import NotificationsIcon from '../assets/notifications_icon'
 import OLListIcon from '../assets/ol_list_icon'
 import PauseIcon from '../assets/pause_icon'
@@ -80,6 +82,7 @@ import ULListIcon from '../assets/ul_list_icon'
 import UnderlineIcon from '../assets/underline_icon'
 import UnlockFilledIcon from '../assets/unlock_filled_icon'
 import VerifiedIcon from '../assets/verified_icon'
+import VisibleIcon from '../assets/visible_icon'
 import WarningIcon from '../assets/warning_icon'
 import WebsiteIcon from '../assets/website_icon'
 
@@ -121,6 +124,7 @@ const ICONS = {
   'hidden': HiddenIcon,
   'happy': HappyIcon,
   'home': HomeIcon,
+  'invisible': InvisibleIcon,
   'italic': ItalicIcon,
   'like': LikeIcon,
   'liked': LikedIcon,
@@ -135,6 +139,7 @@ const ICONS = {
   'minimize-fullscreen': MinimizeFullscreenIcon,
   'missing': MissingIcon,
   'more': MoreIcon,
+  'news': NewsIcon,
   'notifications': NotificationsIcon,
   'ol-list': OLListIcon,
   'pause': PauseIcon,
@@ -165,6 +170,7 @@ const ICONS = {
   'underline': UnderlineIcon,
   'unlock-filled': UnlockFilledIcon,
   'verified': VerifiedIcon,
+  'visible': VisibleIcon,
   'warning': WarningIcon,
   'website': WebsiteIcon,
   '': CircleIcon,