Skip to content

Commit a707415

Browse files
feat(checkout v3): new plan icons (#97717)
<img width="365" height="117" alt="Screenshot 2025-08-13 at 12 48 54 PM" src="https://github.com/user-attachments/assets/d9856c45-6e12-4e25-b11b-f2386b3b45ac" /> Closes https://linear.app/getsentry/issue/BIL-1449/new-plan-icons Figma: https://www.figma.com/design/4ICnO5MHVqkm6JV0TKzf7H/Checkout-Redesign?node-id=2848-12046&t=Jk12z2ZS4l4EWBee-4 Dev plan + Team plan will use the existing IconUser and IconGroup icons.
1 parent ceef938 commit a707415

File tree

3 files changed

+33
-0
lines changed

3 files changed

+33
-0
lines changed

static/app/icons/iconBuilding.tsx

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
import {SvgIcon, type SVGIconProps} from './svgIcon';
2+
3+
function IconBuilding(props: SVGIconProps) {
4+
return (
5+
<SvgIcon {...props} kind={'path'} viewBox="12 10 50 50" strokeWidth={5}>
6+
<path
7+
d="M51.1875 14.7375H20.8125C18.5758 14.7375 16.7625 16.5508 16.7625 18.7875V53.2126C16.7625 55.4493 18.5758 57.2626 20.8125 57.2626H51.1875C53.4243 57.2626 55.2374 55.4493 55.2374 53.2126V18.7875C55.2374 16.5508 53.4243 14.7375 51.1875 14.7375Z"
8+
strokeLinecap="round"
9+
strokeLinejoin="round"
10+
fill="none"
11+
stroke="currentColor"
12+
/>
13+
<path d="M31.9501 21.825H25.8751C24.7567 21.825 23.8501 22.7316 23.8501 23.85V28.9125C23.8501 30.0308 24.7567 30.9375 25.8751 30.9375H31.9501C33.0685 30.9375 33.9751 30.0308 33.9751 28.9125V23.85C33.9751 22.7316 33.0685 21.825 31.9501 21.825Z" />
14+
<path d="M46.1249 21.825H40.0499C38.9315 21.825 38.0249 22.7316 38.0249 23.85V28.9125C38.0249 30.0308 38.9315 30.9375 40.0499 30.9375H46.1249C47.2433 30.9375 48.1499 30.0308 48.1499 28.9125V23.85C48.1499 22.7316 47.2433 21.825 46.1249 21.825Z" />
15+
<path d="M31.9501 34.9875H25.8751C24.7567 34.9875 23.8501 35.8942 23.8501 37.0125V42.075C23.8501 43.1934 24.7567 44.1 25.8751 44.1H31.9501C33.0685 44.1 33.9751 43.1934 33.9751 42.075V37.0125C33.9751 35.8942 33.0685 34.9875 31.9501 34.9875Z" />
16+
<path d="M46.1249 34.9875H40.0499C38.9315 34.9875 38.0249 35.8942 38.0249 37.0125V42.075C38.0249 43.1934 38.9315 44.1 40.0499 44.1H46.1249C47.2433 44.1 48.1499 43.1934 48.1499 42.075V37.0125C48.1499 35.8942 47.2433 34.9875 46.1249 34.9875Z" />
17+
<path d="M33.9749 48.15H38.025C39.159 48.15 40.0499 49.041 40.0499 50.175V57.2625H31.95V50.175C31.95 49.041 32.8409 48.15 33.9749 48.15Z" />
18+
</SvgIcon>
19+
);
20+
}
21+
22+
IconBuilding.displayName = 'IconBuilding';
23+
24+
export {IconBuilding};

static/app/icons/icons.stories.tsx

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -200,6 +200,14 @@ const SECTIONS: TSection[] = [
200200
name: 'AllProjects',
201201
defaultProps: {},
202202
},
203+
204+
{
205+
id: 'building',
206+
groups: ['product'],
207+
keywords: ['business'],
208+
name: 'Building',
209+
defaultProps: {},
210+
},
203211
],
204212
},
205213
{

static/app/icons/index.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ export {IconBitbucket} from './iconBitbucket';
99
export {IconBookmark} from './iconBookmark';
1010
export {IconBroadcast} from './iconBroadcast';
1111
export {IconBusiness} from './iconBusiness';
12+
export {IconBuilding} from './iconBuilding';
1213
export {IconCalendar} from './iconCalendar';
1314
export {IconChat} from './iconChat';
1415
export {IconCheckmark} from './iconCheckmark';

0 commit comments

Comments
 (0)