Skip to content

fix: Icon 컴포넌트 내 svg 속성명을 camelCase로 수정하여 렌더링 오류 해결 #44

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
kimsuyeon0916 merged 1 commit into from
Jul 19, 2025
Merged

fix: Icon 컴포넌트 내 svg 속성명을 camelCase로 수정하여 렌더링 오류 해결 #44

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/fds/src/components/Icon/Arrow.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,8 +12,8 @@ export const ArrowDown = (props: IconProps) => {
fill="none"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
fillRule="evenodd"
clipRule="evenodd"
d="M11.2695 14.8439C11.6648 15.2673 12.336 15.2673 12.7314 14.8439L17.2891 9.96254C17.5638 9.66841 17.5561 9.2096 17.2717 8.92485C16.9714 8.6241 16.481 8.63417 16.1933 8.94701L12.0004 13.5057L7.80904 8.94715C7.52129 8.63418 7.0308 8.62389 6.73018 8.92452C6.4453 9.2094 6.43743 9.66879 6.71238 9.96326L11.2695 14.8439Z"
fill={color}
/>
Expand All @@ -33,8 +33,8 @@ export const ArrowUp = (props: IconProps) => {
fill="none"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
fillRule="evenodd"
clipRule="evenodd"
d="M11.2695 9.1564C11.6648 8.73302 12.336 8.73302 12.7314 9.1564L17.2891 14.0378C17.5638 14.3319 17.5561 14.7907 17.2717 15.0755C16.9714 15.3762 16.481 15.3662 16.1933 15.0533L12.0004 10.4946L7.80904 15.0532C7.52129 15.3662 7.0308 15.3764 6.73018 15.0758C6.4453 14.7909 6.43743 14.3316 6.71238 14.0371L11.2695 9.1564Z"
fill={color}
/>
Expand Down
2 changes: 1 addition & 1 deletion packages/fds/src/components/Icon/Calendar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ export const Calendar = (props: IconProps) => {
viewBox="0 0 24 24"
fill="none"
>
<g clip-path="url(#clip0_1357_14300)">
<g clipPath="url(#clip0_1357_14300)">
<mask
id="mask0_1357_14300"
maskUnits="userSpaceOnUse"
Expand Down
4 changes: 2 additions & 2 deletions packages/fds/src/components/Icon/Check1.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ export const Check1Default = (props: IconProps) => {
viewBox="0 0 20 20"
fill="none"
>
<g clip-path="url(#clip0_1357_27341)">
<g clipPath="url(#clip0_1357_27341)">
<path
d="M10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19Z"
fill="white"
Expand Down Expand Up @@ -39,7 +39,7 @@ export const Check1Selected = (props: IconProps) => {
viewBox="0 0 20 20"
fill="none"
>
<g clip-path="url(#clip0_1357_27343)">
<g clipPath="url(#clip0_1357_27343)">
<path
d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z"
fill={color}
Expand Down
2 changes: 1 addition & 1 deletion packages/fds/src/components/Icon/Check2.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ export const Check2Default = (props: IconProps) => {
<path
d="M18 29C24.0751 29 29 24.0751 29 18C29 11.9249 24.0751 7 18 7C11.9249 7 7 11.9249 7 18C7 24.0751 11.9249 29 18 29Z"
stroke={color}
stroke-width="2"
strokeWidth="2"
/>
</svg>
)
Expand Down
2 changes: 1 addition & 1 deletion packages/fds/src/components/Icon/Close.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ export const Close = (props: IconProps) => {
viewBox="0 0 24 24"
fill="none"
>
<g clip-path="url(#clip0_1357_14294)">
<g clipPath="url(#clip0_1357_14294)">
<mask id="mask0_1357_14294" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<path d="M24 0H0V24H24V0Z" fill="#D9D9D9" />
</mask>
Expand Down
4 changes: 2 additions & 2 deletions packages/fds/src/components/Icon/Ellipse.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ export const EllipseShort = (props: IconProps) => {

return (
<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4" viewBox="0 0 4 4" fill="none">
<g clip-path="url(#clip0_1357_27301)">
<g clipPath="url(#clip0_1357_27301)">
<path
d="M2 4C3.10457 4 4 3.10457 4 2C4 0.89543 3.10457 0 2 0C0.89543 0 0 0.89543 0 2C0 3.10457 0.89543 4 2 4Z"
fill={color}
Expand All @@ -25,7 +25,7 @@ export const EllipseLong = (props: IconProps) => {

return (
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="4" viewBox="0 0 17 4" fill="none">
<g clip-path="url(#clip0_1357_27303)">
<g clipPath="url(#clip0_1357_27303)">
<path
d="M15 0H2C0.89543 0 0 0.89543 0 2C0 3.10457 0.89543 4 2 4H15C16.1046 4 17 3.10457 17 2C17 0.89543 16.1046 0 15 0Z"
fill={color}
Expand Down
2 changes: 1 addition & 1 deletion packages/fds/src/components/Icon/Error.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ export const Error = (props: IconProps) => {
viewBox="0 0 20 20"
fill="none"
>
<g clip-path="url(#clip0_1357_14330)">
<g clipPath="url(#clip0_1357_14330)">
<mask
id="mask0_1357_14330"
maskUnits="userSpaceOnUse"
Expand Down
2 changes: 1 addition & 1 deletion packages/fds/src/components/Icon/Go.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ export const Go = (props: IconProps) => {
viewBox="0 0 24 24"
fill="none"
>
<g clip-path="url(#clip0_1357_14212)">
<g clipPath="url(#clip0_1357_14212)">
<mask
id="mask0_1357_14212"
maskUnits="userSpaceOnUse"
Expand Down
4 changes: 2 additions & 2 deletions packages/fds/src/components/Icon/Handle.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,9 +16,9 @@ export const Handle = (props: IconProps) => {
width={size}
height="6.14893"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
colorInterpolationFilters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feFlood floodOpacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feColorMatrix
in="SourceAlpha"
Expand Down
6 changes: 3 additions & 3 deletions packages/fds/src/components/Icon/Mydata.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,9 +14,9 @@ export const Mydata = (props: IconProps) => {
<path
d="M31 32.25C31 29.489 27.418 27.25 23 27.25C18.582 27.25 15 29.489 15 32.25M23 23.75C21.6739 23.75 20.4021 23.2232 19.4645 22.2855C18.5268 21.3479 18 20.0761 18 18.75C18 17.4239 18.5268 16.1521 19.4645 15.2145C20.4021 14.2768 21.6739 13.75 23 13.75C24.3261 13.75 25.5979 14.2768 26.5355 15.2145C27.4732 16.1521 28 17.4239 28 18.75C28 20.0761 27.4732 21.3479 26.5355 22.2855C25.5979 23.2232 24.3261 23.75 23 23.75Z"
stroke={color}
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
)
Expand Down
8 changes: 4 additions & 4 deletions packages/fds/src/components/Icon/Radio.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,15 +11,15 @@ export const RadioSelected = (props: IconProps) => {
viewBox="0 0 24 24"
fill="none"
>
<g clip-path="url(#clip0_1357_27311)">
<g clipPath="url(#clip0_1357_27311)">
<path
d="M23.1501 12.0001C23.1501 5.84212 18.1581 0.850098 12.0001 0.850098C5.84212 0.850098 0.850098 5.84212 0.850098 12.0001C0.850098 18.1581 5.84212 23.1501 12.0001 23.1501C18.1581 23.1501 23.1501 18.1581 23.1501 12.0001Z"
fill="white"
/>
<path
d="M23.1501 12.0001C23.1501 5.84212 18.1581 0.850098 12.0001 0.850098C5.84212 0.850098 0.850098 5.84212 0.850098 12.0001C0.850098 18.1581 5.84212 23.1501 12.0001 23.1501C18.1581 23.1501 23.1501 18.1581 23.1501 12.0001Z"
stroke={color}
stroke-width="1.7"
strokeWidth="1.7"
/>
<path
d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z"
Expand All @@ -46,15 +46,15 @@ export const RadioDefault = (props: IconProps) => {
viewBox="0 0 24 24"
fill="none"
>
<g clip-path="url(#clip0_1357_27315)">
<g clipPath="url(#clip0_1357_27315)">
<path
d="M23.1501 12.0001C23.1501 5.84212 18.1581 0.850098 12.0001 0.850098C5.84212 0.850098 0.850098 5.84212 0.850098 12.0001C0.850098 18.1581 5.84212 23.1501 12.0001 23.1501C18.1581 23.1501 23.1501 18.1581 23.1501 12.0001Z"
fill="white"
/>
<path
d="M23.1501 12.0001C23.1501 5.84212 18.1581 0.850098 12.0001 0.850098C5.84212 0.850098 0.850098 5.84212 0.850098 12.0001C0.850098 18.1581 5.84212 23.1501 12.0001 23.1501C18.1581 23.1501 23.1501 18.1581 23.1501 12.0001Z"
stroke={color}
stroke-width="1.7"
strokeWidth="1.7"
/>
</g>
<defs>
Expand Down
4 changes: 2 additions & 2 deletions packages/fds/src/components/Icon/Search.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,8 @@ export const Search = (props: IconProps) => {
</mask>
<g mask="url(#mask0_1357_13677)">
<path
fill-rule="evenodd"
clip-rule="evenodd"
fillRule="evenodd"
clipRule="evenodd"
d="M21.4998 13C20.1444 13.0001 18.8087 13.3244 17.6041 13.9457C16.3995 14.567 15.3609 15.4674 14.575 16.5718C13.7892 17.6761 13.2788 18.9523 13.0865 20.294C12.8942 21.6357 13.0256 23.004 13.4696 24.2846C13.9136 25.5652 14.6575 26.7211 15.639 27.6557C16.6206 28.5904 17.8115 29.2768 19.1123 29.6576C20.4131 30.0384 21.7862 30.1026 23.1168 29.8449C24.4475 29.5872 25.6973 29.015 26.7618 28.176L30.4138 31.828C30.6024 32.0102 30.855 32.111 31.1172 32.1087C31.3794 32.1064 31.6302 32.0012 31.8156 31.8158C32.001 31.6304 32.1062 31.3796 32.1085 31.1174C32.1108 30.8552 32.01 30.6026 31.8278 30.414L28.1758 26.762C29.1638 25.5086 29.779 24.0024 29.9509 22.4157C30.1228 20.8291 29.8446 19.226 29.148 17.7901C28.4515 16.3542 27.3647 15.1434 26.0121 14.2962C24.6595 13.4491 23.0958 12.9999 21.4998 13ZM14.9998 21.5C14.9998 19.7761 15.6846 18.1228 16.9036 16.9038C18.1226 15.6848 19.7759 15 21.4998 15C23.2237 15 24.877 15.6848 26.096 16.9038C27.315 18.1228 27.9998 19.7761 27.9998 21.5C27.9998 23.2239 27.315 24.8772 26.096 26.0962C24.877 27.3152 23.2237 28 21.4998 28C19.7759 28 18.1226 27.3152 16.9036 26.0962C15.6846 24.8772 14.9998 23.2239 14.9998 21.5Z"
fill={color}
/>
Expand Down
4 changes: 2 additions & 2 deletions packages/fds/src/components/Icon/Star.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,8 @@ export const StarDefault = (props: IconProps) => {
</mask>
<g mask="url(#mask0_1357_27288)">
<path
fill-rule="evenodd"
clip-rule="evenodd"
fillRule="evenodd"
clipRule="evenodd"
d="M22.9202 14.8682C23.0302 14.6794 23.1879 14.5227 23.3774 14.4138C23.5669 14.3049 23.7816 14.2476 24.0002 14.2476C24.2187 14.2476 24.4335 14.3049 24.623 14.4138C24.8125 14.5227 24.9701 14.6794 25.0802 14.8682L27.8752 19.6662L33.3032 20.8422C33.5167 20.8886 33.7143 20.9901 33.8763 21.1367C34.0384 21.2833 34.1592 21.4698 34.2266 21.6776C34.2941 21.8854 34.306 22.1073 34.261 22.3211C34.216 22.5349 34.1157 22.7332 33.9702 22.8962L30.2702 27.0372L30.8302 32.5622C30.8523 32.7798 30.8169 32.9993 30.7276 33.1989C30.6383 33.3985 30.4982 33.5712 30.3213 33.6997C30.1444 33.8283 29.9369 33.9082 29.7194 33.9314C29.502 33.9546 29.2823 33.9204 29.0822 33.8322L24.0002 31.5922L18.9182 33.8322C18.7181 33.9204 18.4984 33.9546 18.2809 33.9314C18.0635 33.9082 17.856 33.8283 17.6791 33.6997C17.5021 33.5712 17.362 33.3985 17.2728 33.1989C17.1835 32.9993 17.1481 32.7798 17.1702 32.5622L17.7302 27.0372L14.0302 22.8972C13.8844 22.7342 13.7839 22.5359 13.7388 22.3219C13.6937 22.108 13.7054 21.8859 13.7729 21.6779C13.8404 21.47 13.9613 21.2833 14.1235 21.1367C14.2857 20.99 14.4835 20.8885 14.6972 20.8422L20.1252 19.6662L22.9202 14.8682ZM24.0002 16.9872L21.6872 20.9592C21.5997 21.1091 21.482 21.2392 21.3415 21.3411C21.201 21.443 21.0408 21.5146 20.8712 21.5512L16.3792 22.5242L19.4412 25.9512C19.6752 26.2132 19.7882 26.5612 19.7532 26.9102L19.2902 31.4832L23.4962 29.6292C23.655 29.5592 23.8266 29.5231 24.0002 29.5231C24.1737 29.5231 24.3454 29.5592 24.5042 29.6292L28.7102 31.4832L28.2472 26.9102C28.2296 26.7375 28.2482 26.5631 28.3017 26.3979C28.3553 26.2328 28.4426 26.0807 28.5582 25.9512L31.6212 22.5242L27.1292 21.5512C26.9595 21.5146 26.7993 21.443 26.6589 21.3411C26.5184 21.2392 26.4006 21.1091 26.3132 20.9592L24.0002 16.9872Z"
fill={color}
/>
Expand Down
2 changes: 1 addition & 1 deletion packages/fds/src/components/Icon/Up.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ export const Up = (props: IconProps) => {
viewBox="0 0 24 24"
fill="none"
>
<g clip-path="url(#clip0_1357_14204)">
<g clipPath="url(#clip0_1357_14204)">
<mask
id="mask0_1357_14204"
maskUnits="userSpaceOnUse"
Expand Down