@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
15 lines (14 loc) • 4.77 kB
JavaScript
import { memo } from 'react';
import { Svg, Path } from 'react-native-svg';
const Icon = (props) => {
const { color = 'black', size = 24, ...otherProps } = props;
return (<Svg viewBox="0 0 38 11" fill="none" height={size} width={size} {...otherProps}>
<Path d="M5.00753 10.3349C4.09171 10.3349 3.29729 10.1355 2.62533 9.73792C1.95338 9.3403 1.43098 8.77909 1.05816 8.05645C0.68533 7.3338 0.5 6.48006 0.5 5.49523C0.5 4.5104 0.690749 3.66858 1.07116 2.94052C1.45158 2.21354 1.98914 1.648 2.68277 1.24605C3.37641 0.844095 4.17625 0.642578 5.08448 0.642578C5.82905 0.642578 6.49667 0.779089 7.08734 1.0532C7.67801 1.3273 8.16572 1.70975 8.55155 2.20162C8.9363 2.6935 9.18124 3.27746 9.28312 3.95352H7.54904C7.38647 3.40639 7.08409 2.98061 6.64406 2.67616C6.20296 2.37281 5.66648 2.22004 5.03245 2.22004C4.46779 2.22004 3.97358 2.3533 3.54873 2.61766C3.12496 2.8831 2.79766 3.25905 2.56681 3.74767C2.33596 4.23521 2.21999 4.81809 2.21999 5.49307C2.21999 6.16804 2.33596 6.71517 2.56681 7.20704C2.79766 7.69892 3.12496 8.08028 3.54873 8.34897C3.9725 8.61874 4.46671 8.75309 5.03245 8.75309C5.67406 8.75309 6.22463 8.59924 6.68308 8.29046C7.14153 7.98277 7.44716 7.56782 7.60106 7.04561H9.30913C9.18883 7.69567 8.9298 8.26988 8.53204 8.76609C8.13429 9.2623 7.63357 9.64799 7.0299 9.92102C6.42622 10.1951 5.7521 10.3316 5.00753 10.3316V10.3349Z" fill={color}/>
<Path d="M12.0574 10.1812H10.4902V0.630859H12.0693V4.6612C12.2666 4.3535 12.5419 4.10757 12.8974 3.92338C13.2528 3.7392 13.6614 3.64711 14.1242 3.64711C14.9035 3.64711 15.4963 3.88221 15.9027 4.3535C16.3092 4.82371 16.5129 5.46618 16.5129 6.27875V10.1812H14.9457V6.65144C14.9457 6.29175 14.8905 5.99706 14.7788 5.7652C14.6672 5.53443 14.5133 5.36109 14.316 5.24516C14.1188 5.12923 13.8879 5.07181 13.6224 5.07181C13.2973 5.07181 13.0166 5.14224 12.7814 5.28308C12.5462 5.42393 12.3663 5.61894 12.2417 5.86705C12.117 6.11515 12.0552 6.39792 12.0552 6.71428V10.1802L12.0574 10.1812Z" fill={color}/>
<Path d="M19.9413 10.3485C19.2736 10.3485 18.7447 10.1665 18.3557 9.8025C17.9655 9.43847 17.7715 8.96176 17.7715 8.37129C17.7715 7.78083 17.9752 7.32471 18.3817 6.97801C18.7881 6.63132 19.3679 6.42763 20.1212 6.36804L22.0221 6.2142V6.07335C22.0221 5.783 21.969 5.54898 21.8617 5.37346C21.7545 5.19795 21.6027 5.0701 21.4055 4.98885C21.2082 4.90759 20.9774 4.86642 20.7118 4.86642C20.2491 4.86642 19.8946 4.95851 19.6465 5.14269C19.3983 5.32687 19.2736 5.58581 19.2736 5.91951H17.9384C17.9384 5.45689 18.0554 5.0571 18.2917 4.71907C18.5269 4.38105 18.8607 4.11777 19.2931 3.92926C19.7256 3.74074 20.2241 3.64648 20.7888 3.64648C21.3534 3.64648 21.8542 3.74724 22.266 3.94768C22.6768 4.14919 22.9932 4.44822 23.2165 4.84583C23.4387 5.24345 23.5503 5.73858 23.5503 6.32904V10.1795H22.176L22.0601 9.24237C21.9235 9.56739 21.6602 9.83283 21.27 10.0387C20.8798 10.2445 20.4376 10.3464 19.9413 10.3464V10.3485ZM20.442 9.16761C20.9297 9.16761 21.3177 9.0311 21.6038 8.75699C21.891 8.48289 22.0341 8.10261 22.0341 7.61398V7.28029L20.7118 7.38321C20.2241 7.42655 19.8773 7.52622 19.6714 7.6844C19.4655 7.84258 19.3636 8.0506 19.3636 8.30737C19.3636 8.59015 19.4579 8.80358 19.6465 8.94876C19.835 9.09394 20.1006 9.16653 20.4431 9.16653L20.442 9.16761Z" fill={color}/>
<Path d="M26.6704 10.1812H25.1162V0.630859H26.6704V6.4976L29.136 3.83996H31.101L28.6862 6.35567L31.0489 10.1812H29.2509L27.5949 7.51168L26.6704 8.47485V10.1823V10.1812Z" fill={color}/>
<Path d="M33.6942 10.3485C33.0266 10.3485 32.4977 10.1665 32.1086 9.8025C31.7184 9.43847 31.5244 8.96176 31.5244 8.37129C31.5244 7.78083 31.7282 7.32471 32.1346 6.97801C32.541 6.63132 33.1209 6.42763 33.8741 6.36804L35.7751 6.2142V6.07335C35.7751 5.783 35.722 5.54898 35.6147 5.37346C35.5074 5.19795 35.3556 5.0701 35.1584 4.98885C34.9611 4.90759 34.7303 4.86642 34.4648 4.86642C34.002 4.86642 33.6476 4.95851 33.3994 5.14269C33.1512 5.32687 33.0266 5.58581 33.0266 5.91951H31.6913C31.6913 5.45689 31.8084 5.0571 32.0446 4.71907C32.2798 4.38105 32.6136 4.11777 33.0461 3.92926C33.4785 3.74074 33.9771 3.64648 34.5417 3.64648C35.1064 3.64648 35.6071 3.74724 36.0189 3.94768C36.4297 4.14919 36.7462 4.44822 36.9694 4.84583C37.1916 5.24345 37.3032 5.73858 37.3032 6.32904V10.1795H35.929L35.813 9.24237C35.6765 9.56739 35.4131 9.83283 35.0229 10.0387C34.6338 10.2445 34.1906 10.3464 33.6942 10.3464V10.3485ZM34.1949 9.16761C34.6826 9.16761 35.0706 9.0311 35.3567 8.75699C35.6439 8.48289 35.787 8.10261 35.787 7.61398V7.28029L34.4648 7.38321C33.9771 7.42655 33.6302 7.52622 33.4243 7.6844C33.2184 7.84258 33.1165 8.0506 33.1165 8.30737C33.1165 8.59015 33.2108 8.80358 33.3994 8.94876C33.588 9.09394 33.8535 9.16653 34.196 9.16653L34.1949 9.16761Z" fill={color}/>
</Svg>);
};
Icon.displayName = 'ChakaText';
export const ChakaText = memo(Icon);