@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
23 lines (22 loc) • 5.46 kB
JavaScript
import { memo } from 'react';
import { Svg, G, Path, Rect, Defs, ClipPath } from 'react-native-svg';
const Icon = (props) => {
const { color = 'black', size = 24, ...otherProps } = props;
return (<Svg fill="none" viewBox="0 0 54 13" height={size} width={size} {...otherProps}>
<G clipPath="url(#clip0_5741_232641)">
<Path d="M51.8547 10.1032C49.9895 11.9678 47.1326 12.2473 44.9694 10.9461L43.4152 12.4997L42.7812 11.8659L44.2324 10.4152L46.0802 8.5669L47.3624 8.55498L48.8819 8.53982L51.1687 2.83342L45.4603 5.11836L45.4321 7.91793L43.5843 9.76625C41.706 7.55823 41.809 4.23104 43.8953 2.14545C46.09 -0.0484831 49.6611 -0.0484831 51.8558 2.14545C54.0505 4.33938 54.0505 7.90926 51.8558 10.1021L51.8547 10.1032Z" fill={color}/>
<Path d="M5.00753 11.3349C4.09171 11.3349 3.29729 11.1355 2.62533 10.7379C1.95338 10.3403 1.43098 9.77909 1.05816 9.05645C0.68533 8.3338 0.5 7.48006 0.5 6.49523C0.5 5.5104 0.690749 4.66858 1.07116 3.94052C1.45158 3.21354 1.98914 2.648 2.68277 2.24605C3.37641 1.84409 4.17625 1.64258 5.08448 1.64258C5.82905 1.64258 6.49667 1.77909 7.08734 2.0532C7.67801 2.3273 8.16572 2.70975 8.55155 3.20162C8.9363 3.6935 9.18124 4.27746 9.28312 4.95352H7.54904C7.38647 4.40639 7.08409 3.98061 6.64406 3.67616C6.20296 3.37281 5.66648 3.22004 5.03245 3.22004C4.46779 3.22004 3.97358 3.3533 3.54873 3.61766C3.12496 3.8831 2.79766 4.25905 2.56681 4.74767C2.33596 5.23521 2.21999 5.81809 2.21999 6.49307C2.21999 7.16804 2.33596 7.71517 2.56681 8.20704C2.79766 8.69892 3.12496 9.08028 3.54873 9.34897C3.9725 9.61874 4.46671 9.75309 5.03245 9.75309C5.67406 9.75309 6.22463 9.59924 6.68308 9.29046C7.14153 8.98277 7.44716 8.56782 7.60106 8.04561H9.30913C9.18883 8.69567 8.9298 9.26988 8.53204 9.76609C8.13429 10.2623 7.63357 10.648 7.0299 10.921C6.42622 11.1951 5.7521 11.3316 5.00753 11.3316V11.3349Z" fill={color}/>
<Path d="M12.0574 11.1812H10.4902V1.63086H12.0693V5.6612C12.2666 5.3535 12.5419 5.10757 12.8974 4.92338C13.2528 4.7392 13.6614 4.64711 14.1242 4.64711C14.9035 4.64711 15.4963 4.88221 15.9027 5.3535C16.3092 5.82371 16.5129 6.46618 16.5129 7.27875V11.1812H14.9457V7.65144C14.9457 7.29175 14.8905 6.99706 14.7788 6.7652C14.6672 6.53443 14.5133 6.36109 14.316 6.24516C14.1188 6.12923 13.8879 6.07181 13.6224 6.07181C13.2973 6.07181 13.0166 6.14224 12.7814 6.28308C12.5462 6.42393 12.3663 6.61894 12.2417 6.86705C12.117 7.11515 12.0552 7.39792 12.0552 7.71428V11.1802L12.0574 11.1812Z" fill={color}/>
<Path d="M19.9413 11.3485C19.2736 11.3485 18.7447 11.1665 18.3557 10.8025C17.9655 10.4385 17.7715 9.96176 17.7715 9.37129C17.7715 8.78083 17.9752 8.32471 18.3817 7.97801C18.7881 7.63132 19.3679 7.42763 20.1212 7.36804L22.0221 7.2142V7.07335C22.0221 6.783 21.969 6.54898 21.8617 6.37346C21.7545 6.19795 21.6027 6.0701 21.4055 5.98885C21.2082 5.90759 20.9774 5.86642 20.7118 5.86642C20.2491 5.86642 19.8946 5.95851 19.6465 6.14269C19.3983 6.32687 19.2736 6.58581 19.2736 6.91951H17.9384C17.9384 6.45689 18.0554 6.0571 18.2917 5.71907C18.5269 5.38105 18.8607 5.11777 19.2931 4.92926C19.7256 4.74074 20.2241 4.64648 20.7888 4.64648C21.3534 4.64648 21.8542 4.74724 22.266 4.94768C22.6768 5.14919 22.9932 5.44822 23.2165 5.84583C23.4387 6.24345 23.5503 6.73858 23.5503 7.32904V11.1795H22.176L22.0601 10.2424C21.9235 10.5674 21.6602 10.8328 21.27 11.0387C20.8798 11.2445 20.4376 11.3464 19.9413 11.3464V11.3485ZM20.442 10.1676C20.9297 10.1676 21.3177 10.0311 21.6038 9.75699C21.891 9.48289 22.0341 9.10261 22.0341 8.61398V8.28029L20.7118 8.38321C20.2241 8.42655 19.8773 8.52622 19.6714 8.6844C19.4655 8.84258 19.3636 9.0506 19.3636 9.30737C19.3636 9.59015 19.4579 9.80358 19.6465 9.94876C19.835 10.0939 20.1006 10.1665 20.4431 10.1665L20.442 10.1676Z" fill={color}/>
<Path d="M26.6704 11.1812H25.1162V1.63086H26.6704V7.4976L29.136 4.83996H31.101L28.6862 7.35567L31.0489 11.1812H29.2509L27.5949 8.51168L26.6704 9.47485V11.1823V11.1812Z" fill={color}/>
<Path d="M33.6942 11.3485C33.0266 11.3485 32.4977 11.1665 32.1086 10.8025C31.7184 10.4385 31.5244 9.96176 31.5244 9.37129C31.5244 8.78083 31.7282 8.32471 32.1346 7.97801C32.541 7.63132 33.1209 7.42763 33.8741 7.36804L35.7751 7.2142V7.07335C35.7751 6.783 35.722 6.54898 35.6147 6.37346C35.5074 6.19795 35.3556 6.0701 35.1584 5.98885C34.9611 5.90759 34.7303 5.86642 34.4648 5.86642C34.002 5.86642 33.6476 5.95851 33.3994 6.14269C33.1512 6.32687 33.0266 6.58581 33.0266 6.91951H31.6913C31.6913 6.45689 31.8084 6.0571 32.0446 5.71907C32.2798 5.38105 32.6136 5.11777 33.0461 4.92926C33.4785 4.74074 33.9771 4.64648 34.5417 4.64648C35.1064 4.64648 35.6071 4.74724 36.0189 4.94768C36.4297 5.14919 36.7462 5.44822 36.9694 5.84583C37.1916 6.24345 37.3032 6.73858 37.3032 7.32904V11.1795H35.929L35.813 10.2424C35.6765 10.5674 35.4131 10.8328 35.0229 11.0387C34.6338 11.2445 34.1906 11.3464 33.6942 11.3464V11.3485ZM34.1949 10.1676C34.6826 10.1676 35.0706 10.0311 35.3567 9.75699C35.6439 9.48289 35.787 9.10261 35.787 8.61398V8.28029L34.4648 8.38321C33.9771 8.42655 33.6302 8.52622 33.4243 8.6844C33.2184 8.84258 33.1165 9.0506 33.1165 9.30737C33.1165 9.59015 33.2108 9.80358 33.3994 9.94876C33.588 10.0939 33.8535 10.1665 34.196 10.1665L34.1949 10.1676Z" fill={color}/>
</G>
<Defs>
<ClipPath id="clip0_5741_232641">
<Rect fill={color} height="12" transform="translate(0.5 0.5)" width="53"/>
</ClipPath>
</Defs>
</Svg>);
};
Icon.displayName = 'ChakaFull';
export const ChakaFull = memo(Icon);