Skip to content

Commit f158cb4

Browse files
author
aadamgough
committed
updated icons
1 parent af4dbb6 commit f158cb4

4 files changed

Lines changed: 59 additions & 42 deletions

File tree

‎apps/docs/content/docs/en/tools/asana.mdx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,9 @@ import { BlockInfoCard } from "@/components/ui/block-info-card"
1010
color="#E0E0E0"
1111
icon={true}
1212
iconSvg={`<svg className="block-icon"
13-
xmlns='http://www.w3.org/2000/svg'
1413
14+
fill='currentColor'
15+
xmlns='http://www.w3.org/2000/svg'
1516
1617
1718
viewBox='700 0 1100 900'

‎apps/docs/content/docs/en/tools/pipedrive.mdx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,11 @@ import { BlockInfoCard } from "@/components/ui/block-info-card"
77

88
<BlockInfoCard
99
type="pipedrive"
10-
color="#E0E0E0"
10+
color="#192436"
1111
icon={true}
1212
iconSvg={`<svg className="block-icon"
1313
14+
fill='currentColor'
1415
xmlns='http://www.w3.org/2000/svg'
1516
1617

‎apps/docs/content/docs/en/tools/supabase.mdx‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,14 @@ import { BlockInfoCard } from "@/components/ui/block-info-card"
99
type="supabase"
1010
color="#1C1C1C"
1111
icon={true}
12-
iconSvg={`<svg className="block-icon" viewBox='0 0 27 27' xmlns='http://www.w3.org/2000/svg'>
12+
iconSvg={`<svg className="block-icon"
13+
14+
fill='currentColor'
15+
16+
17+
viewBox='0 0 27 27'
18+
xmlns='http://www.w3.org/2000/svg'
19+
>
1320
<path
1421
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'
1522
fill='url(#paint0_linear)'

‎apps/sim/components/icons.tsx‎

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

16981698
export function SupabaseIcon(props: SVGProps<SVGSVGElement>) {
16991699
return (
1700-
<svg {...props} viewBox='0 0 27 27' xmlns='http://www.w3.org/2000/svg'>
1700+
<svg
1701+
{...props}
1702+
fill='currentColor'
1703+
width='24'
1704+
height='24'
1705+
viewBox='0 0 27 27'
1706+
xmlns='http://www.w3.org/2000/svg'
1707+
>
1708+
<path
1709+
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'
1710+
fill='url(#paint0_linear)'
1711+
/>
1712+
<path
1713+
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'
1714+
fill='url(#paint1_linear)'
1715+
fillOpacity='0.2'
1716+
/>
1717+
<path
1718+
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'
1719+
fill='#3ECF8E'
1720+
/>
17011721
<defs>
17021722
<linearGradient
1703-
id='supabase-paint0-linear'
1723+
id='paint0_linear'
17041724
x1='13.084'
17051725
y1='13.0655'
17061726
x2='22.6727'
@@ -1711,30 +1731,17 @@ export function SupabaseIcon(props: SVGProps<SVGSVGElement>) {
17111731
<stop offset='1' stopColor='#3ECF8E' />
17121732
</linearGradient>
17131733
<linearGradient
1714-
id='supabase-paint1-linear'
1734+
id='paint1_linear'
17151735
x1='8.83277'
17161736
y1='7.24485'
17171737
x2='13.2057'
17181738
y2='15.477'
17191739
gradientUnits='userSpaceOnUse'
17201740
>
1721-
<stop stopColor='#000000' />
1722-
<stop offset='1' stopColor='#000000' stopOpacity='0' />
1741+
<stop />
1742+
<stop offset='1' stopOpacity='0' />
17231743
</linearGradient>
17241744
</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-
/>
17381745
</svg>
17391746
)
17401747
}
@@ -3298,12 +3305,11 @@ export function MicrosoftSharepointIcon(props: SVGProps<SVGSVGElement>) {
32983305
}
32993306

33003307
export function MicrosoftPlannerIcon(props: SVGProps<SVGSVGElement>) {
3301-
const uniqueId = `ms-planner-${Math.random().toString(36).substr(2, 9)}`
33023308
return (
3303-
<svg {...props} viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>
3309+
<svg {...props} fill='currentColor' viewBox='-1 -1 27 27' xmlns='http://www.w3.org/2000/svg'>
33043310
<defs>
33053311
<linearGradient
3306-
id={`${uniqueId}-0`}
3312+
id='paint0_linear_3984_11038'
33073313
x1='6.38724'
33083314
y1='3.74167'
33093315
x2='2.15779'
@@ -3314,7 +3320,7 @@ export function MicrosoftPlannerIcon(props: SVGProps<SVGSVGElement>) {
33143320
<stop offset='1' stopColor='#541278' />
33153321
</linearGradient>
33163322
<linearGradient
3317-
id={`${uniqueId}-1`}
3323+
id='paint1_linear_3984_11038'
33183324
x1='8.38032'
33193325
y1='11.0696'
33203326
x2='4.94062'
@@ -3325,7 +3331,7 @@ export function MicrosoftPlannerIcon(props: SVGProps<SVGSVGElement>) {
33253331
<stop offset='1' stopColor='#7034B0' stopOpacity='0' />
33263332
</linearGradient>
33273333
<linearGradient
3328-
id={`${uniqueId}-2`}
3334+
id='paint2_linear_3984_11038'
33293335
x1='18.3701'
33303336
y1='-3.33385e-05'
33313337
x2='9.85717'
@@ -3336,7 +3342,7 @@ export function MicrosoftPlannerIcon(props: SVGProps<SVGSVGElement>) {
33363342
<stop offset='1' stopColor='#6C0F71' />
33373343
</linearGradient>
33383344
<linearGradient
3339-
id={`${uniqueId}-3`}
3345+
id='paint3_linear_3984_11038'
33403346
x1='18.3701'
33413347
y1='-3.33385e-05'
33423348
x2='9.85717'
@@ -3348,7 +3354,7 @@ export function MicrosoftPlannerIcon(props: SVGProps<SVGSVGElement>) {
33483354
<stop offset='1' stopColor='#8F28B3' />
33493355
</linearGradient>
33503356
<linearGradient
3351-
id={`${uniqueId}-4`}
3357+
id='paint4_linear_3984_11038'
33523358
x1='18.0002'
33533359
y1='7.49958'
33543360
x2='14.0004'
@@ -3359,7 +3365,7 @@ export function MicrosoftPlannerIcon(props: SVGProps<SVGSVGElement>) {
33593365
<stop offset='1' stopColor='#00479E' />
33603366
</linearGradient>
33613367
<linearGradient
3362-
id={`${uniqueId}-5`}
3368+
id='paint5_linear_3984_11038'
33633369
x1='18.2164'
33643370
y1='7.92626'
33653371
x2='10.5237'
@@ -3372,27 +3378,27 @@ export function MicrosoftPlannerIcon(props: SVGProps<SVGSVGElement>) {
33723378
</defs>
33733379
<path
33743380
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'
3375-
fill={`url(#${uniqueId}-0)`}
3381+
fill='url(#paint0_linear_3984_11038)'
33763382
/>
33773383
<path
33783384
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'
3379-
fill={`url(#${uniqueId}-1)`}
3385+
fill='url(#paint1_linear_3984_11038)'
33803386
/>
33813387
<path
33823388
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'
3383-
fill={`url(#${uniqueId}-2)`}
3389+
fill='url(#paint2_linear_3984_11038)'
33843390
/>
33853391
<path
33863392
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'
3387-
fill={`url(#${uniqueId}-3)`}
3393+
fill='url(#paint3_linear_3984_11038)'
33883394
/>
33893395
<path
33903396
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'
3391-
fill={`url(#${uniqueId}-4)`}
3397+
fill='url(#paint4_linear_3984_11038)'
33923398
/>
33933399
<path
33943400
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'
3395-
fill={`url(#${uniqueId}-5)`}
3401+
fill='url(#paint5_linear_3984_11038)'
33963402
/>
33973403
</svg>
33983404
)
@@ -3857,14 +3863,15 @@ export function TrelloIcon(props: SVGProps<SVGSVGElement>) {
38573863
export function AsanaIcon(props: SVGProps<SVGSVGElement>) {
38583864
return (
38593865
<svg
3860-
xmlns='http://www.w3.org/2000/svg'
38613866
{...props}
3867+
fill='currentColor'
3868+
xmlns='http://www.w3.org/2000/svg'
38623869
width='2500'
38633870
height='2311'
38643871
viewBox='700 0 1100 900'
38653872
>
38663873
<radialGradient
3867-
id='asana-gradient-a'
3874+
id='a'
38683875
cx='943.992'
38693876
cy='1221.416'
38703877
r='.663'
@@ -3876,7 +3883,7 @@ export function AsanaIcon(props: SVGProps<SVGSVGElement>) {
38763883
<stop offset='.999' stopColor='#f95353' />
38773884
</radialGradient>
38783885
<path
3879-
fill='url(#asana-gradient-a)'
3886+
fill='url(#a)'
38803887
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'
38813888
/>
38823889
</svg>
@@ -3887,22 +3894,23 @@ export function PipedriveIcon(props: SVGProps<SVGSVGElement>) {
38873894
return (
38883895
<svg
38893896
{...props}
3897+
fill='currentColor'
38903898
xmlns='http://www.w3.org/2000/svg'
38913899
width='304'
38923900
height='304'
38933901
viewBox='0 0 304 304'
38943902
>
38953903
<defs>
38963904
<path
3897-
id='pipedrive-path-1'
3905+
id='path-1'
38983906
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'
38993907
/>
39003908
</defs>
39013909
<g transform='translate(67,44)'>
3902-
<mask id='pipedrive-mask-2' fill='#fff'>
3903-
<use href='#pipedrive-path-1' />
3910+
<mask id='mask-2' fill='#fff'>
3911+
<use href='#path-1' />
39043912
</mask>
3905-
<use fill='currentColor' href='#pipedrive-path-1' />
3913+
<use fill='#26292C' href='#path-1' />
39063914
</g>
39073915
</svg>
39083916
)

0 commit comments

Comments
 (0)