Skip to content

Commit 245577f

Browse files
authored
Include "subtract" icon in icon list (#445)
For lists where we use the "add" icon on the button for adding new elements, we want to use the "subtract" icon for removing elements.
1 parent 2b68829 commit 245577f

File tree

4 files changed

+23
-0
lines changed

4 files changed

+23
-0
lines changed

assets/icon-subtract.svg

Lines changed: 3 additions & 0 deletions
Loading

src/components/Icon/icons/index.tsx

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -63,6 +63,7 @@ import IconNursery from '../../svg/IconNursery';
6363
import IconParchment from '../../svg/IconParchment';
6464
import IconRestorationSite from '../../svg/IconRestorationSite';
6565
import IconSeedling from '../../svg/IconSeedling';
66+
import IconSubtract from '../../svg/IconSubtract';
6667
import IconSynced from '../../svg/IconSynced';
6768
import IconTrashCan from '../../svg/IconTrashCan';
6869
import IconTreasureMap from '../../svg/IconTreasureMap';
@@ -162,6 +163,7 @@ export type IconName =
162163
| 'iconParchment'
163164
| 'iconRestorationSite'
164165
| 'iconSeedling'
166+
| 'iconSubtract'
165167
| 'iconSynced'
166168
| 'iconTrashCan'
167169
| 'iconTreasureMap'
@@ -265,6 +267,7 @@ const icons: Record<IconName, SVGComponent> = {
265267
iconParchment: IconParchment,
266268
iconRestorationSite: IconRestorationSite,
267269
iconSeedling: IconSeedling,
270+
iconSubtract: IconSubtract,
268271
iconSynced: IconSynced,
269272
iconTrashCan: IconTrashCan,
270273
iconTreasureMap: IconTreasureMap,
Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import * as React from 'react';
2+
import { SVGProps } from 'react';
3+
interface SVGRProps {
4+
title?: string;
5+
titleId?: string;
6+
}
7+
const SvgIconSubtract = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => (
8+
<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' aria-labelledby={titleId} {...props}>
9+
{title ? <title id={titleId}>{title}</title> : null}
10+
<path
11+
fill='#333025'
12+
d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2Zm0 1.5c4.703 0 8.5 3.797 8.5 8.5 0 4.703-3.797 8.5-8.5 8.5A8.489 8.489 0 0 1 3.5 12c0-4.703 3.797-8.5 8.5-8.5Zm-4.25 7.75a.751.751 0 1 0 0 1.5h8.5a.751.751 0 1 0 0-1.5h-8.5Z'
13+
/>
14+
</svg>
15+
);
16+
export default SvgIconSubtract;

src/components/svg/index.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -69,6 +69,7 @@ export { default as IconParchment } from './IconParchment';
6969
export { default as IconRestorationSite } from './IconRestorationSite';
7070
export { default as IconSeedBank } from './IconSeedBank';
7171
export { default as IconSeedling } from './IconSeedling';
72+
export { default as IconSubtract } from './IconSubtract';
7273
export { default as IconSynced } from './IconSynced';
7374
export { default as IconTrashCan } from './IconTrashCan';
7475
export { default as IconTreasureMap } from './IconTreasureMap';

0 commit comments

Comments
 (0)