cozy-sharing 33.6.1 → 34.0.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [34.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@33.6.1...cozy-sharing@34.0.0) (2026-06-24)
+
+### Features
+
+- **cozy-sharing:** Add twake-icons ([7f2432a](https://github.com/cozy/cozy-libs/commit/7f2432a601ca02a72f0b792726c6c70919c6036a))
+
+### BREAKING CHANGES
+
+- **cozy-sharing:** You must add `@linagora/twake-icons >= 2.6.2`
+
 ## [33.6.1](https://github.com/cozy/cozy-libs/compare/cozy-sharing@33.6.0...cozy-sharing@33.6.1) (2026-06-22)
 
 ### Bug Fixes

package/dist/OpenSharingLinkButton.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["link", "isSharingShortcutCreated", "isShortLabel"];
+import { Icon } from '@linagora/twake-icons';
 import PropTypes from 'prop-types';
 import React from 'react';
 import Button from 'cozy-ui/transpiled/react/Buttons';
-import Icon from 'cozy-ui/transpiled/react/Icon';
 import { useI18n } from 'twake-i18n';
 import { getIconWithlabel, openExternalLink } from './helpers/sharings';
 import withLocales from './hoc/withLocales';

package/dist/actions/addToCozySharingLink.js

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+import { Icon, CloudPlusOutlined } from '@linagora/twake-icons';
 import React, { forwardRef } from 'react';
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import CloudPlusOutlinedIcon from 'cozy-ui/transpiled/react/Icons/CloudPlusOutlined';
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
 import { openExternalLink } from '../helpers/sharings';
@@ -36,7 +35,7 @@ export var addToCozySharingLink = function addToCozySharingLink(_ref) {
   var label = t('Share.banner.add_to_mine', {
     smart_count: isShortLabel ? 1 : 2
   });
-  var icon = CloudPlusOutlinedIcon;
+  var icon = CloudPlusOutlined;
   return {
     name: 'addToCozySharingLink',
     label: label,

package/dist/actions/createCozySharingLink.js

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+import { Icon, ToTheCloud } from '@linagora/twake-icons';
 import React, { forwardRef } from 'react';
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import ToTheCloudIcon from 'cozy-ui/transpiled/react/Icons/ToTheCloud';
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
 import { openExternalLink } from '../helpers/sharings';
@@ -35,7 +34,7 @@ export var createCozySharingLink = function createCozySharingLink(_ref) {
   var label = t('Share.create-cozy', {
     smart_count: isShortLabel ? 1 : 2
   });
-  var icon = ToTheCloudIcon;
+  var icon = ToTheCloud;
   return {
     name: 'createCozySharingLink',
     label: label,

package/dist/actions/shareNative.js

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+import { Icon, Reply } from '@linagora/twake-icons';
 import React, { forwardRef } from 'react';
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import ReplyIcon from 'cozy-ui/transpiled/react/Icons/Reply';
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
 import { getActionsI18n } from '../hoc/withLocales';
@@ -29,7 +28,7 @@ export var shareNative = function shareNative(_ref) {
       t = _getActionsI18n.t;
 
   var label = t('Share.send');
-  var icon = ReplyIcon;
+  var icon = Reply;
   return {
     name: 'shareNative',
     label: label,

package/dist/actions/syncToCozySharingLink.js

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+import { Icon, Sync } from '@linagora/twake-icons';
 import React, { forwardRef } from 'react';
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import SyncIcon from 'cozy-ui/transpiled/react/Icons/Sync';
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
 import { openExternalLink } from '../helpers/sharings';
@@ -35,7 +34,7 @@ export var syncToCozySharingLink = function syncToCozySharingLink(_ref) {
   var label = t('Share.banner.sync_to_mine', {
     smart_count: isShortLabel ? 1 : 2
   });
-  var icon = SyncIcon;
+  var icon = Sync;
   return {
     name: 'syncToCozySharingLink',
     label: label,

package/dist/components/Avatar/AvatarList.js

@@ -1,10 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { Icon, Link } from '@linagora/twake-icons';
 import cx from 'classnames';
 import React from 'react';
 import { useClient } from 'cozy-client';
 import Avatar from 'cozy-ui/transpiled/react/Avatar';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link';
 import { ExtraAvatar } from './ExtraAvatar';
 import { GroupAvatar } from './GroupAvatar';
 import { MemberAvatar } from './MemberAvatar';
@@ -77,7 +76,7 @@ var AvatarList = function AvatarList(_ref2) {
     innerBorder: true,
     size: size
   }, /*#__PURE__*/React.createElement(Icon, {
-    icon: LinkIcon
+    icon: Link
   }))), hasExtraRecipients && /*#__PURE__*/React.createElement("span", {
     "data-testid": "AvatarList-plusX"
   }, /*#__PURE__*/React.createElement(ExtraAvatar, {

package/dist/components/Avatar/GroupAvatar.js

@@ -1,7 +1,6 @@
+import { Icon, Team } from '@linagora/twake-icons';
 import React from 'react';
 import Avatar from 'cozy-ui/transpiled/react/Avatar';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import TeamIcon from 'cozy-ui/transpiled/react/Icons/Team';
 
 var GroupAvatar = function GroupAvatar(_ref) {
   var size = _ref.size,
@@ -11,7 +10,7 @@ var GroupAvatar = function GroupAvatar(_ref) {
     className: className,
     border: true
   }, /*#__PURE__*/React.createElement(Icon, {
-    icon: TeamIcon
+    icon: Team
   }));
 };
 

package/dist/components/Recipient/GroupRecipientDetailWithoutAccess.js

@@ -1,7 +1,6 @@
+import { Icon, Forbidden } from '@linagora/twake-icons';
 import React from 'react';
 import Avatar from 'cozy-ui/transpiled/react/Avatar';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import ForbiddenIcon from 'cozy-ui/transpiled/react/Icons/Forbidden';
 import List from 'cozy-ui/transpiled/react/List';
 import ListItem from 'cozy-ui/transpiled/react/ListItem';
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
@@ -21,7 +20,7 @@ var GroupRecipientDetailWithoutAccess = function GroupRecipientDetailWithoutAcce
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, {
     variant: "subtitle2"
   }, t('GroupRecipientDetail.withoutAccess.title')), /*#__PURE__*/React.createElement(List, null, withoutAccess.map(function (recipient) {
-    var icon = recipient.status === 'revoked' ? ForbiddenIcon : null;
+    var icon = recipient.status === 'revoked' ? Forbidden : null;
     var defaultDisplayName = t(DEFAULT_DISPLAY_NAME);
     var name = getDisplayName(recipient, defaultDisplayName);
     return /*#__PURE__*/React.createElement(ListItem, {

package/dist/components/Recipient/GroupRecipientPermissions.js

@@ -1,14 +1,13 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { Icon, CrossCircleOutline } from '@linagora/twake-icons';
 import React, { useState, useRef } from 'react';
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
 import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
 import ActionsMenuMobileHeader from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuMobileHeader';
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
-import Icon from 'cozy-ui/transpiled/react/Icon';
 import IconButton from 'cozy-ui/transpiled/react/IconButton';
-import CrossCircleOutlineIcon from 'cozy-ui/transpiled/react/Icons/CrossCircleOutline';
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
 import Spinner from 'cozy-ui/transpiled/react/Spinner';
@@ -127,7 +126,7 @@ var GroupRecipientPermissions = function GroupRecipientPermissions(_ref) {
     className: "u-ml-half",
     "aria-label": t('Share.members.revoke')
   }, /*#__PURE__*/React.createElement(Icon, {
-    icon: CrossCircleOutlineIcon
+    icon: CrossCircleOutline
   }))));
 };
 

package/dist/components/Recipient/LinkRecipient.js

@@ -1,12 +1,10 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { Icon, Gear, Link } from '@linagora/twake-icons';
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
 import Avatar from 'cozy-ui/transpiled/react/Avatar';
 import Fade from 'cozy-ui/transpiled/react/Fade';
-import Icon from 'cozy-ui/transpiled/react/Icon';
 import IconButton from 'cozy-ui/transpiled/react/IconButton';
-import Gear from 'cozy-ui/transpiled/react/Icons/Gear';
-import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link';
 import ListItem from 'cozy-ui/transpiled/react/ListItem';
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
@@ -98,7 +96,7 @@ var LinkRecipient = function LinkRecipient(props) {
     border: true,
     innerBorder: true
   }, /*#__PURE__*/React.createElement(Icon, {
-    icon: LinkIcon
+    icon: Link
   }))), isReadOnly ? /*#__PURE__*/React.createElement(LinkRecipientTextReadOnly, {
     textPrimary: textPrimary,
     textSecondary: textSecondary

package/dist/components/Recipient/LinkRecipientLite.js

@@ -1,8 +1,7 @@
+import { Icon, Link } from '@linagora/twake-icons';
 import PropTypes from 'prop-types';
 import React from 'react';
 import Avatar from 'cozy-ui/transpiled/react/Avatar';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link';
 import ListItem from 'cozy-ui/transpiled/react/ListItem';
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
@@ -29,7 +28,7 @@ var LinkRecipientLite = function LinkRecipientLite(_ref) {
     border: true,
     innerBorder: true
   }, /*#__PURE__*/React.createElement(Icon, {
-    icon: LinkIcon
+    icon: Link
   }))), /*#__PURE__*/React.createElement(ListItemText, {
     primary: t('Share.recipients.anyoneWithTheLink'),
     secondary: link

package/dist/components/Recipient/MemberRecipientPermissions.js

@@ -1,15 +1,14 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { Icon, CrossCircleOutline } from '@linagora/twake-icons';
 import React, { useState, useRef, useCallback } from 'react';
 import { useClient } from 'cozy-client';
 import minilog from 'cozy-minilog';
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
 import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
-import Icon from 'cozy-ui/transpiled/react/Icon';
 import IconButton from 'cozy-ui/transpiled/react/IconButton';
-import CrossCircleOutlineIcon from 'cozy-ui/transpiled/react/Icons/CrossCircleOutline';
 import Spinner from 'cozy-ui/transpiled/react/Spinner';
 import Typography from 'cozy-ui/transpiled/react/Typography';
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
@@ -167,7 +166,7 @@ var MemberRecipientPermissions = function MemberRecipientPermissions(_ref) {
     className: "u-ml-half",
     "aria-label": t('Share.members.revoke')
   }, /*#__PURE__*/React.createElement(Icon, {
-    icon: CrossCircleOutlineIcon
+    icon: CrossCircleOutline
   }))));
 };
 

package/dist/components/Recipient/actions/revokeLink.js

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+import { Icon, Trash } from '@linagora/twake-icons';
 import React, { forwardRef } from 'react';
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash';
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
 import Typography from 'cozy-ui/transpiled/react/Typography';
@@ -14,13 +13,13 @@ var revokeLink = function revokeLink(_ref) {
   return {
     name: 'revokeLink',
     label: title,
-    icon: TrashIcon,
+    icon: Trash,
     action: handleRevocation,
     Component: /*#__PURE__*/forwardRef(function RevokeLinkItem(props, ref) {
       return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
         ref: ref
       }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
-        icon: TrashIcon,
+        icon: Trash,
         color: "var(--errorColor)"
       })), /*#__PURE__*/React.createElement(ListItemText, {
         primary: /*#__PURE__*/React.createElement(Typography, {

package/dist/components/ShareButton.js

@@ -3,11 +3,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["label", "onClick", "className"],
     _excluded2 = ["label", "onClick", "className"],
     _excluded3 = ["label", "onClick", "className"];
+import { Icon, Share } from '@linagora/twake-icons';
 import classNames from 'classnames';
 import React from 'react';
 import Button from 'cozy-ui/transpiled/react/Buttons';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import ShareIcon from 'cozy-ui/transpiled/react/Icons/Share';
 var styles = {
   "coz-btn-shared": "button__coz-btn-shared___9MFbY",
   "coz-btn-sharedWithMe": "button__coz-btn-sharedWithMe___25PBh"
@@ -26,7 +25,7 @@ export var ShareButton = function ShareButton(_ref) {
       return _onClick();
     },
     startIcon: /*#__PURE__*/React.createElement(Icon, {
-      icon: ShareIcon
+      icon: Share
     }),
     label: label
   }, props));
@@ -44,7 +43,7 @@ export var SharedByMeButton = function SharedByMeButton(_ref2) {
       return _onClick2();
     },
     icon: /*#__PURE__*/React.createElement(Icon, {
-      icon: ShareIcon
+      icon: Share
     }),
     label: label
   }, props));
@@ -61,7 +60,7 @@ export var SharedWithMeButton = function SharedWithMeButton(_ref3) {
       return _onClick3();
     },
     startIcon: /*#__PURE__*/React.createElement(Icon, {
-      icon: ShareIcon
+      icon: Share
     }),
     label: label
   }, props));

package/dist/components/ShareByLink.js

@@ -1,13 +1,11 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { Icon, Copy, Link } from '@linagora/twake-icons';
 import PropTypes from 'prop-types';
 import React, { useReducer, useState } from 'react';
 import { useClient } from 'cozy-client';
 import Button from 'cozy-ui/transpiled/react/Buttons';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import CopyIcon from 'cozy-ui/transpiled/react/Icons/Copy';
-import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link';
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints';
 import { useI18n } from 'twake-i18n';
@@ -284,13 +282,13 @@ var ShareByLink = function ShareByLink(_ref) {
     variant: "secondary",
     size: "medium",
     startIcon: /*#__PURE__*/React.createElement(Icon, {
-      icon: LinkIcon
+      icon: Link
     }),
     onClick: shareLink,
     busy: isGenerating
   }), /*#__PURE__*/React.createElement(Button, {
     label: /*#__PURE__*/React.createElement(Icon, {
-      icon: CopyIcon
+      icon: Copy
     }),
     variant: "secondary",
     size: "medium",
@@ -301,7 +299,7 @@ var ShareByLink = function ShareByLink(_ref) {
     variant: "secondary",
     size: "medium",
     startIcon: /*#__PURE__*/React.createElement(Icon, {
-      icon: LinkIcon
+      icon: Link
     }),
     onClick: generateLinkAndCopyLinkToClipboard,
     busy: isGenerating
@@ -310,7 +308,7 @@ var ShareByLink = function ShareByLink(_ref) {
     variant: "secondary",
     size: "medium",
     startIcon: /*#__PURE__*/React.createElement(Icon, {
-      icon: LinkIcon
+      icon: Link
     }),
     onClick: generateLinkSilently,
     busy: isGenerating

package/dist/components/ShareRestrictionModal/BoxDate.js

@@ -1,10 +1,9 @@
+import { Icon, Calendar } from '@linagora/twake-icons';
 import { format } from 'date-fns';
 import PropTypes from 'prop-types';
 import React from 'react';
 import Box from 'cozy-ui/transpiled/react/Box';
 import DatePicker from 'cozy-ui/transpiled/react/DatePicker';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import CalendarIcon from 'cozy-ui/transpiled/react/Icons/Calendar';
 import List from 'cozy-ui/transpiled/react/List';
 import ListItem from 'cozy-ui/transpiled/react/ListItem';
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
@@ -44,7 +43,7 @@ export var BoxDate = function BoxDate(_ref) {
       return handleDateToggle(!toggle);
     }
   }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: CalendarIcon
+    icon: Calendar
   })), /*#__PURE__*/React.createElement(ListItemText, {
     primary: t('BoxDate.text')
   }), /*#__PURE__*/React.createElement(ListItemSecondaryAction, null, /*#__PURE__*/React.createElement(Switch, {

package/dist/components/ShareRestrictionModal/BoxEditingRights.js

@@ -1,4 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { Icon, Bottom, People } from '@linagora/twake-icons';
 import PropTypes from 'prop-types';
 import React, { useReducer, useRef } from 'react';
 import { useClient } from 'cozy-client';
@@ -7,9 +8,6 @@ import flag from 'cozy-flags';
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
 import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
 import Box from 'cozy-ui/transpiled/react/Box';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import BottomIcon from 'cozy-ui/transpiled/react/Icons/Bottom';
-import PeopleIcon from 'cozy-ui/transpiled/react/Icons/People';
 import List from 'cozy-ui/transpiled/react/List';
 import ListItem from 'cozy-ui/transpiled/react/ListItem';
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
@@ -62,14 +60,14 @@ export var BoxEditingRights = function BoxEditingRights(_ref) {
     ellipsis: false,
     onClick: toggleMenuDisplayed
   }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: PeopleIcon
+    icon: People
   })), /*#__PURE__*/React.createElement(ListItemText, {
     primary: textPrimary,
     secondary: textSecondary
   }), /*#__PURE__*/React.createElement(ListItemIcon, {
     className: "u-mr-half"
   }, /*#__PURE__*/React.createElement(Icon, {
-    icon: BottomIcon
+    icon: Bottom
   }))))), /*#__PURE__*/React.createElement(ActionsMenu, {
     ref: buttonRef,
     open: isMenuDisplayed,

package/dist/components/ShareRestrictionModal/BoxPassword.js

@@ -2,13 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { Icon, Copy, Password } from '@linagora/twake-icons';
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
 import Box from 'cozy-ui/transpiled/react/Box';
-import Icon from 'cozy-ui/transpiled/react/Icon';
 import IconButton from 'cozy-ui/transpiled/react/IconButton';
-import CopyIcon from 'cozy-ui/transpiled/react/Icons/Copy';
-import PasswordIcon from 'cozy-ui/transpiled/react/Icons/Password';
 import List from 'cozy-ui/transpiled/react/List';
 import ListItem from 'cozy-ui/transpiled/react/ListItem';
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
@@ -108,7 +106,7 @@ export var BoxPassword = function BoxPassword(_ref) {
       return handlePasswordToggle(!toggle);
     }
   }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: PasswordIcon
+    icon: Password
   })), /*#__PURE__*/React.createElement(ListItemText, {
     primary: t('BoxPassword.text')
   }), /*#__PURE__*/React.createElement(ListItemSecondaryAction, null, /*#__PURE__*/React.createElement(Switch, {
@@ -141,7 +139,7 @@ export var BoxPassword = function BoxPassword(_ref) {
       endAdornment: /*#__PURE__*/React.createElement(IconButton, {
         onClick: handleCopy
       }, /*#__PURE__*/React.createElement(Icon, {
-        icon: CopyIcon
+        icon: Copy
       }))
     },
     inputProps: inputProps

package/dist/components/ShareRestrictionModal/ShareRestrictionModal.js

@@ -1,6 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { Icon, Trash } from '@linagora/twake-icons';
 import { addDays } from 'date-fns';
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
@@ -8,8 +9,6 @@ import { generateWebLink, useClient } from 'cozy-client';
 import flag from 'cozy-flags';
 import Button from 'cozy-ui/transpiled/react/Buttons';
 import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash';
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
 import { useI18n } from 'twake-i18n';
 import { ShareRestrictionContentModal } from './ShareRestrictionContentModal';
@@ -232,7 +231,7 @@ export var ShareRestrictionModal = function ShareRestrictionModal(_ref) {
       variant: "secondary",
       color: "error",
       startIcon: /*#__PURE__*/React.createElement(Icon, {
-        icon: TrashIcon
+        icon: Trash
       }),
       onClick: handleRevokeLink,
       busy: loading

package/dist/components/SharedBadge.js

@@ -1,8 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { Icon, Share } from '@linagora/twake-icons';
 import classNames from 'classnames';
 import React from 'react';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import ShareIcon from 'cozy-ui/transpiled/react/Icons/Share';
 var styles = {
   "shared-badge": "badge__shared-badge___2jGsy",
   "--small": "badge__--small___2VMyY",
@@ -20,7 +19,7 @@ var SharedBadge = function SharedBadge(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(styles['shared-badge'], className, _defineProperty({}, styles['--small'], small), _defineProperty({}, styles['--xsmall'], xsmall), styles[byMe ? '--by-me' : '--with-me'])
   }, /*#__PURE__*/React.createElement(Icon, {
-    icon: ShareIcon,
+    icon: Share,
     color: "var(--primaryContrastTextColor)",
     className: styles['shared-badge-icon']
   }));

package/dist/components/SharedDrive/SharedDriveHeader.js

@@ -1,5 +1,5 @@
+import { Icon } from '@linagora/twake-icons';
 import React from 'react';
-import Icon from 'cozy-ui/transpiled/react/Icon';
 import Typography from 'cozy-ui/transpiled/react/Typography';
 
 var SharedDriveIcon = function SharedDriveIcon(props) {

package/dist/helpers/sharings.js

@@ -1,9 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { CloudPlusOutlined, Sync, ToTheCloud } from '@linagora/twake-icons';
 import { Q } from 'cozy-client';
-import CloudPlusOutlinedIcon from 'cozy-ui/transpiled/react/Icons/CloudPlusOutlined';
-import SyncIcon from 'cozy-ui/transpiled/react/Icons/Sync';
-import ToTheCloudIcon from 'cozy-ui/transpiled/react/Icons/ToTheCloud';
 import { fetchFilesPaths } from './files';
 import { updateInternalObjectFromRealtime, normalizeDocFromRealtime } from './realtime';
 import logger from '../logger';
@@ -135,7 +133,7 @@ export var getIconWithlabel = function getIconWithlabel(_ref4) {
 
   if (link === CREATE_COZY_HREF) {
     return {
-      icon: ToTheCloudIcon,
+      icon: ToTheCloud,
       label: t('Share.create-cozy', {
         smart_count: isShortLabel ? 1 : 2
       })
@@ -144,7 +142,7 @@ export var getIconWithlabel = function getIconWithlabel(_ref4) {
 
   if (!isSharingShortcutCreated) {
     return {
-      icon: CloudPlusOutlinedIcon,
+      icon: CloudPlusOutlined,
       label: t('Share.banner.add_to_mine', {
         smart_count: isShortLabel ? 1 : 2
       })
@@ -152,7 +150,7 @@ export var getIconWithlabel = function getIconWithlabel(_ref4) {
   }
 
   return {
-    icon: SyncIcon,
+    icon: Sync,
     label: t('Share.banner.sync_to_mine', {
       smart_count: isShortLabel ? 1 : 2
     })

package/jest.config.js

@@ -26,10 +26,11 @@ module.exports = {
     '^cozy-client$': '<rootDir>/node_modules/cozy-client/dist/index.js',
     '^cozy-client/dist/types$':
       '<rootDir>/node_modules/cozy-client/dist/types.js',
-    '^twake-i18n$': '<rootDir>/../twake-i18n/dist/index.js'
+    '^twake-i18n$': '<rootDir>/../twake-i18n/dist/index.js',
+    '^@linagora/twake-icons$': '<rootDir>/jestHelpers/mocks/twake-icons.js'
   },
   transformIgnorePatterns: [
-    '<rootDir>/node_modules/(?!(cozy-ui|cozy-harvest-lib))'
+    '<rootDir>/node_modules/(?!(cozy-ui|cozy-harvest-lib|cozy-ui-plus))'
   ],
   setupFilesAfterEnv: ['<rootDir>/jestHelpers/setup.js']
 }

package/jestHelpers/mocks/twake-icons.js

@@ -0,0 +1,23 @@
+const React = require('react')
+
+const Icon = ({ icon, ...props }) =>
+  React.createElement('span', { 'data-icon': true, ...props })
+
+const Sprite = () => null
+
+const getFileTypeIcon = () =>
+  function FileTypeIcon() {
+    return React.createElement('svg', { 'data-filetypeicon': true })
+  }
+
+const proxyHandler = {
+  get: function (target, prop) {
+    if (prop in target) return target[prop]
+    if (prop === 'default') return target.Icon
+    return function IconMock(props) {
+      return React.createElement('svg', { 'data-mock-icon': prop, ...props })
+    }
+  }
+}
+
+module.exports = new Proxy({ Icon, Sprite, getFileTypeIcon }, proxyHandler)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "33.6.1",
+  "version": "34.0.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -40,6 +40,7 @@
   "devDependencies": {
     "@babel/cli": "7.16.8",
     "@babel/core": "7.16.12",
+    "@linagora/twake-icons": "^2.6.2",
     "@storybook/addon-essentials": "7.6.0",
     "@storybook/addon-interactions": "7.6.0",
     "@storybook/addon-links": "7.6.0",
@@ -68,6 +69,7 @@
     "twake-i18n": "^0.4.1"
   },
   "peerDependencies": {
+    "@linagora/twake-icons": ">=2.6.2",
     "cozy-client": ">=60.28.0",
     "cozy-device-helper": ">=4.0.0",
     "cozy-flags": ">=4.8.1",
@@ -83,5 +85,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "10aa2298384087fd396bbfce29c1198d80244361"
+  "gitHead": "99a6d19a4f3f61c99cc785c87126e3e2f0bfa646"
 }

package/src/OpenSharingLinkButton.jsx

@@ -1,8 +1,8 @@
+import { Icon } from '@linagora/twake-icons'
 import PropTypes from 'prop-types'
 import React from 'react'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
-import Icon from 'cozy-ui/transpiled/react/Icon'
 import { useI18n } from 'twake-i18n'
 
 import { getIconWithlabel, openExternalLink } from './helpers/sharings'

package/src/actions/addToCozySharingLink.js

@@ -1,8 +1,7 @@
+import { Icon, CloudPlusOutlined } from '@linagora/twake-icons'
 import React, { forwardRef } from 'react'
 
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import CloudPlusOutlinedIcon from 'cozy-ui/transpiled/react/Icons/CloudPlusOutlined'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 
@@ -35,7 +34,7 @@ export const addToCozySharingLink = ({
   const label = t('Share.banner.add_to_mine', {
     smart_count: isShortLabel ? 1 : 2
   })
-  const icon = CloudPlusOutlinedIcon
+  const icon = CloudPlusOutlined
 
   return {
     name: 'addToCozySharingLink',

package/src/actions/createCozySharingLink.js

@@ -1,8 +1,7 @@
+import { Icon, ToTheCloud } from '@linagora/twake-icons'
 import React, { forwardRef } from 'react'
 
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import ToTheCloudIcon from 'cozy-ui/transpiled/react/Icons/ToTheCloud'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 
@@ -32,7 +31,7 @@ export const createCozySharingLink = ({
 }) => {
   const { t } = getActionsI18n()
   const label = t('Share.create-cozy', { smart_count: isShortLabel ? 1 : 2 })
-  const icon = ToTheCloudIcon
+  const icon = ToTheCloud
 
   return {
     name: 'createCozySharingLink',

package/src/actions/shareNative.js

@@ -1,8 +1,7 @@
+import { Icon, Reply } from '@linagora/twake-icons'
 import React, { forwardRef } from 'react'
 
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import ReplyIcon from 'cozy-ui/transpiled/react/Icons/Reply'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 
@@ -31,7 +30,7 @@ export const shareNative = ({
   const { t } = getActionsI18n()
 
   const label = t('Share.send')
-  const icon = ReplyIcon
+  const icon = Reply
 
   return {
     name: 'shareNative',

package/src/actions/syncToCozySharingLink.js

@@ -1,8 +1,7 @@
+import { Icon, Sync } from '@linagora/twake-icons'
 import React, { forwardRef } from 'react'
 
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import SyncIcon from 'cozy-ui/transpiled/react/Icons/Sync'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 
@@ -34,7 +33,7 @@ export const syncToCozySharingLink = ({
   const label = t('Share.banner.sync_to_mine', {
     smart_count: isShortLabel ? 1 : 2
   })
-  const icon = SyncIcon
+  const icon = Sync
 
   return {
     name: 'syncToCozySharingLink',

package/src/components/Avatar/AvatarList.jsx

@@ -1,10 +1,9 @@
+import { Icon, Link } from '@linagora/twake-icons'
 import cx from 'classnames'
 import React from 'react'
 
 import { useClient } from 'cozy-client'
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link'
 
 import { ExtraAvatar } from './ExtraAvatar'
 import { GroupAvatar } from './GroupAvatar'
@@ -75,7 +74,7 @@ const AvatarList = ({
       {link && (
         <span data-testid="AvatarList-link">
           <Avatar color="none" border innerBorder size={size}>
-            <Icon icon={LinkIcon} />
+            <Icon icon={Link} />
           </Avatar>
         </span>
       )}

package/src/components/Avatar/GroupAvatar.jsx

@@ -1,13 +1,12 @@
+import { Icon, Team } from '@linagora/twake-icons'
 import React from 'react'
 
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import TeamIcon from 'cozy-ui/transpiled/react/Icons/Team'
 
 const GroupAvatar = ({ size, className }) => {
   return (
     <Avatar size={size} className={className} border>
-      <Icon icon={TeamIcon} />
+      <Icon icon={Team} />
     </Avatar>
   )
 }

package/src/components/Recipient/GroupRecipientDetailWithoutAccess.jsx

@@ -1,8 +1,7 @@
+import { Icon, Forbidden } from '@linagora/twake-icons'
 import React from 'react'
 
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import ForbiddenIcon from 'cozy-ui/transpiled/react/Icons/Forbidden'
 import List from 'cozy-ui/transpiled/react/List'
 import ListItem from 'cozy-ui/transpiled/react/ListItem'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
@@ -23,7 +22,7 @@ const GroupRecipientDetailWithoutAccess = ({ withoutAccess, isOwner }) => {
       </Typography>
       <List>
         {withoutAccess.map(recipient => {
-          const icon = recipient.status === 'revoked' ? ForbiddenIcon : null
+          const icon = recipient.status === 'revoked' ? Forbidden : null
           const defaultDisplayName = t(DEFAULT_DISPLAY_NAME)
           const name = getDisplayName(recipient, defaultDisplayName)
 

package/src/components/Recipient/GroupRecipientPermissions.jsx

@@ -1,12 +1,11 @@
+import { Icon, CrossCircleOutline } from '@linagora/twake-icons'
 import React, { useState, useRef } from 'react'
 
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu'
 import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions'
 import ActionsMenuMobileHeader from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuMobileHeader'
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton'
-import Icon from 'cozy-ui/transpiled/react/Icon'
 import IconButton from 'cozy-ui/transpiled/react/IconButton'
-import CrossCircleOutlineIcon from 'cozy-ui/transpiled/react/Icons/CrossCircleOutline'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
@@ -92,7 +91,7 @@ const GroupRecipientPermissions = ({
             className="u-ml-half"
             aria-label={t('Share.members.revoke')}
           >
-            <Icon icon={CrossCircleOutlineIcon} />
+            <Icon icon={CrossCircleOutline} />
           </IconButton>
         </>
       )}

package/src/components/Recipient/LinkRecipient.jsx

@@ -1,12 +1,10 @@
+import { Icon, Gear, Link } from '@linagora/twake-icons'
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
 
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
 import Fade from 'cozy-ui/transpiled/react/Fade'
-import Icon from 'cozy-ui/transpiled/react/Icon'
 import IconButton from 'cozy-ui/transpiled/react/IconButton'
-import Gear from 'cozy-ui/transpiled/react/Icons/Gear'
-import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link'
 import ListItem from 'cozy-ui/transpiled/react/ListItem'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
@@ -100,7 +98,7 @@ const LinkRecipient = props => {
       <ListItem gutters={isMobile ? 'default' : 'double'} size="small">
         <ListItemIcon>
           <Avatar size="m" color="none" border innerBorder>
-            <Icon icon={LinkIcon} />
+            <Icon icon={Link} />
           </Avatar>
         </ListItemIcon>
         {isReadOnly ? (

package/src/components/Recipient/LinkRecipientLite.jsx

@@ -1,9 +1,8 @@
+import { Icon, Link } from '@linagora/twake-icons'
 import PropTypes from 'prop-types'
 import React from 'react'
 
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link'
 import ListItem from 'cozy-ui/transpiled/react/ListItem'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
@@ -24,7 +23,7 @@ const LinkRecipientLite = ({ permissions, link }) => {
     <ListItem size="small" ellipsis>
       <ListItemIcon>
         <Avatar size="m" color="none" border innerBorder>
-          <Icon icon={LinkIcon} />
+          <Icon icon={Link} />
         </Avatar>
       </ListItemIcon>
       <ListItemText

package/src/components/Recipient/MemberRecipientPermissions.jsx

@@ -1,3 +1,4 @@
+import { Icon, CrossCircleOutline } from '@linagora/twake-icons'
 import React, { useState, useRef, useCallback } from 'react'
 
 import { useClient } from 'cozy-client'
@@ -5,9 +6,7 @@ import minilog from 'cozy-minilog'
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu'
 import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions'
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton'
-import Icon from 'cozy-ui/transpiled/react/Icon'
 import IconButton from 'cozy-ui/transpiled/react/IconButton'
-import CrossCircleOutlineIcon from 'cozy-ui/transpiled/react/Icons/CrossCircleOutline'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
@@ -141,7 +140,7 @@ const MemberRecipientPermissions = ({
             className="u-ml-half"
             aria-label={t('Share.members.revoke')}
           >
-            <Icon icon={CrossCircleOutlineIcon} />
+            <Icon icon={CrossCircleOutline} />
           </IconButton>
         </>
       )}

package/src/components/Recipient/actions/revokeLink.js

@@ -1,8 +1,7 @@
+import { Icon, Trash } from '@linagora/twake-icons'
 import React, { forwardRef } from 'react'
 
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import Typography from 'cozy-ui/transpiled/react/Typography'
@@ -13,13 +12,13 @@ const revokeLink = ({ t, handleRevocation }) => {
   return {
     name: 'revokeLink',
     label: title,
-    icon: TrashIcon,
+    icon: Trash,
     action: handleRevocation,
     Component: forwardRef(function RevokeLinkItem(props, ref) {
       return (
         <ActionsMenuItem {...props} ref={ref}>
           <ListItemIcon>
-            <Icon icon={TrashIcon} color="var(--errorColor)" />
+            <Icon icon={Trash} color="var(--errorColor)" />
           </ListItemIcon>
           <ListItemText
             primary={<Typography color="error">{title}</Typography>}

package/src/components/ShareButton.jsx

@@ -1,9 +1,8 @@
+import { Icon, Share } from '@linagora/twake-icons'
 import classNames from 'classnames'
 import React from 'react'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import ShareIcon from 'cozy-ui/transpiled/react/Icons/Share'
 
 import styles from '../styles/button.styl'
 
@@ -13,7 +12,7 @@ export const ShareButton = ({ label, onClick, className, ...props }) => (
     variant="secondary"
     className={className}
     onClick={() => onClick()}
-    startIcon={<Icon icon={ShareIcon} />}
+    startIcon={<Icon icon={Share} />}
     label={label}
     {...props}
   />
@@ -24,7 +23,7 @@ export const SharedByMeButton = ({ label, onClick, className, ...props }) => (
     data-test-id="share-by-me-button"
     className={className}
     onClick={() => onClick()}
-    icon={<Icon icon={ShareIcon} />}
+    icon={<Icon icon={Share} />}
     label={label}
     {...props}
   />
@@ -34,7 +33,7 @@ export const SharedWithMeButton = ({ label, onClick, className, ...props }) => (
   <Button
     className={classNames(styles['coz-btn-sharedWithMe'], className)}
     onClick={() => onClick()}
-    startIcon={<Icon icon={ShareIcon} />}
+    startIcon={<Icon icon={Share} />}
     label={label}
     {...props}
   />

package/src/components/ShareByLink.jsx

@@ -1,11 +1,9 @@
+import { Icon, Copy, Link } from '@linagora/twake-icons'
 import PropTypes from 'prop-types'
 import React, { useReducer, useState } from 'react'
 
 import { useClient } from 'cozy-client'
 import Button from 'cozy-ui/transpiled/react/Buttons'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import CopyIcon from 'cozy-ui/transpiled/react/Icons/Copy'
-import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
 import { useI18n } from 'twake-i18n'
@@ -144,12 +142,12 @@ const ShareByLink = ({
             label={t(`${documentType}.share.shareByLink.send`)}
             variant="secondary"
             size="medium"
-            startIcon={<Icon icon={LinkIcon} />}
+            startIcon={<Icon icon={Link} />}
             onClick={shareLink}
             busy={isGenerating}
           />
           <Button
-            label={<Icon icon={CopyIcon} />}
+            label={<Icon icon={Copy} />}
             variant="secondary"
             size="medium"
             onClick={generateLinkAndCopyLinkToClipboard}
@@ -162,7 +160,7 @@ const ShareByLink = ({
           label={t(`${documentType}.share.shareByLink.copy`)}
           variant="secondary"
           size="medium"
-          startIcon={<Icon icon={LinkIcon} />}
+          startIcon={<Icon icon={Link} />}
           onClick={generateLinkAndCopyLinkToClipboard}
           busy={isGenerating}
         />
@@ -172,7 +170,7 @@ const ShareByLink = ({
           label={t(`${documentType}.share.shareByLink.create`)}
           variant="secondary"
           size="medium"
-          startIcon={<Icon icon={LinkIcon} />}
+          startIcon={<Icon icon={Link} />}
           onClick={generateLinkSilently}
           busy={isGenerating}
         />

package/src/components/ShareRestrictionModal/BoxDate.jsx

@@ -1,11 +1,10 @@
+import { Icon, Calendar } from '@linagora/twake-icons'
 import { format } from 'date-fns'
 import PropTypes from 'prop-types'
 import React from 'react'
 
 import Box from 'cozy-ui/transpiled/react/Box'
 import DatePicker from 'cozy-ui/transpiled/react/DatePicker'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import CalendarIcon from 'cozy-ui/transpiled/react/Icons/Calendar'
 import List from 'cozy-ui/transpiled/react/List'
 import ListItem from 'cozy-ui/transpiled/react/ListItem'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
@@ -33,7 +32,7 @@ export const BoxDate = ({ onChange, date, toggle, onToggle }) => {
           onClick={() => handleDateToggle(!toggle)}
         >
           <ListItemIcon>
-            <Icon icon={CalendarIcon} />
+            <Icon icon={Calendar} />
           </ListItemIcon>
           <ListItemText primary={t('BoxDate.text')} />
           <ListItemSecondaryAction>

package/src/components/ShareRestrictionModal/BoxEditingRights.jsx

@@ -1,3 +1,4 @@
+import { Icon, Bottom, People } from '@linagora/twake-icons'
 import PropTypes from 'prop-types'
 import React, { useReducer, useRef } from 'react'
 
@@ -7,9 +8,6 @@ import flag from 'cozy-flags'
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu'
 import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions'
 import Box from 'cozy-ui/transpiled/react/Box'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import BottomIcon from 'cozy-ui/transpiled/react/Icons/Bottom'
-import PeopleIcon from 'cozy-ui/transpiled/react/Icons/People'
 import List from 'cozy-ui/transpiled/react/List'
 import ListItem from 'cozy-ui/transpiled/react/ListItem'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
@@ -67,11 +65,11 @@ export const BoxEditingRights = ({ file, editingRights, setEditingRights }) => {
               onClick={toggleMenuDisplayed}
             >
               <ListItemIcon>
-                <Icon icon={PeopleIcon} />
+                <Icon icon={People} />
               </ListItemIcon>
               <ListItemText primary={textPrimary} secondary={textSecondary} />
               <ListItemIcon className="u-mr-half">
-                <Icon icon={BottomIcon} />
+                <Icon icon={Bottom} />
               </ListItemIcon>
             </ListItem>
           </List>

package/src/components/ShareRestrictionModal/BoxPassword.jsx

@@ -1,11 +1,9 @@
+import { Icon, Copy, Password } from '@linagora/twake-icons'
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
 
 import Box from 'cozy-ui/transpiled/react/Box'
-import Icon from 'cozy-ui/transpiled/react/Icon'
 import IconButton from 'cozy-ui/transpiled/react/IconButton'
-import CopyIcon from 'cozy-ui/transpiled/react/Icons/Copy'
-import PasswordIcon from 'cozy-ui/transpiled/react/Icons/Password'
 import List from 'cozy-ui/transpiled/react/List'
 import ListItem from 'cozy-ui/transpiled/react/ListItem'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
@@ -69,7 +67,7 @@ export const BoxPassword = ({
           onClick={() => handlePasswordToggle(!toggle)}
         >
           <ListItemIcon>
-            <Icon icon={PasswordIcon} />
+            <Icon icon={Password} />
           </ListItemIcon>
           <ListItemText primary={t('BoxPassword.text')} />
           <ListItemSecondaryAction>
@@ -106,7 +104,7 @@ export const BoxPassword = ({
             InputProps={{
               endAdornment: (
                 <IconButton onClick={handleCopy}>
-                  <Icon icon={CopyIcon} />
+                  <Icon icon={Copy} />
                 </IconButton>
               )
             }}

package/src/components/ShareRestrictionModal/ShareRestrictionModal.jsx

@@ -1,3 +1,4 @@
+import { Icon, Trash } from '@linagora/twake-icons'
 import { addDays } from 'date-fns'
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
@@ -6,8 +7,6 @@ import { generateWebLink, useClient } from 'cozy-client'
 import flag from 'cozy-flags'
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
 import { useI18n } from 'twake-i18n'
 
@@ -172,7 +171,7 @@ export const ShareRestrictionModal = ({ file, onClose }) => {
               label={t('Share.permissionLink.deactivate')}
               variant="secondary"
               color="error"
-              startIcon={<Icon icon={TrashIcon} />}
+              startIcon={<Icon icon={Trash} />}
               onClick={handleRevokeLink}
               busy={loading}
             />

package/src/components/SharedBadge.jsx

@@ -1,9 +1,7 @@
+import { Icon, Share } from '@linagora/twake-icons'
 import classNames from 'classnames'
 import React from 'react'
 
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import ShareIcon from 'cozy-ui/transpiled/react/Icons/Share'
-
 import styles from '../styles/badge.styl'
 
 const SharedBadge = ({ byMe, className, small, xsmall }) => (
@@ -17,7 +15,7 @@ const SharedBadge = ({ byMe, className, small, xsmall }) => (
     )}
   >
     <Icon
-      icon={ShareIcon}
+      icon={Share}
       color="var(--primaryContrastTextColor)"
       className={styles['shared-badge-icon']}
     />

package/src/components/SharedDrive/SharedDriveHeader.jsx

@@ -1,6 +1,6 @@
+import { Icon } from '@linagora/twake-icons'
 import React from 'react'
 
-import Icon from 'cozy-ui/transpiled/react/Icon'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 
 import SharedDriveIcon from '../../assets/icons/shared-drive.svg'

package/src/helpers/sharings.js

@@ -1,7 +1,6 @@
+import { CloudPlusOutlined, Sync, ToTheCloud } from '@linagora/twake-icons'
+
 import { Q } from 'cozy-client'
-import CloudPlusOutlinedIcon from 'cozy-ui/transpiled/react/Icons/CloudPlusOutlined'
-import SyncIcon from 'cozy-ui/transpiled/react/Icons/Sync'
-import ToTheCloudIcon from 'cozy-ui/transpiled/react/Icons/ToTheCloud'
 
 import { fetchFilesPaths } from './files'
 import {
@@ -78,20 +77,20 @@ export const getIconWithlabel = ({
 }) => {
   if (link === CREATE_COZY_HREF) {
     return {
-      icon: ToTheCloudIcon,
+      icon: ToTheCloud,
       label: t('Share.create-cozy', { smart_count: isShortLabel ? 1 : 2 })
     }
   }
   if (!isSharingShortcutCreated) {
     return {
-      icon: CloudPlusOutlinedIcon,
+      icon: CloudPlusOutlined,
       label: t('Share.banner.add_to_mine', {
         smart_count: isShortLabel ? 1 : 2
       })
     }
   }
   return {
-    icon: SyncIcon,
+    icon: Sync,
     label: t('Share.banner.sync_to_mine', { smart_count: isShortLabel ? 1 : 2 })
   }
 }