feat: large plus icon

CHANGELOG.md

@@ -2,17 +2,15 @@
 
 ## [0.16.1](https://github.com/frontapp/front-ui-kit/compare/v0.16.0...v0.16.1) (2025-10-21)
 
-
 ### Bug Fixes
 
-* expandable section upgrades ([#286](https://github.com/frontapp/front-ui-kit/issues/286)) ([b63c334](https://github.com/frontapp/front-ui-kit/commit/b63c3343c240e3eb44403007f17d2c746f441750))
+- expandable section upgrades ([#286](https://github.com/frontapp/front-ui-kit/issues/286)) ([b63c334](https://github.com/frontapp/front-ui-kit/commit/b63c3343c240e3eb44403007f17d2c746f441750))
 
 ## [0.16.0](https://github.com/frontapp/front-ui-kit/compare/v0.15.0...v0.16.0) (2025-10-20)
 
-
 ### Features
 
-* gear rounded icon ([#288](https://github.com/frontapp/front-ui-kit/issues/288)) ([459cfb4](https://github.com/frontapp/front-ui-kit/commit/459cfb4805ee7f3a09c86ae43877d646ee08870e))
+- gear rounded icon ([#288](https://github.com/frontapp/front-ui-kit/issues/288)) ([459cfb4](https://github.com/frontapp/front-ui-kit/commit/459cfb4805ee7f3a09c86ae43877d646ee08870e))
 
 ## [0.15.0](https://github.com/frontapp/front-ui-kit/compare/v0.14.0...v0.15.0) (2025-10-17)
 

src/elements/icon/icon.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, {FC} from 'react';
 import styled from 'styled-components';
 
 import Archive from '../../assets/icons/archive.svg';
@@ -44,11 +44,12 @@ import InfoFilled from '../../assets/icons/infoFilled.svg';
 import Minus from '../../assets/icons/minus.svg';
 import EllipsisHorizontal from '../../assets/icons/moreHorizontal.svg';
 import EllipsisVertical from '../../assets/icons/moreVertical.svg';
-import Plus from '../../assets/icons/new.svg';
 import NewContact from '../../assets/icons/newContact.svg';
 import Participant from '../../assets/icons/participant.svg';
 import ParticipantFilled from '../../assets/icons/participantFilled.svg';
+import Plus from '../../assets/icons/plus.svg';
 import PlusCircle from '../../assets/icons/plusCircle.svg';
+import PlusLarge from '../../assets/icons/plusLarge.svg';
 import Preferences from '../../assets/icons/preferences.svg';
 import Search from '../../assets/icons/search.svg';
 import Star from '../../assets/icons/star.svg';
@@ -57,8 +58,8 @@ import Trash from '../../assets/icons/trash.svg';
 import TrashFilled from '../../assets/icons/trashFilled.svg';
 import UserSquare from '../../assets/icons/userSquare.svg';
 import WarningFilled from '../../assets/icons/warningFilled.svg';
-import { greys } from '../../helpers/colorHelpers';
-import { getIconViewBox } from './iconViewBoxes';
+import {greys} from '../../helpers/colorHelpers';
+import {getIconViewBox} from './iconViewBoxes';
 
 /*
  * Constants.
@@ -116,6 +117,7 @@ const importedIcons = {
   ParticipantFilled,
   Plus,
   PlusCircle,
+  PlusLarge,
   Preferences,
   Search,
   Star,
@@ -170,7 +172,7 @@ const StyledIconDiv = styled.div<StyledIconDivProps>`
  */
 
 export const Icon: FC<IconProps> = (props) => {
-  const { name, size = defaultSize, color = defaultColor, shouldDisableColor, viewBox } = props;
+  const {name, size = defaultSize, color = defaultColor, shouldDisableColor, viewBox} = props;
 
   // Pull the icon from the list of available icons.
   // The svg file is converted to a function that is called.

src/elements/icon/iconViewBoxes.ts

@@ -3,14 +3,15 @@
 // This ensures we can preserve the original viewBox from SVG files
 // when no viewBox prop is explicitly provided
 
-import type { IconName } from './icon';
+import type {IconName} from './icon';
 
 const ICON_VIEW_BOX_EXCEPTIONS: Partial<Record<IconName, string>> = {
   Export: '0 0 16 17',
   Info20: '0 0 20 20',
   CaretExpand: '0 0 20 20',
   EditSquare: '0 0 20 20',
-  GearRounded: '0 0 18 20'
+  GearRounded: '0 0 18 20',
+  PlusLarge: '0 0 14 14'
 };
 
 const DEFAULT_VIEW_BOX = '0 0 16 16';