ref(icons): Update iconFilter (#32173)

* ref(icons): Update iconFilter

* fix(icons): Move IconFilter strokes up by 1px

The previous values were incorrect.

* fix(icons): Resize <IconFilter /> in buttons

static/app/components/events/interfaces/spans/filter.tsx

@@ -71,7 +71,7 @@ class Filter extends React.Component<Props> {
     } = {
       children: (
         <React.Fragment>
-          <IconFilter size="xs" />
+          <IconFilter />
           <FilterLabel>{t('Filter')}</FilterLabel>
         </React.Fragment>
       ),

static/app/icons/iconFilter.tsx

@@ -5,9 +5,9 @@ import SvgIcon, {SVGIconProps} from './svgIcon';
 const IconFilter = React.forwardRef<SVGSVGElement, SVGIconProps>((props, ref) => {
   return (
     <SvgIcon {...props} ref={ref}>
-      <path d="M15.19,2.53H.81A.75.75,0,0,1,.81,1H15.19a.75.75,0,1,1,0,1.5Z" />
-      <path d="M11.63,15H4.36a.75.75,0,0,1,0-1.5h7.27a.75.75,0,0,1,0,1.5Z" />
-      <path d="M13.41,8.75H2.58a.75.75,0,0,1,0-1.5H13.41a.75.75,0,0,1,0,1.5Z" />
+      <path d="M15.1 3.7H.8C.3 3.7 0 3.4 0 3c0-.4.3-.8.8-.8h14.4c.4 0 .8.3.8.8s-.5.7-.9.7Z" />
+      <path d="M11.6 13.8H4.3c-.4 0-.8-.3-.8-.8s.3-.8.8-.8h7.3c.4 0 .8.3.8.8s-.4.8-.8.8Z" />
+      <path d="M13.4 8.7H2.5c-.4 0-.7-.3-.7-.7 0-.4.3-.8.8-.8h10.8c.4 0 .8.3.8.8-.1.4-.4.7-.8.7Z" />
     </SvgIcon>
   );
 });

static/app/views/alerts/rules/filter.tsx

@@ -132,7 +132,7 @@ class Filter extends Component<Props> {
             {...getActorProps()}
             showChevron={false}
             isOpen={isOpen}
-            icon={<IconFilter size="xs" />}
+            icon={<IconFilter />}
             hasDarkBorderBottomColor={dropDownButtonProps.hasDarkBorderBottomColor}
             priority={dropDownButtonProps.priority as DropdownButtonProps['priority']}
             data-test-id="filter-button"

static/app/views/performance/transactionSummary/filter.tsx

@@ -63,7 +63,7 @@ function Filter(props: Props) {
   } = {
     children: (
       <React.Fragment>
-        <IconFilter size="xs" />
+        <IconFilter />
         <FilterLabel>
           {currentFilter === SpanOperationBreakdownFilter.None
             ? t('Filter')

static/app/views/performance/transactionSummary/transactionSpans/opsFilter.tsx

@@ -54,7 +54,7 @@ export default function OpsFilter(props: Props) {
           isOpen={isOpen}
         >
           <Fragment>
-            <IconFilter size="xs" />
+            <IconFilter />
             <FilterLabel>
               {defined(currentOp) ? tct('Filter - [op]', {op: currentOp}) : t('Filter')}
             </FilterLabel>