movie-web/native-app
1
0
Fork 0
mirror of https://github.com/movie-web/native-app.git synced 2025-09-13 14:53:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: use svg in brandpill (might need some adjusting, but looks fine)

Browse Source
This commit is contained in:
Adrian Castro
2024-04-02 00:21:53 +02:00
parent 32ce520fc0
commit e45a668c38
3 changed files with 24 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
apps/expo/src/components/Icon.tsx
View File

@@ -1,12 +1,25 @@
import React from "react";
import Svg, { G, Path } from "react-native-svg";
export const MovieWebSvg = ({ fillColor }: { fillColor?: string }) => {
export const MovieWebSvg = ({
fillColor,
height = 24,
width = 24,
}: {
fillColor?: string;
height?: number;
width?: number;
}) => {
const svgPath =
"M18.186,4.5V6.241H16.445V4.5H9.482V6.241H7.741V4.5H6V20.168H7.741V18.427H9.482v1.741h6.964V18.427h1.741v1.741h1.741V4.5Zm-8.7,12.186H7.741V14.945H9.482Zm0-3.482H7.741V11.464H9.482Zm0-3.482H7.741V7.982H9.482Zm8.7,6.964H16.445V14.945h1.741Zm0-3.482H16.445V11.464h1.741Zm0-3.482H16.445V7.982h1.741Z";
return (
<Svg width="24" height="24" viewBox="0 0 20.927 20.927" fill={fillColor}>
<Svg
width={width}
height={height}
viewBox="0 0 20.927 20.927"
fill={fillColor}
>
<G transform="translate(10.018 -7.425) rotate(45)">
<Path d={svgPath} />
</G>