diff --git a/src/components/icons/Channel.tsx b/src/components/icons/Channel.tsx index 93523524..25669aa7 100644 --- a/src/components/icons/Channel.tsx +++ b/src/components/icons/Channel.tsx @@ -1,15 +1,15 @@ import { Colors, colors } from '@styles/colorPalette'; interface ChannelProps { - size?: number + width?: number + height?: number color?: Colors } -function Channel({ size = 24, color = 'black' }: ChannelProps) { +function Channel({ width = 19, height = 18, color = 'black' }: ChannelProps) { return ( - - - + + ); diff --git a/src/components/icons/Favorite.tsx b/src/components/icons/Favorite.tsx index 53750ec5..3589c7f9 100644 --- a/src/components/icons/Favorite.tsx +++ b/src/components/icons/Favorite.tsx @@ -1,14 +1,12 @@ -import { Colors, colors } from '@styles/colorPalette'; - interface FavoriteProps { - size?: number - color: Colors + width?: number + height?: number } -function Favorite({ size = 24, color = 'black' }: FavoriteProps) { +function Favorite({ width = 21, height = 19 }: FavoriteProps) { return ( - - + + ); diff --git a/src/components/icons/FilledFavorite.tsx b/src/components/icons/FilledFavorite.tsx new file mode 100644 index 00000000..ecad9ad3 --- /dev/null +++ b/src/components/icons/FilledFavorite.tsx @@ -0,0 +1,15 @@ +interface FilledFavoriteProps { + width?: number + height?: number +} + +function FilledFavorite({ width = 21, height = 19 }: FilledFavoriteProps) { + return ( + + + + + ); +} + +export default FilledFavorite; diff --git a/src/components/icons/FilledHome.tsx b/src/components/icons/FilledHome.tsx new file mode 100644 index 00000000..0db1c178 --- /dev/null +++ b/src/components/icons/FilledHome.tsx @@ -0,0 +1,15 @@ +interface HomeProps { + width?: number + height?: number +} + +function FilledHome({ width = 16, height = 20 }: HomeProps) { + return ( + + + + + ); +} + +export default FilledHome; diff --git a/src/components/icons/Home.tsx b/src/components/icons/Home.tsx index 8cab874b..543fc88b 100644 --- a/src/components/icons/Home.tsx +++ b/src/components/icons/Home.tsx @@ -1,15 +1,12 @@ -import { Colors, colors } from '@/styles/colorPalette'; - interface HomeProps { - size?: number - color: Colors + width?: number + height?: number } -function Home({ size = 24, color }: HomeProps) { +function Home({ width = 16, height = 20 }: HomeProps) { return ( - - - + + ); diff --git a/src/components/icons/Map.tsx b/src/components/icons/Map.tsx index 74389445..442997fb 100644 --- a/src/components/icons/Map.tsx +++ b/src/components/icons/Map.tsx @@ -1,23 +1,17 @@ import { Colors, colors } from '@styles/colorPalette'; interface MapProps { - size?: number + width?: number + height?: number color?: Colors } -function Map({ size = 24, color = 'black' }: MapProps) { +function Map({ width = 17, height = 20, color = 'black' }: MapProps) { return ( - - - - - - - - - - + + + ); } diff --git a/src/components/icons/Profile.tsx b/src/components/icons/Profile.tsx index c1d7cd8c..6ea76956 100644 --- a/src/components/icons/Profile.tsx +++ b/src/components/icons/Profile.tsx @@ -1,15 +1,15 @@ import { Colors, colors } from '@styles/colorPalette'; interface ProfileProps { - size?: number + width?: number + height?: number color?: Colors } -function Profile({ size = 24, color = 'black' }: ProfileProps) { +function Profile({ width = 17, height = 16, color = 'black' }: ProfileProps) { return ( - - - + + );