Skip to content

Commit 3fba768

Browse files
Adam GoughAdam Gough
authored andcommitted
fixed icons
1 parent b1d0492 commit 3fba768

2 files changed

Lines changed: 39 additions & 38 deletions

File tree

apps/sim/blocks/blocks/pipedrive.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ export const PipedriveBlock: BlockConfig<PipedriveResponse> = {
1212
'Integrate Pipedrive into your workflow. Manage deals, contacts, sales pipeline, projects, activities, files, and communications with powerful CRM capabilities.',
1313
docsLink: 'https://docs.sim.ai/tools/pipedrive',
1414
category: 'tools',
15-
bgColor: '#E0E0E0',
15+
bgColor: '#192436',
1616
icon: PipedriveIcon,
1717
subBlocks: [
1818
{

apps/sim/components/icons.tsx

Lines changed: 38 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1697,23 +1697,10 @@ export function GoogleCalendarIcon(props: SVGProps<SVGSVGElement>) {
16971697

16981698
export function SupabaseIcon(props: SVGProps<SVGSVGElement>) {
16991699
return (
1700-
<svg {...props} width='24' height='24' viewBox='0 0 27 27' xmlns='http://www.w3.org/2000/svg'>
1701-
<path
1702-
d='M15.4057 26.2606C14.7241 27.1195 13.3394 26.649 13.3242 25.5519L13.083 9.50684H23.8724C25.8262 9.50684 26.9157 11.7636 25.7006 13.2933L15.4057 26.2606Z'
1703-
fill='url(#paint0_linear)'
1704-
/>
1705-
<path
1706-
d='M15.4057 26.2606C14.7241 27.1195 13.3394 26.649 13.3242 25.5519L13.083 9.50684H23.8724C25.8262 9.50684 26.9157 11.7636 25.7006 13.2933L15.4057 26.2606Z'
1707-
fill='url(#paint1_linear)'
1708-
fillOpacity='0.2'
1709-
/>
1710-
<path
1711-
d='M11.0167 0.443853C11.6983 -0.415083 13.0832 0.0553814 13.0982 1.15237L13.2042 17.1976H2.55005C0.596215 17.1976 -0.493259 14.9408 0.721603 13.4111L11.0167 0.443853Z'
1712-
fill='#3ECF8E'
1713-
/>
1700+
<svg {...props} viewBox='0 0 27 27' xmlns='http://www.w3.org/2000/svg'>
17141701
<defs>
17151702
<linearGradient
1716-
id='paint0_linear'
1703+
id='supabase-paint0-linear'
17171704
x1='13.084'
17181705
y1='13.0655'
17191706
x2='22.6727'
@@ -1724,17 +1711,30 @@ export function SupabaseIcon(props: SVGProps<SVGSVGElement>) {
17241711
<stop offset='1' stopColor='#3ECF8E' />
17251712
</linearGradient>
17261713
<linearGradient
1727-
id='paint1_linear'
1714+
id='supabase-paint1-linear'
17281715
x1='8.83277'
17291716
y1='7.24485'
17301717
x2='13.2057'
17311718
y2='15.477'
17321719
gradientUnits='userSpaceOnUse'
17331720
>
1734-
<stop />
1735-
<stop offset='1' stopOpacity='0' />
1721+
<stop stopColor='#000000' />
1722+
<stop offset='1' stopColor='#000000' stopOpacity='0' />
17361723
</linearGradient>
17371724
</defs>
1725+
<path
1726+
d='M15.4057 26.2606C14.7241 27.1195 13.3394 26.649 13.3242 25.5519L13.083 9.50684H23.8724C25.8262 9.50684 26.9157 11.7636 25.7006 13.2933L15.4057 26.2606Z'
1727+
fill='url(#supabase-paint0-linear)'
1728+
/>
1729+
<path
1730+
d='M15.4057 26.2606C14.7241 27.1195 13.3394 26.649 13.3242 25.5519L13.083 9.50684H23.8724C25.8262 9.50684 26.9157 11.7636 25.7006 13.2933L15.4057 26.2606Z'
1731+
fill='url(#supabase-paint1-linear)'
1732+
fillOpacity='0.2'
1733+
/>
1734+
<path
1735+
d='M11.0167 0.443853C11.6983 -0.415083 13.0832 0.0553814 13.0982 1.15237L13.2042 17.1976H2.55005C0.596215 17.1976 -0.493259 14.9408 0.721603 13.4111L11.0167 0.443853Z'
1736+
fill='#3ECF8E'
1737+
/>
17381738
</svg>
17391739
)
17401740
}
@@ -3298,11 +3298,12 @@ export function MicrosoftSharepointIcon(props: SVGProps<SVGSVGElement>) {
32983298
}
32993299

33003300
export function MicrosoftPlannerIcon(props: SVGProps<SVGSVGElement>) {
3301+
const uniqueId = `ms-planner-${Math.random().toString(36).substr(2, 9)}`
33013302
return (
3302-
<svg {...props} fill='currentColor' viewBox='-1 -1 27 27' xmlns='http://www.w3.org/2000/svg'>
3303+
<svg {...props} viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>
33033304
<defs>
33043305
<linearGradient
3305-
id='paint0_linear_3984_11038'
3306+
id={`${uniqueId}-0`}
33063307
x1='6.38724'
33073308
y1='3.74167'
33083309
x2='2.15779'
@@ -3313,7 +3314,7 @@ export function MicrosoftPlannerIcon(props: SVGProps<SVGSVGElement>) {
33133314
<stop offset='1' stopColor='#541278' />
33143315
</linearGradient>
33153316
<linearGradient
3316-
id='paint1_linear_3984_11038'
3317+
id={`${uniqueId}-1`}
33173318
x1='8.38032'
33183319
y1='11.0696'
33193320
x2='4.94062'
@@ -3324,7 +3325,7 @@ export function MicrosoftPlannerIcon(props: SVGProps<SVGSVGElement>) {
33243325
<stop offset='1' stopColor='#7034B0' stopOpacity='0' />
33253326
</linearGradient>
33263327
<linearGradient
3327-
id='paint2_linear_3984_11038'
3328+
id={`${uniqueId}-2`}
33283329
x1='18.3701'
33293330
y1='-3.33385e-05'
33303331
x2='9.85717'
@@ -3335,7 +3336,7 @@ export function MicrosoftPlannerIcon(props: SVGProps<SVGSVGElement>) {
33353336
<stop offset='1' stopColor='#6C0F71' />
33363337
</linearGradient>
33373338
<linearGradient
3338-
id='paint3_linear_3984_11038'
3339+
id={`${uniqueId}-3`}
33393340
x1='18.3701'
33403341
y1='-3.33385e-05'
33413342
x2='9.85717'
@@ -3347,7 +3348,7 @@ export function MicrosoftPlannerIcon(props: SVGProps<SVGSVGElement>) {
33473348
<stop offset='1' stopColor='#8F28B3' />
33483349
</linearGradient>
33493350
<linearGradient
3350-
id='paint4_linear_3984_11038'
3351+
id={`${uniqueId}-4`}
33513352
x1='18.0002'
33523353
y1='7.49958'
33533354
x2='14.0004'
@@ -3358,7 +3359,7 @@ export function MicrosoftPlannerIcon(props: SVGProps<SVGSVGElement>) {
33583359
<stop offset='1' stopColor='#00479E' />
33593360
</linearGradient>
33603361
<linearGradient
3361-
id='paint5_linear_3984_11038'
3362+
id={`${uniqueId}-5`}
33623363
x1='18.2164'
33633364
y1='7.92626'
33643365
x2='10.5237'
@@ -3371,27 +3372,27 @@ export function MicrosoftPlannerIcon(props: SVGProps<SVGSVGElement>) {
33713372
</defs>
33723373
<path
33733374
d='M8.25809 15.7412C7.22488 16.7744 5.54971 16.7744 4.5165 15.7412L0.774909 11.9996C-0.258303 10.9664 -0.258303 9.29129 0.774908 8.25809L4.5165 4.51655C5.54971 3.48335 7.22488 3.48335 8.25809 4.51655L11.9997 8.2581C13.0329 9.29129 13.0329 10.9664 11.9997 11.9996L8.25809 15.7412Z'
3374-
fill='url(#paint0_linear_3984_11038)'
3375+
fill={`url(#${uniqueId}-0)`}
33753376
/>
33763377
<path
33773378
d='M8.25809 15.7412C7.22488 16.7744 5.54971 16.7744 4.5165 15.7412L0.774909 11.9996C-0.258303 10.9664 -0.258303 9.29129 0.774908 8.25809L4.5165 4.51655C5.54971 3.48335 7.22488 3.48335 8.25809 4.51655L11.9997 8.2581C13.0329 9.29129 13.0329 10.9664 11.9997 11.9996L8.25809 15.7412Z'
3378-
fill='url(#paint1_linear_3984_11038)'
3379+
fill={`url(#${uniqueId}-1)`}
33793380
/>
33803381
<path
33813382
d='M0.774857 11.9999C1.80809 13.0331 3.48331 13.0331 4.51655 11.9999L15.7417 0.774926C16.7749 -0.258304 18.4501 -0.258309 19.4834 0.774914L23.225 4.51655C24.2583 5.54977 24.2583 7.22496 23.225 8.25819L11.9999 19.4832C10.9667 20.5164 9.29146 20.5164 8.25822 19.4832L0.774857 11.9999Z'
3382-
fill='url(#paint2_linear_3984_11038)'
3383+
fill={`url(#${uniqueId}-2)`}
33833384
/>
33843385
<path
33853386
d='M0.774857 11.9999C1.80809 13.0331 3.48331 13.0331 4.51655 11.9999L15.7417 0.774926C16.7749 -0.258304 18.4501 -0.258309 19.4834 0.774914L23.225 4.51655C24.2583 5.54977 24.2583 7.22496 23.225 8.25819L11.9999 19.4832C10.9667 20.5164 9.29146 20.5164 8.25822 19.4832L0.774857 11.9999Z'
3386-
fill='url(#paint3_linear_3984_11038)'
3387+
fill={`url(#${uniqueId}-3)`}
33873388
/>
33883389
<path
33893390
d='M4.51642 15.7413C5.54966 16.7746 7.22487 16.7746 8.25812 15.7413L15.7415 8.25803C16.7748 7.2248 18.45 7.2248 19.4832 8.25803L23.2249 11.9997C24.2582 13.0329 24.2582 14.7081 23.2249 15.7413L15.7415 23.2246C14.7083 24.2579 13.033 24.2579 11.9998 23.2246L4.51642 15.7413Z'
3390-
fill='url(#paint4_linear_3984_11038)'
3391+
fill={`url(#${uniqueId}-4)`}
33913392
/>
33923393
<path
33933394
d='M4.51642 15.7413C5.54966 16.7746 7.22487 16.7746 8.25812 15.7413L15.7415 8.25803C16.7748 7.2248 18.45 7.2248 19.4832 8.25803L23.2249 11.9997C24.2582 13.0329 24.2582 14.7081 23.2249 15.7413L15.7415 23.2246C14.7083 24.2579 13.033 24.2579 11.9998 23.2246L4.51642 15.7413Z'
3394-
fill='url(#paint5_linear_3984_11038)'
3395+
fill={`url(#${uniqueId}-5)`}
33953396
/>
33963397
</svg>
33973398
)
@@ -3863,7 +3864,7 @@ export function AsanaIcon(props: SVGProps<SVGSVGElement>) {
38633864
viewBox='700 0 1100 900'
38643865
>
38653866
<radialGradient
3866-
id='a'
3867+
id='asana-gradient-a'
38673868
cx='943.992'
38683869
cy='1221.416'
38693870
r='.663'
@@ -3875,7 +3876,7 @@ export function AsanaIcon(props: SVGProps<SVGSVGElement>) {
38753876
<stop offset='.999' stopColor='#f95353' />
38763877
</radialGradient>
38773878
<path
3878-
fill='url(#a)'
3879+
fill='url(#asana-gradient-a)'
38793880
d='M1520.766 462.371c-113.508 0-205.508 92-205.508 205.488 0 113.499 92 205.518 205.508 205.518 113.489 0 205.488-92.019 205.488-205.518 0-113.488-91.999-205.488-205.488-205.488zm-533.907.01c-113.489.01-205.498 91.99-205.498 205.488 0 113.489 92.009 205.498 205.498 205.498 113.498 0 205.508-92.009 205.508-205.498 0-113.499-92.01-205.488-205.518-205.488h.01zm472.447-256.883c0 113.489-91.999 205.518-205.488 205.518-113.508 0-205.508-92.029-205.508-205.518S1140.31 0 1253.817 0c113.489 0 205.479 92.009 205.479 205.498h.01z'
38803881
/>
38813882
</svg>
@@ -3893,15 +3894,15 @@ export function PipedriveIcon(props: SVGProps<SVGSVGElement>) {
38933894
>
38943895
<defs>
38953896
<path
3896-
id='path-1'
3897+
id='pipedrive-path-1'
38973898
d='M59.6807,81.1772 C59.6807,101.5343 70.0078,123.4949 92.7336,123.4949 C109.5872,123.4949 126.6277,110.3374 126.6277,80.8785 C126.6277,55.0508 113.232,37.7119 93.2944,37.7119 C77.0483,37.7119 59.6807,49.1244 59.6807,81.1772 Z M101.3006,0 C142.0482,0 169.4469,32.2728 169.4469,80.3126 C169.4469,127.5978 140.584,160.60942 99.3224,160.60942 C79.6495,160.60942 67.0483,152.1836 60.4595,146.0843 C60.5063,147.5305 60.5374,149.1497 60.5374,150.8788 L60.5374,215 L18.32565,215 L18.32565,44.157 C18.32565,41.6732 17.53126,40.8873 15.07021,40.8873 L0.5531,40.8873 L0.5531,3.4741 L35.9736,3.4741 C52.282,3.4741 56.4564,11.7741 57.2508,18.1721 C63.8708,10.7524 77.5935,0 101.3006,0 Z'
38983899
/>
38993900
</defs>
39003901
<g transform='translate(67,44)'>
3901-
<mask id='mask-2' fill='#fff'>
3902-
<use href='#path-1' />
3902+
<mask id='pipedrive-mask-2' fill='#fff'>
3903+
<use href='#pipedrive-path-1' />
39033904
</mask>
3904-
<use fill='#26292C' href='#path-1' />
3905+
<use fill='currentColor' href='#pipedrive-path-1' />
39053906
</g>
39063907
</svg>
39073908
)

0 commit comments

Comments
 (0)