Skip to content

fix: icon filter conflict #3940

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
yanzhihong23 merged 1 commit into from
Aug 13, 2021
Merged

fix: icon filter conflict #3940

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions packages/icons/menus/MenuLabs.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,8 @@ import type { SvgIcon } from '@material-ui/core'
export const MenuLabsIcon: typeof SvgIcon = createIcon(
'MenuLabsIcon',
<g>
<circle cx="11" cy="12" r="6" fill="url(#paint0_linear)" />
<g filter="url(#filter0_b)">
<circle cx="11" cy="12" r="6" fill="url(#labs_linear)" />
<g filter="url(#labs)">
<path
fillRule="evenodd"
clipRule="evenodd"
Expand All @@ -16,7 +16,7 @@ export const MenuLabsIcon: typeof SvgIcon = createIcon(
</g>
<circle cx="17.309" cy="6.656" fill="#B0CFEB" fillOpacity=".8" r="1.156" />
<defs>
<linearGradient id="paint0_linear" x1="5" y1="18" x2="17" y2="18" gradientUnits="userSpaceOnUse">
<linearGradient id="labs_linear" x1="5" y1="18" x2="17" y2="18" gradientUnits="userSpaceOnUse">
<stop stopColor="#AFC3E1" />
<stop offset="1" stopColor="#C3D7F5" />
</linearGradient>
Expand All @@ -25,7 +25,7 @@ export const MenuLabsIcon: typeof SvgIcon = createIcon(
<stop offset="1" stopColor="#C4E1FB" />
</linearGradient>
<filter
id="filter0_b"
id="labs"
x="-1"
y="6.131"
width="25"
Expand Down
8 changes: 4 additions & 4 deletions packages/icons/menus/MenuLabsActive.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,8 @@ import type { SvgIcon } from '@material-ui/core'
export const MenuLabsActiveIcon: typeof SvgIcon = createIcon(
'MenuLabsActiveIcon',
<g>
<circle cx="11" cy="12" r="6" fill="url(#paint0_linear)" />
<g filter="url(#filter0_b)">
<circle cx="11" cy="12" r="6" fill="url(#labs_active_linear)" />
<g filter="url(#labs_active)">
<path
fillRule="evenodd"
clipRule="evenodd"
Expand All @@ -17,7 +17,7 @@ export const MenuLabsActiveIcon: typeof SvgIcon = createIcon(
<circle cx="17.309" cy="6.656" fill="#1C68F3" r="1.156" />
<defs>
<linearGradient
id="paint0_linear"
id="labs_active_linear"
x1="5.073"
y1="11.579"
x2="17.244"
Expand All @@ -27,7 +27,7 @@ export const MenuLabsActiveIcon: typeof SvgIcon = createIcon(
<stop offset="1" stopColor="#6CB8FF" />
</linearGradient>
<filter
id="filter0_b"
id="labs_active"
x="-1"
y="6.131"
width="25"
Expand Down
16 changes: 8 additions & 8 deletions packages/icons/menus/MenuPersonas.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,26 +11,26 @@ export const MenuPersonasIcon: typeof SvgIcon = createIcon(
height="7.5"
rx=".75"
transform="rotate(-30 3.64 13.087)"
fill="url(#paint0_linear)"
fill="url(#personas_linear_0)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M13.635 12.944c-.97.31-2.018.146-2.97-.445a.434.434 0 00-.37-.045.446.446 0 00-.282.263c-.427 1.021-1.196 1.765-2.166 2.075-1.55.495-3.312-.245-4.392-1.843a5.502 5.502 0 01-.684-1.409 6.763 6.763 0 01-.187-.744l-.165-.934.774.546a.574.574 0 00.505.084c.046-.015.09-.04.132-.063l.196-.215.013-.025.025-.048a4.253 4.253 0 012.259-1.718 4.244 4.244 0 012.687.037 4.244 4.244 0 012.168-1.587 4.274 4.274 0 012.837.091l.049.025c.036.02.082.035.128.051l.012.006c.1.03.211.024.322-.011a.56.56 0 00.363-.36l.305-.89.406.856c.117.238.203.475.28.715.161.507.246 1.03.258 1.544.065 1.923-.952 3.55-2.503 4.044zm-5.973-.585c-.129.042-.264.065-.402.078-.758.049-1.462-.47-1.786-.752.233-.258.698-.711 1.28-.897.138-.044.264-.064.402-.078.758-.048 1.462.47 1.786.752-.242.261-.707.715-1.28.897zm3.164-1.498c.34.075.991.172 1.563-.01.139-.045.262-.104.373-.17.637-.397.92-1.23 1.02-1.648-.339-.075-.99-.172-1.563.01a1.802 1.802 0 00-.373.17c-.636.397-.92 1.23-1.02 1.648z"
fill="url(#paint1_linear)"
fill="url(#personas_linear_1)"
/>
<g filter="url(#filter0_b)">
<g filter="url(#personas_0)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M14.03 8.621l.162-.27 7.659 2.527-.033.314a9.007 9.007 0 01-.434 2.04c-.531 1.594-1.443 2.96-2.56 3.85-.835.662-1.736 1.01-2.593 1.01-.336 0-.661-.044-.976-.153-1.128-.38-1.963-1.377-2.343-2.82-.369-1.378-.282-3.016.25-4.61.217-.673.51-1.302.867-1.888zm.976 4.48c.163.076.336.109.532.109.173 0 .368-.033.575-.087.221-.074.4-.166.477-.207.026-.013.04-.02.043-.02l.217-.13-.12-.229c-.01-.032-.357-.694-1.04-.998-.684-.303-1.41-.108-1.443-.097l-.25.065.055.25c.003.002.01.025.02.063.028.093.082.278.175.479.195.39.455.672.759.803zm3.374 1.15c.086.022.173.033.27.033.261 0 .543-.076.814-.217.282-.141.467-.304.478-.315l.195-.173-.152-.206c-.022-.033-.488-.63-1.215-.792-.673-.15-1.299.117-1.414.166-.01.004-.015.007-.018.007l-.228.109.098.239c0 .01.098.249.282.498.26.348.564.575.89.651z"
fill="url(#paint2_linear)"
fill="url(#personas_linear_2)"
fillOpacity=".3"
/>
</g>
<defs>
<linearGradient
id="paint0_linear"
id="personas_linear_0"
x1="3.641"
y1="20.587"
x2="5.141"
Expand All @@ -40,7 +40,7 @@ export const MenuPersonasIcon: typeof SvgIcon = createIcon(
<stop offset="1" stopColor="#C3D7F5" />
</linearGradient>
<linearGradient
id="paint1_linear"
id="personas_linear_1"
x1="2.933"
y1="15.329"
x2="16.636"
Expand All @@ -50,7 +50,7 @@ export const MenuPersonasIcon: typeof SvgIcon = createIcon(
<stop offset="1" stopColor="#C3D7F5" />
</linearGradient>
<linearGradient
id="paint2_linear"
id="personas_linear_2"
x1="12.688"
y1="18.091"
x2="21.851"
Expand All @@ -60,7 +60,7 @@ export const MenuPersonasIcon: typeof SvgIcon = createIcon(
<stop offset="1" stopColor="#C4E1FB" />
</linearGradient>
<filter
id="filter0_b"
id="personas_0"
x="8.688"
y="4.35"
width="17.163"
Expand Down
8 changes: 4 additions & 4 deletions packages/icons/menus/MenuPersonasActive.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,9 +17,9 @@ export const MenuPersonasActiveIcon: typeof SvgIcon = createIcon(
fillRule="evenodd"
clipRule="evenodd"
d="M13.635 12.944c-.97.31-2.018.146-2.97-.445a.434.434 0 00-.37-.045.446.446 0 00-.282.263c-.427 1.021-1.196 1.765-2.166 2.075-1.55.495-3.312-.245-4.392-1.843a5.502 5.502 0 01-.684-1.409 6.763 6.763 0 01-.187-.744l-.165-.934.774.546a.574.574 0 00.505.084c.046-.015.09-.04.132-.063l.196-.215.013-.025.025-.048a4.253 4.253 0 012.259-1.718 4.244 4.244 0 012.687.037 4.244 4.244 0 012.168-1.587 4.274 4.274 0 012.837.091l.049.025c.036.02.082.035.128.051l.012.006c.1.03.211.024.322-.011a.56.56 0 00.363-.36l.305-.89.406.856c.117.238.203.475.28.715.161.507.246 1.03.258 1.544.065 1.923-.952 3.55-2.503 4.044zm-5.973-.585c-.129.042-.264.065-.402.078-.758.049-1.462-.47-1.786-.752.233-.258.698-.711 1.28-.897.138-.044.264-.064.402-.078.758-.048 1.462.47 1.786.752-.242.261-.707.715-1.28.897zm3.164-1.498c.34.075.991.172 1.563-.01.139-.045.262-.104.373-.17.637-.397.92-1.23 1.02-1.648-.339-.075-.99-.172-1.563.01a1.802 1.802 0 00-.373.17c-.636.397-.92 1.23-1.02 1.648z"
fill="url(#paint0_linear)"
fill="url(#personas_active_linear)"
/>
<g filter="url(#filter0_b)">
<g filter="url(#personas_active_0)">
<path
fillRule="evenodd"
clipRule="evenodd"
Expand All @@ -30,7 +30,7 @@ export const MenuPersonasActiveIcon: typeof SvgIcon = createIcon(
</g>
<defs>
<linearGradient
id="paint0_linear"
id="personas_active_linear"
x1="2.598"
y1="10.871"
x2="15.806"
Expand All @@ -40,7 +40,7 @@ export const MenuPersonasActiveIcon: typeof SvgIcon = createIcon(
<stop offset="1" stopColor="#6CB8FF" />
</linearGradient>
<filter
id="filter0_b"
id="personas_active_0"
x="8.688"
y="4.35"
width="17.163"
Expand Down
12 changes: 6 additions & 6 deletions packages/icons/menus/MenuSettings.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,17 +8,17 @@ export const MenuSettingsIcon: typeof SvgIcon = createIcon(
fillRule="evenodd"
clipRule="evenodd"
d="M6 8a2 2 0 012-2h8a2 2 0 012 2v8a2 2 0 01-2 2H8a2 2 0 01-2-2V8zm9.5 1.5H10a.5.5 0 000 1h5.5a.5.5 0 000-1zm-1.5 4H8.5a.5.5 0 000 1H14a.5.5 0 000-1z"
fill="url(#paint0_linear)"
fill="url(#settings_linear)"
/>
<g filter="url(#filter0_b)">
<g filter="url(#settings_circle_0)">
<circle cx="9.5" cy="10" r="1.5" fill="#fff" fillOpacity=".1" />
</g>
<g filter="url(#filter1_b)">
<g filter="url(#settings_circle_1)">
<circle cx="14.5" cy="14" r="1.5" fill="#fff" fillOpacity=".1" />
</g>
<defs>
<filter
id="filter0_b"
id="settings_circle_0"
x="4"
y="4.5"
width="11"
Expand All @@ -31,7 +31,7 @@ export const MenuSettingsIcon: typeof SvgIcon = createIcon(
<feBlend in="SourceGraphic" in2="effect1_backgroundBlur" result="shape" />
</filter>
<filter
id="filter1_b"
id="settings_circle_1"
x="9"
y="8.5"
width="11"
Expand All @@ -43,7 +43,7 @@ export const MenuSettingsIcon: typeof SvgIcon = createIcon(
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur" />
<feBlend in="SourceGraphic" in2="effect1_backgroundBlur" result="shape" />
</filter>
<linearGradient id="paint0_linear" x1="6" y1="18" x2="18" y2="18" gradientUnits="userSpaceOnUse">
<linearGradient id="settings_linear" x1="6" y1="18" x2="18" y2="18" gradientUnits="userSpaceOnUse">
<stop stopColor="#AFC3E1" />
<stop offset="1" stopColor="#C3D7F5" />
</linearGradient>
Expand Down
12 changes: 6 additions & 6 deletions packages/icons/menus/MenuSettingsActive.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,17 +8,17 @@ export const MenuSettingsActiveIcon: typeof SvgIcon = createIcon(
fillRule="evenodd"
clipRule="evenodd"
d="M6 8a2 2 0 012-2h8a2 2 0 012 2v8a2 2 0 01-2 2H8a2 2 0 01-2-2V8zm9.5 1.5H10a.5.5 0 000 1h5.5a.5.5 0 000-1zm-1.5 4H8.5a.5.5 0 000 1H14a.5.5 0 000-1z"
fill="url(#paint0_linear)"
fill="url(#settings_active_linear)"
/>
<g filter="url(#filter0_b)">
<g filter="url(#settings_active_circle_0)">
<circle cx="9.5" cy="10" r="1.5" fill="#fff" fillOpacity=".1" />
</g>
<g filter="url(#filter1_b)">
<g filter="url(#settings_active_circle_1)">
<circle cx="14.5" cy="14" r="1.5" fill="#fff" fillOpacity=".1" />
</g>
<defs>
<filter
id="filter0_b"
id="settings_active_circle_0"
x="4"
y="4.5"
width="11"
Expand All @@ -31,7 +31,7 @@ export const MenuSettingsActiveIcon: typeof SvgIcon = createIcon(
<feBlend in="SourceGraphic" in2="effect1_backgroundBlur" result="shape" />
</filter>
<filter
id="filter1_b"
id="settings_active_circle_1"
x="9"
y="8.5"
width="11"
Expand All @@ -44,7 +44,7 @@ export const MenuSettingsActiveIcon: typeof SvgIcon = createIcon(
<feBlend in="SourceGraphic" in2="effect1_backgroundBlur" result="shape" />
</filter>
<linearGradient
id="paint0_linear"
id="settings_active_linear"
x1="6.073"
y1="11.579"
x2="18.244"
Expand Down
12 changes: 6 additions & 6 deletions packages/icons/menus/MenuWallets.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,10 @@ export const MenuWalletsIcon: typeof SvgIcon = createIcon(
'MenuWalletsIcon',
<g>
<path opacity=".8" d="M19 13.504v-.184h.408a.092.092 0 110 .184H19z" fill="#1C68F3" />
<g filter="url(#filter0_b)">
<g filter="url(#wallet_0)">
<path
d="M6 9.905C6 8.853 6.803 8 7.793 8h9.414C18.197 8 19 8.853 19 9.905v6.19C19 17.147 18.197 18 17.207 18H7.793C6.803 18 6 17.147 6 16.095v-6.19z"
fill="url(#paint0_linear)"
fill="url(#wallet_linear)"
fillOpacity=".3"
/>
</g>
Expand All @@ -19,7 +19,7 @@ export const MenuWalletsIcon: typeof SvgIcon = createIcon(
d="M9.938 9.491l.654 1.132 3.396-1.96.146-.085a1.778 1.778 0 01-2.688 2.005l-.658.38.55.95a.47.47 0 00.642.173l3.26-1.883a.47.47 0 00.173-.642l-1.4-2.423-4.075 2.353zm1.9.866a1.384 1.384 0 001.982-1.144l-1.983 1.144zm1.167-2.274c.32-.184.72-.1.941.181l-.347.2a.34.34 0 00-.56.324l-.348.2a.732.732 0 01.314-.905zM11.26 9.09c.32-.185.72-.101.942.18l-.348.201a.34.34 0 00-.56.324l-.348.2a.732.732 0 01.314-.905zM9.627 8.01a.47.47 0 00-.172.643l.287.498 4.076-2.353-.288-.498a.47.47 0 00-.643-.172L9.627 8.01z"
fill="#fff"
/>
<g filter="url(#filter1_b)">
<g filter="url(#wallet_1)">
<path
d="M6 11.895C6 10.848 6.803 10 7.793 10h9.414c.99 0 1.793.848 1.793 1.895v5.21C19 18.152 18.197 19 17.207 19H7.793C6.803 19 6 18.152 6 17.105v-5.21z"
fill="url(#paint2_linear)"
Expand All @@ -33,7 +33,7 @@ export const MenuWalletsIcon: typeof SvgIcon = createIcon(
/>
<circle cx="17.5" cy="14.5" r=".5" fill="#fff" />
<defs>
<linearGradient id="paint0_linear" x1="6" y1="18" x2="19" y2="18" gradientUnits="userSpaceOnUse">
<linearGradient id="wallet_linear" x1="6" y1="18" x2="19" y2="18" gradientUnits="userSpaceOnUse">
<stop stopColor="#B0CFEB" />
<stop offset="1" stopColor="#C4E1FB" />
</linearGradient>
Expand All @@ -52,7 +52,7 @@ export const MenuWalletsIcon: typeof SvgIcon = createIcon(
<stop offset="1" stopColor="#C4E1FB" />
</linearGradient>
<filter
id="filter0_b"
id="wallet_0"
x="2"
y="4"
width="21"
Expand All @@ -65,7 +65,7 @@ export const MenuWalletsIcon: typeof SvgIcon = createIcon(
<feBlend in="SourceGraphic" in2="effect1_backgroundBlur" result="shape" />
</filter>
<filter
id="filter1_b"
id="wallet_1"
x="2"
y="6"
width="21"
Expand Down
12 changes: 6 additions & 6 deletions packages/icons/menus/MenuWalletsActive.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,21 +5,21 @@ export const MenuWalletsActiveIcon: typeof SvgIcon = createIcon(
'MenuWalletsActiveIcon',
<g>
<path d="M19 13.503v-.182h.41a.09.09 0 110 .182H19z" fill="#1C68F3" />
<g filter="url(#filter0_b)">
<g filter="url(#wallet_active_0)">
<path
d="M6 9.905C6 8.853 6.803 8 7.793 8h9.414C18.197 8 19 8.853 19 9.905v6.19C19 17.147 18.197 18 17.207 18H7.793C6.803 18 6 17.147 6 16.095v-6.19z"
fill="#1C68F3"
fillOpacity=".4"
/>
</g>
<path d="M14.434 12.571a4 4 0 11-4-6.928 4 4 0 014 6.928z" fill="url(#paint0_linear)" />
<path d="M14.434 12.571a4 4 0 11-4-6.928 4 4 0 014 6.928z" fill="url(#wallet_active_linear)" />
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.938 9.491l.654 1.132 3.396-1.96.146-.085a1.778 1.778 0 01-2.688 2.005l-.658.38.55.95a.47.47 0 00.642.173l3.26-1.883a.47.47 0 00.173-.642l-1.4-2.423-4.075 2.353zm1.9.866a1.384 1.384 0 001.982-1.144l-1.983 1.144zm1.167-2.274c.32-.184.72-.1.941.181l-.347.2a.34.34 0 00-.56.324l-.348.2a.732.732 0 01.314-.905zM11.26 9.09c.32-.185.72-.101.942.18l-.348.201a.34.34 0 00-.56.324l-.348.2a.732.732 0 01.314-.905zM9.627 8.01a.47.47 0 00-.172.643l.287.498 4.076-2.353-.288-.498a.47.47 0 00-.643-.172L9.627 8.01z"
fill="#fff"
/>
<g filter="url(#filter1_b)">
<g filter="url(#wallet_active_1)">
<path
d="M6 11.895C6 10.848 6.803 10 7.793 10h9.414c.99 0 1.793.848 1.793 1.895v5.21C19 18.152 18.197 19 17.207 19H7.793C6.803 19 6 18.152 6 17.105v-5.21z"
fill="#1C68F3"
Expand All @@ -34,7 +34,7 @@ export const MenuWalletsActiveIcon: typeof SvgIcon = createIcon(
<circle cx="17.5" cy="14.5" r=".5" fill="#fff" />
<defs>
<filter
id="filter0_b"
id="wallet_active_0"
x="2"
y="4"
width="21"
Expand All @@ -47,7 +47,7 @@ export const MenuWalletsActiveIcon: typeof SvgIcon = createIcon(
<feBlend in="SourceGraphic" in2="effect1_backgroundBlur" result="shape" />
</filter>
<filter
id="filter1_b"
id="wallet_active_1"
x="2"
y="6"
width="21"
Expand All @@ -60,7 +60,7 @@ export const MenuWalletsActiveIcon: typeof SvgIcon = createIcon(
<feBlend in="SourceGraphic" in2="effect1_backgroundBlur" result="shape" />
</filter>
<linearGradient
id="paint0_linear"
id="wallet_active_linear"
x1="15.716"
y1="6.889"
x2="8.144"
Expand Down