diff --git a/scripts/icons/generateIcons.mjs b/scripts/icons/generateIcons.mjs index 53aa9ce1a..7b0896e50 100644 --- a/scripts/icons/generateIcons.mjs +++ b/scripts/icons/generateIcons.mjs @@ -9,7 +9,10 @@ async function generateIcon({ count, index, svgIconPath, template }) { const svgIconSource = await fs.readFile(svgIconPath, 'utf-8') const svgIconWithCurrentColor = svgIconSource.replace(/#707785/g, 'currentColor') - const svgIconSourceWithoutExtraneousProps = svgIconWithCurrentColor.replace(/ (xlink|xmlns)[^ ]+"/g, '') + const svgIconSourceWithoutExtraneousProps = svgIconWithCurrentColor + .replace(/ (xlink|xmlns)[^ ]+"/g, '') + .replace(/ data-name="[^"]*"/g, '') + .replace(/ id="[^"]*"/g, '') const svgIconSourceWithProps = svgIconSourceWithoutExtraneousProps.replace(/>/, ` {...nativeProps}>`) const tsxIconSource = template .replace(/\/\*ICON_NAME\*\//g, iconName) diff --git a/src/assets/icons/FilterBis.svg b/src/assets/icons/FilterBis.svg new file mode 100644 index 000000000..d9a105f61 --- /dev/null +++ b/src/assets/icons/FilterBis.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/icons/ActivityFeed.tsx b/src/icons/ActivityFeed.tsx index 09549b3a9..19dfe3b6f 100644 --- a/src/icons/ActivityFeed.tsx +++ b/src/icons/ActivityFeed.tsx @@ -6,12 +6,10 @@ export function ActivityFeed({ color, size, ...nativeProps }: IconProps) { return ( - - + + - + - + diff --git a/src/icons/Alert.tsx b/src/icons/Alert.tsx index 1b2eecafa..da2f8c47d 100644 --- a/src/icons/Alert.tsx +++ b/src/icons/Alert.tsx @@ -6,22 +6,13 @@ export function Alert({ color, size, ...nativeProps }: IconProps) { return ( - + - + diff --git a/src/icons/Anchor.tsx b/src/icons/Anchor.tsx index 74e64527b..abb5d876c 100644 --- a/src/icons/Anchor.tsx +++ b/src/icons/Anchor.tsx @@ -5,13 +5,11 @@ import type { IconProps } from '../types' export function Anchor({ color, size, ...nativeProps }: IconProps) { return ( - - + + diff --git a/src/icons/Archive.tsx b/src/icons/Archive.tsx index 9fd5ac70b..2f10fda39 100644 --- a/src/icons/Archive.tsx +++ b/src/icons/Archive.tsx @@ -6,33 +6,13 @@ export function Archive({ color, size, ...nativeProps }: IconProps) { return ( - - - + + + - + diff --git a/src/icons/Attention.tsx b/src/icons/Attention.tsx index d93a5b7d4..1da7fe6da 100644 --- a/src/icons/Attention.tsx +++ b/src/icons/Attention.tsx @@ -6,9 +6,9 @@ export function Attention({ color, size, ...nativeProps }: IconProps) { return ( - - - + + + - + diff --git a/src/icons/Calendar.tsx b/src/icons/Calendar.tsx index 92a18089f..dfa31e449 100644 --- a/src/icons/Calendar.tsx +++ b/src/icons/Calendar.tsx @@ -6,9 +6,9 @@ export function Calendar({ color, size, ...nativeProps }: IconProps) { return ( - - - + + + - + - + diff --git a/src/icons/Check.tsx b/src/icons/Check.tsx index fa59bfd51..f54cc2cae 100644 --- a/src/icons/Check.tsx +++ b/src/icons/Check.tsx @@ -6,8 +6,8 @@ export function Check({ color, size, ...nativeProps }: IconProps) { return ( - - + + - + diff --git a/src/icons/Chevron.tsx b/src/icons/Chevron.tsx index 26e396277..bc05e8208 100644 --- a/src/icons/Chevron.tsx +++ b/src/icons/Chevron.tsx @@ -6,8 +6,8 @@ export function Chevron({ color, size, ...nativeProps }: IconProps) { return ( - - + + - + diff --git a/src/icons/Clock.tsx b/src/icons/Clock.tsx index 1a091447b..015c7c22b 100644 --- a/src/icons/Clock.tsx +++ b/src/icons/Clock.tsx @@ -6,9 +6,9 @@ export function Clock({ color, size, ...nativeProps }: IconProps) { return ( - - - + + + - + - + diff --git a/src/icons/Close.tsx b/src/icons/Close.tsx index b649265f2..d692c0b18 100644 --- a/src/icons/Close.tsx +++ b/src/icons/Close.tsx @@ -6,8 +6,8 @@ export function Close({ color, size, ...nativeProps }: IconProps) { return ( - - + + - + diff --git a/src/icons/Confirm.tsx b/src/icons/Confirm.tsx index fe37cfaf2..b4d821911 100644 --- a/src/icons/Confirm.tsx +++ b/src/icons/Confirm.tsx @@ -6,27 +6,13 @@ export function Confirm({ color, size, ...nativeProps }: IconProps) { return ( - - + + - + diff --git a/src/icons/Control.tsx b/src/icons/Control.tsx index 8399e8139..a2beab992 100644 --- a/src/icons/Control.tsx +++ b/src/icons/Control.tsx @@ -7,22 +7,20 @@ export function Control({ color, size, ...nativeProps }: IconProps) { - + - + - + - - + + - + - + - + - + diff --git a/src/icons/Delete.tsx b/src/icons/Delete.tsx index da42c6ab1..8e80397ec 100644 --- a/src/icons/Delete.tsx +++ b/src/icons/Delete.tsx @@ -6,39 +6,16 @@ export function Delete({ color, size, ...nativeProps }: IconProps) { return ( - - - - + + + + - + diff --git a/src/icons/Display.tsx b/src/icons/Display.tsx index 507ae0a70..8fec6a597 100644 --- a/src/icons/Display.tsx +++ b/src/icons/Display.tsx @@ -6,32 +6,15 @@ export function Display({ color, size, ...nativeProps }: IconProps) { return ( - - + + - + - + diff --git a/src/icons/DoubleChevron.tsx b/src/icons/DoubleChevron.tsx index 7115269b0..f611af57e 100644 --- a/src/icons/DoubleChevron.tsx +++ b/src/icons/DoubleChevron.tsx @@ -5,9 +5,9 @@ import type { IconProps } from '../types' export function DoubleChevron({ color, size, ...nativeProps }: IconProps) { return ( - - - + + + - + - + ) diff --git a/src/icons/Download.tsx b/src/icons/Download.tsx index f86f160f7..a88e8c1b2 100644 --- a/src/icons/Download.tsx +++ b/src/icons/Download.tsx @@ -6,26 +6,12 @@ export function Download({ color, size, ...nativeProps }: IconProps) { return ( - - - - + + + + - + diff --git a/src/icons/Drapeau.tsx b/src/icons/Drapeau.tsx index c0ebfe0ef..f964d23e9 100644 --- a/src/icons/Drapeau.tsx +++ b/src/icons/Drapeau.tsx @@ -5,33 +5,12 @@ import type { IconProps } from '../types' export function Drapeau({ color, size, ...nativeProps }: IconProps) { return ( - - - - - - + + + + + + ) diff --git a/src/icons/Duplicate.tsx b/src/icons/Duplicate.tsx index 3285f92d9..18ff6462e 100644 --- a/src/icons/Duplicate.tsx +++ b/src/icons/Duplicate.tsx @@ -5,14 +5,9 @@ import type { IconProps } from '../types' export function Duplicate({ color, size, ...nativeProps }: IconProps) { return ( - - - + + + ) diff --git a/src/icons/Edit.tsx b/src/icons/Edit.tsx index 1d3030eed..5bceff2c1 100644 --- a/src/icons/Edit.tsx +++ b/src/icons/Edit.tsx @@ -6,22 +6,13 @@ export function Edit({ color, size, ...nativeProps }: IconProps) { return ( - + - - + + diff --git a/src/icons/EditBis.tsx b/src/icons/EditBis.tsx index 7962c52ea..8276f493e 100644 --- a/src/icons/EditBis.tsx +++ b/src/icons/EditBis.tsx @@ -6,22 +6,13 @@ export function EditBis({ color, size, ...nativeProps }: IconProps) { return ( - + - - + + diff --git a/src/icons/Favorite.tsx b/src/icons/Favorite.tsx index 3c2d020d3..310868ff5 100644 --- a/src/icons/Favorite.tsx +++ b/src/icons/Favorite.tsx @@ -6,22 +6,13 @@ export function Favorite({ color, size, ...nativeProps }: IconProps) { return ( - + - + diff --git a/src/icons/FilledArrow.tsx b/src/icons/FilledArrow.tsx index 409d212b6..42e2ed384 100644 --- a/src/icons/FilledArrow.tsx +++ b/src/icons/FilledArrow.tsx @@ -6,16 +6,9 @@ export function FilledArrow({ color, size, ...nativeProps }: IconProps) { return ( - - - + + + diff --git a/src/icons/Filter.tsx b/src/icons/Filter.tsx index 310bf1aa1..da8ed4c4f 100644 --- a/src/icons/Filter.tsx +++ b/src/icons/Filter.tsx @@ -6,22 +6,13 @@ export function Filter({ color, size, ...nativeProps }: IconProps) { return ( - + - + diff --git a/src/icons/FilterBis.tsx b/src/icons/FilterBis.tsx new file mode 100644 index 000000000..58516ca1d --- /dev/null +++ b/src/icons/FilterBis.tsx @@ -0,0 +1,29 @@ +import { IconBox } from '../elements/IconBox' + +import type { IconProps } from '../types' + +export function FilterBis({ color, size, ...nativeProps }: IconProps) { + return ( + + + + + + + + + + + + + ) +} diff --git a/src/icons/Fishery.tsx b/src/icons/Fishery.tsx index 125544a1c..9eac71911 100644 --- a/src/icons/Fishery.tsx +++ b/src/icons/Fishery.tsx @@ -6,32 +6,15 @@ export function Fishery({ color, size, ...nativeProps }: IconProps) { return ( - - - + + + - + diff --git a/src/icons/FishingEngine.tsx b/src/icons/FishingEngine.tsx index aa2219e39..a25cb0406 100644 --- a/src/icons/FishingEngine.tsx +++ b/src/icons/FishingEngine.tsx @@ -6,21 +6,12 @@ export function FishingEngine({ color, size, ...nativeProps }: IconProps) { return ( - + - + diff --git a/src/icons/FleetSegment.tsx b/src/icons/FleetSegment.tsx index 095a9cbfa..1343f16c3 100644 --- a/src/icons/FleetSegment.tsx +++ b/src/icons/FleetSegment.tsx @@ -6,21 +6,12 @@ export function FleetSegment({ color, size, ...nativeProps }: IconProps) { return ( - + - + diff --git a/src/icons/Focus.tsx b/src/icons/Focus.tsx index 7aaea772e..5dca18c6b 100644 --- a/src/icons/Focus.tsx +++ b/src/icons/Focus.tsx @@ -6,9 +6,9 @@ export function Focus({ color, size, ...nativeProps }: IconProps) { return ( - - - + + + - + - + - + - + diff --git a/src/icons/FocusVessel.tsx b/src/icons/FocusVessel.tsx index e43984f89..ea923b9da 100644 --- a/src/icons/FocusVessel.tsx +++ b/src/icons/FocusVessel.tsx @@ -5,19 +5,17 @@ import type { IconProps } from '../types' export function FocusVessel({ color, size, ...nativeProps }: IconProps) { return ( - + - - - - - - + + + + + + diff --git a/src/icons/FocusZones.tsx b/src/icons/FocusZones.tsx index 42894075d..e6554042b 100644 --- a/src/icons/FocusZones.tsx +++ b/src/icons/FocusZones.tsx @@ -5,30 +5,20 @@ import type { IconProps } from '../types' export function FocusZones({ color, size, ...nativeProps }: IconProps) { return ( - - + + - + - - - - - - + + + + + + diff --git a/src/icons/Hide.tsx b/src/icons/Hide.tsx index 30ff205d9..d66f5e2fc 100644 --- a/src/icons/Hide.tsx +++ b/src/icons/Hide.tsx @@ -5,14 +5,12 @@ import type { IconProps } from '../types' export function Hide({ color, size, ...nativeProps }: IconProps) { return ( - + - + ) diff --git a/src/icons/Info.tsx b/src/icons/Info.tsx index 7c98d30c9..6a5a3b9ff 100644 --- a/src/icons/Info.tsx +++ b/src/icons/Info.tsx @@ -6,9 +6,9 @@ export function Info({ color, size, ...nativeProps }: IconProps) { return ( - - - + + + - + - + - + diff --git a/src/icons/Infringement.tsx b/src/icons/Infringement.tsx index 3977acad2..a388510dd 100644 --- a/src/icons/Infringement.tsx +++ b/src/icons/Infringement.tsx @@ -6,21 +6,12 @@ export function Infringement({ color, size, ...nativeProps }: IconProps) { return ( - + - + diff --git a/src/icons/Landmark.tsx b/src/icons/Landmark.tsx index 15499d09f..b14baa3ec 100644 --- a/src/icons/Landmark.tsx +++ b/src/icons/Landmark.tsx @@ -6,24 +6,10 @@ export function Landmark({ color, size, ...nativeProps }: IconProps) { return ( - - - - + + + + diff --git a/src/icons/List.tsx b/src/icons/List.tsx index 3fc5efc2a..7040ec599 100644 --- a/src/icons/List.tsx +++ b/src/icons/List.tsx @@ -6,12 +6,10 @@ export function List({ color, size, ...nativeProps }: IconProps) { return ( - - + + - + - + - + - + diff --git a/src/icons/MapLayers.tsx b/src/icons/MapLayers.tsx index 20703bb2a..f5f0ec2c9 100644 --- a/src/icons/MapLayers.tsx +++ b/src/icons/MapLayers.tsx @@ -5,27 +5,12 @@ import type { IconProps } from '../types' export function MapLayers({ color, size, ...nativeProps }: IconProps) { return ( - - - - - - + + + + + + diff --git a/src/icons/MeasureAngle.tsx b/src/icons/MeasureAngle.tsx index ce382de9b..47c178353 100644 --- a/src/icons/MeasureAngle.tsx +++ b/src/icons/MeasureAngle.tsx @@ -6,35 +6,22 @@ export function MeasureAngle({ color, size, ...nativeProps }: IconProps) { return ( - - + + - + diff --git a/src/icons/MeasureBrokenLine.tsx b/src/icons/MeasureBrokenLine.tsx index e0f65d5bd..108652458 100644 --- a/src/icons/MeasureBrokenLine.tsx +++ b/src/icons/MeasureBrokenLine.tsx @@ -6,21 +6,12 @@ export function MeasureBrokenLine({ color, size, ...nativeProps }: IconProps) { return ( - + - + diff --git a/src/icons/MeasureCircle.tsx b/src/icons/MeasureCircle.tsx index 1757c1f62..e4a55c518 100644 --- a/src/icons/MeasureCircle.tsx +++ b/src/icons/MeasureCircle.tsx @@ -6,21 +6,12 @@ export function MeasureCircle({ color, size, ...nativeProps }: IconProps) { return ( - + - + diff --git a/src/icons/MeasureLine.tsx b/src/icons/MeasureLine.tsx index f118d510a..bb528f1f8 100644 --- a/src/icons/MeasureLine.tsx +++ b/src/icons/MeasureLine.tsx @@ -6,21 +6,12 @@ export function MeasureLine({ color, size, ...nativeProps }: IconProps) { return ( - + - + diff --git a/src/icons/Minus.tsx b/src/icons/Minus.tsx index 92bee6847..5954321e5 100644 --- a/src/icons/Minus.tsx +++ b/src/icons/Minus.tsx @@ -5,16 +5,9 @@ import type { IconProps } from '../types' export function Minus({ color, size, ...nativeProps }: IconProps) { return ( - - - + + + ) diff --git a/src/icons/More.tsx b/src/icons/More.tsx index f1de95ea8..f19ade87c 100644 --- a/src/icons/More.tsx +++ b/src/icons/More.tsx @@ -6,44 +6,13 @@ export function More({ color, size, ...nativeProps }: IconProps) { return ( - - - - - + + + + + - + diff --git a/src/icons/Note.tsx b/src/icons/Note.tsx index e31b4d784..b388fbba1 100644 --- a/src/icons/Note.tsx +++ b/src/icons/Note.tsx @@ -5,14 +5,9 @@ import type { IconProps } from '../types' export function Note({ color, size, ...nativeProps }: IconProps) { return ( - - - + + + ) diff --git a/src/icons/Observation.tsx b/src/icons/Observation.tsx index fc3c1c5e0..bafa59683 100644 --- a/src/icons/Observation.tsx +++ b/src/icons/Observation.tsx @@ -5,9 +5,9 @@ import type { IconProps } from '../types' export function Observation({ color, size, ...nativeProps }: IconProps) { return ( - - - + + + - + - + diff --git a/src/icons/Pinpoint.tsx b/src/icons/Pinpoint.tsx index 90292b0b4..3f0437f48 100644 --- a/src/icons/Pinpoint.tsx +++ b/src/icons/Pinpoint.tsx @@ -6,22 +6,13 @@ export function Pinpoint({ color, size, ...nativeProps }: IconProps) { return ( - - + + - + diff --git a/src/icons/PinpointHide.tsx b/src/icons/PinpointHide.tsx index e1d9a4182..c2eaf3ffc 100644 --- a/src/icons/PinpointHide.tsx +++ b/src/icons/PinpointHide.tsx @@ -6,20 +6,11 @@ export function PinpointHide({ color, size, ...nativeProps }: IconProps) { return ( - - + + diff --git a/src/icons/Plane.tsx b/src/icons/Plane.tsx index c211ded86..7cf59b9b6 100644 --- a/src/icons/Plane.tsx +++ b/src/icons/Plane.tsx @@ -5,14 +5,12 @@ import type { IconProps } from '../types' export function Plane({ color, size, ...nativeProps }: IconProps) { return ( - + - + ) diff --git a/src/icons/Plus.tsx b/src/icons/Plus.tsx index 149af9337..e9955ddce 100644 --- a/src/icons/Plus.tsx +++ b/src/icons/Plus.tsx @@ -6,16 +6,9 @@ export function Plus({ color, size, ...nativeProps }: IconProps) { return ( - - - + + + diff --git a/src/icons/Reject.tsx b/src/icons/Reject.tsx index add1d78fb..fe4420167 100644 --- a/src/icons/Reject.tsx +++ b/src/icons/Reject.tsx @@ -6,27 +6,13 @@ export function Reject({ color, size, ...nativeProps }: IconProps) { return ( - - + + - + diff --git a/src/icons/Save.tsx b/src/icons/Save.tsx index a60cc1f3c..fa9d3f91f 100644 --- a/src/icons/Save.tsx +++ b/src/icons/Save.tsx @@ -5,14 +5,12 @@ import type { IconProps } from '../types' export function Save({ color, size, ...nativeProps }: IconProps) { return ( - + - + ) diff --git a/src/icons/Search.tsx b/src/icons/Search.tsx index d2d017a22..1a16de81b 100644 --- a/src/icons/Search.tsx +++ b/src/icons/Search.tsx @@ -6,8 +6,8 @@ export function Search({ color, size, ...nativeProps }: IconProps) { return ( - - + + - + diff --git a/src/icons/SelectCircle.tsx b/src/icons/SelectCircle.tsx index 8dbfaff31..6faff96c2 100644 --- a/src/icons/SelectCircle.tsx +++ b/src/icons/SelectCircle.tsx @@ -5,13 +5,11 @@ import type { IconProps } from '../types' export function SelectCircle({ color, size, ...nativeProps }: IconProps) { return ( - - + + diff --git a/src/icons/SelectPolygon.tsx b/src/icons/SelectPolygon.tsx index bdac2338c..321d550c2 100644 --- a/src/icons/SelectPolygon.tsx +++ b/src/icons/SelectPolygon.tsx @@ -6,85 +6,30 @@ export function SelectPolygon({ color, size, ...nativeProps }: IconProps) { return ( - - - + + + + + - - - - - + + + - - + + - + diff --git a/src/icons/SelectRectangle.tsx b/src/icons/SelectRectangle.tsx index 2b0931ec8..69f7f02b6 100644 --- a/src/icons/SelectRectangle.tsx +++ b/src/icons/SelectRectangle.tsx @@ -6,12 +6,10 @@ export function SelectRectangle({ color, size, ...nativeProps }: IconProps) { return ( - - + + - + - + - - + + - + - - + + - + - + diff --git a/src/icons/SelectZone.tsx b/src/icons/SelectZone.tsx index 7456093b9..0b62d45e9 100644 --- a/src/icons/SelectZone.tsx +++ b/src/icons/SelectZone.tsx @@ -6,71 +6,23 @@ export function SelectZone({ color, size, ...nativeProps }: IconProps) { return ( - - - - - - - - - - + + + + + + + + + + - + diff --git a/src/icons/ShowErsMessages.tsx b/src/icons/ShowErsMessages.tsx index f95ca3201..23d5481b8 100644 --- a/src/icons/ShowErsMessages.tsx +++ b/src/icons/ShowErsMessages.tsx @@ -6,15 +6,13 @@ export function ShowErsMessages({ color, size, ...nativeProps }: IconProps) { return ( - - + + - + - + diff --git a/src/icons/ShowXml.tsx b/src/icons/ShowXml.tsx index 35c5dd718..9cf20622f 100644 --- a/src/icons/ShowXml.tsx +++ b/src/icons/ShowXml.tsx @@ -6,21 +6,12 @@ export function ShowXml({ color, size, ...nativeProps }: IconProps) { return ( - + - + diff --git a/src/icons/SortingArrows.tsx b/src/icons/SortingArrows.tsx index 7e3bb986b..6b929cdc6 100644 --- a/src/icons/SortingArrows.tsx +++ b/src/icons/SortingArrows.tsx @@ -6,9 +6,9 @@ export function SortingArrows({ color, size, ...nativeProps }: IconProps) { return ( - - - + + + - + - + diff --git a/src/icons/Summary.tsx b/src/icons/Summary.tsx index 8e1cb5002..d63aaeab1 100644 --- a/src/icons/Summary.tsx +++ b/src/icons/Summary.tsx @@ -7,62 +7,31 @@ export function Summary({ color, size, ...nativeProps }: IconProps) { - + - + - + - - - - + + + + - - + + - - + + - + diff --git a/src/icons/Tag.tsx b/src/icons/Tag.tsx index f2353d82c..95b10517a 100644 --- a/src/icons/Tag.tsx +++ b/src/icons/Tag.tsx @@ -6,33 +6,13 @@ export function Tag({ color, size, ...nativeProps }: IconProps) { return ( - - - + + + - + diff --git a/src/icons/Unlock.tsx b/src/icons/Unlock.tsx index b8adaf3b1..7b5f9ecea 100644 --- a/src/icons/Unlock.tsx +++ b/src/icons/Unlock.tsx @@ -5,25 +5,15 @@ import type { IconProps } from '../types' export function Unlock({ color, size, ...nativeProps }: IconProps) { return ( - - - - - - + + + + + + diff --git a/src/icons/Vessel.tsx b/src/icons/Vessel.tsx index 0cc25fe18..65298001e 100644 --- a/src/icons/Vessel.tsx +++ b/src/icons/Vessel.tsx @@ -6,22 +6,13 @@ export function Vessel({ color, size, ...nativeProps }: IconProps) { return ( - + - + diff --git a/src/icons/ViewOnMap.tsx b/src/icons/ViewOnMap.tsx index 9473f0fcb..7311647a5 100644 --- a/src/icons/ViewOnMap.tsx +++ b/src/icons/ViewOnMap.tsx @@ -5,21 +5,12 @@ import type { IconProps } from '../types' export function ViewOnMap({ color, size, ...nativeProps }: IconProps) { return ( - + - + ) diff --git a/src/icons/index.tsx b/src/icons/index.tsx index d3e495eee..3bab00818 100644 --- a/src/icons/index.tsx +++ b/src/icons/index.tsx @@ -21,6 +21,7 @@ import { EditBis } from './EditBis' import { Favorite } from './Favorite' import { FilledArrow } from './FilledArrow' import { Filter } from './Filter' +import { FilterBis } from './FilterBis' import { Fishery } from './Fishery' import { FishingEngine } from './FishingEngine' import { FleetSegment } from './FleetSegment' @@ -86,6 +87,7 @@ export { Favorite, FilledArrow, Filter, + FilterBis, Fishery, FishingEngine, FleetSegment, diff --git a/stories/Icon.stories.tsx b/stories/Icon.stories.tsx index 4e3788507..0e494a4c5 100644 --- a/stories/Icon.stories.tsx +++ b/stories/Icon.stories.tsx @@ -162,6 +162,12 @@ export const _Icon = (props: IconProps) => ( Filter + + + + + FilterBis +