Skip to content

feat: update sonic logos #74

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
0xfantaholic merged 1 commit into from
Aug 12, 2025
+24 −24
Merged

feat: update sonic logos #74

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
12 changes: 6 additions & 6 deletions src/components/Svg/Networks/components/Sonic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,20 +8,20 @@ const Item: FC<PropsWithChildren<SvgProps>> = (props): ReactElement => {

return (
<Svg viewBox="0 0 32 32" {...props} fill="none" stroke="none">
<rect width="32" height="32" rx="6" fill="#141416"/>
<rect x="0.5" y="0.5" width="31" height="31" rx="5.5" stroke="white" stroke-opacity="0.2"/>
<rect width="32" height="32" rx="6" fill="#214E81"/>
<rect x="0.5" y="0.5" width="31" height="31" rx="5.5" stroke="white" strokeOpacity="0.2"/>
<g clipPath={`url(#${id})`}>
<path d="M16.0003 2H16C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30H16.0003C23.7323 30 30.0003 23.732 30.0003 16C30.0003 8.26801 23.7323 2 16.0003 2Z" fill="#141416"/>
<path d="M16.0003 2H16C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30H16.0003C23.7323 30 30.0003 23.732 30.0003 16C30.0003 8.26801 23.7323 2 16.0003 2Z" fill="#214E81"/>
<path d="M18.5 18.9719C13.8698 20.361 10.0396 22.3872 7.64199 24.7612L7.53613 24.8666C8.17369 25.4693 8.87278 26.0083 9.62849 26.4664L9.79096 26.268C10.4457 25.4693 11.1473 24.6975 11.8784 23.9699C13.8403 22.0172 16.0853 20.3267 18.5025 18.9694L18.5 18.9719Z" fill="#F5F5F5"/>
<path d="M3.75 16.9139C3.93462 19.3908 4.85526 21.662 6.30021 23.5093L6.36667 23.4431C7.85101 21.9805 9.78336 20.6501 12.1145 19.4913C14.1576 18.4745 16.5036 17.6023 19.0315 16.9139H3.75Z" fill="#F5F5F5"/>
<path d="M13.1731 6.7341C17.3159 10.8574 22.5295 13.5843 28.2478 14.6182C27.5586 8.50545 22.3499 3.75 16.0211 3.75C14.3497 3.75 12.757 4.0832 11.3022 4.68345C11.893 5.39395 12.5232 6.08485 13.1731 6.7341Z" fill="#F5F5F5"/>
<path d="M7.64199 7.23883C10.0396 9.61533 13.8698 11.639 18.5 13.0306C16.0828 11.6709 13.8378 9.98283 11.8759 8.03018C11.1473 7.30498 10.4457 6.53323 9.7885 5.73208L9.62602 5.53363C8.87032 5.99178 8.17123 6.53078 7.53613 7.13348L7.64199 7.23883Z" fill="#F5F5F5"/>
<path d="M7.64199 7.2388C10.0396 9.6153 13.8698 11.639 18.5 13.0306C16.0828 11.6708 13.8378 9.9828 11.8759 8.03015C11.1473 7.30495 10.4457 6.5332 9.7885 5.73205L9.62602 5.5336C8.87032 5.99175 8.17123 6.53075 7.53613 7.13345L7.64199 7.2388Z" fill="#F5F5F5"/>
<path d="M13.1731 25.2659C12.5207 25.9151 11.8906 26.6061 11.3022 27.3166C12.7546 27.9168 14.3497 28.25 16.0211 28.25C22.3499 28.25 27.5586 23.4946 28.2503 17.3793C22.532 18.4132 17.3183 21.1401 13.1755 25.2635L13.1731 25.2659Z" fill="#F5F5F5"/>
<path d="M12.1145 12.5087C9.78336 11.3499 7.85101 10.0195 6.36667 8.55687L6.30021 8.49072C4.85526 10.338 3.93462 12.6092 3.75 15.0861H19.0292C16.501 14.3977 14.1576 13.5255 12.112 12.5063L12.1145 12.5087Z" fill="#F5F5F5"/>
<path d="M12.1145 12.5088C9.78336 11.3499 7.85101 10.0196 6.36667 8.5569L6.30021 8.49075C4.85526 10.3381 3.93462 12.6092 3.75 15.0862H19.0292C16.501 14.3977 14.1576 13.5255 12.112 12.5063L12.1145 12.5088Z" fill="#F5F5F5"/>
</g>
<defs>
<clipPath id={id}>
<rect width="28" height="28" fill="white" transform="translate(2 2)"/>
<rect width="28" height="28" fill="white" transform="translate(2 2)"/>
</clipPath>
</defs>
</Svg>
Expand Down
28 changes: 14 additions & 14 deletions src/components/Svg/NetworksCircle/components/SonicCircle.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,20 +8,20 @@ const Item: FC<PropsWithChildren<SvgProps>> = (props): ReactElement => {

return (
<Svg viewBox="0 0 16 16" {...props} fill="none" stroke="none">
<g clipPath={`url(#${id})`}>
<path d="M8.00016 0H8C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16H8.00016C12.4184 16 16.0002 12.4183 16.0002 8C16.0002 3.58172 12.4184 0 8.00016 0Z" fill="#141416"/>
<path d="M9.42865 9.69822C6.78281 10.492 4.59411 11.6498 3.22406 13.0064L3.16357 13.0666C3.52789 13.411 3.92737 13.719 4.35921 13.9808L4.45205 13.8674C4.82621 13.411 5.22709 12.97 5.64486 12.5542C6.76593 11.4384 8.04881 10.4724 9.43009 9.69678L9.42865 9.69822Z" fill="#F5F5F5"/>
<path d="M1 8.52222C1.1055 9.93758 1.63158 11.2354 2.45726 12.291L2.49524 12.2532C3.34343 11.4174 4.44763 10.6572 5.7797 9.99502C6.9472 9.41398 8.28774 8.91558 9.7323 8.52222H1Z" fill="#F5F5F5"/>
<path d="M6.38446 2.7052C8.75181 5.0614 11.731 6.6196 14.9986 7.2104C14.6048 3.7174 11.6284 1 8.01189 1C7.05682 1 6.14674 1.1904 5.31543 1.5334C5.65301 1.9394 6.01311 2.3342 6.38446 2.7052Z" fill="#F5F5F5"/>
<path d="M3.22406 2.99363C4.59411 4.35163 6.78281 5.50803 9.42865 6.30323C8.04737 5.52623 6.76453 4.56163 5.64345 3.44583C5.22709 3.03143 4.82621 2.59043 4.45064 2.13263L4.3578 2.01923C3.92597 2.28103 3.52649 2.58903 3.16357 2.93343L3.22406 2.99363Z" fill="#F5F5F5"/>
<path d="M6.38446 13.2948C6.0117 13.6657 5.65161 14.0606 5.31543 14.4666C6.14533 14.8096 7.05682 15 8.01189 15C11.6284 15 14.6048 12.2826 15.0001 8.78815C11.7325 9.37895 8.75317 10.9372 6.38587 13.2934L6.38446 13.2948Z" fill="#F5F5F5"/>
<path d="M5.7797 6.00498C4.44763 5.34278 3.34343 4.58258 2.49524 3.74678L2.45726 3.70898C1.63158 4.76458 1.1055 6.06238 1 7.47778H9.73094C8.2863 7.08438 6.9472 6.58598 5.7783 6.00358L5.7797 6.00498Z" fill="#F5F5F5"/>
</g>
<defs>
<clipPath id={id}>
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
<g clipPath={`url(#${id})`}>
<path d="M8.00016 0H8C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16H8.00016C12.4184 16 16.0002 12.4183 16.0002 8C16.0002 3.58172 12.4184 0 8.00016 0Z" fill="#214E81"/>
<path d="M9.42865 9.69825C6.78281 10.492 4.59411 11.6498 3.22406 13.0064L3.16357 13.0666C3.52789 13.411 3.92737 13.719 4.35921 13.9808L4.45205 13.8674C4.82621 13.411 5.22709 12.97 5.64486 12.5542C6.76593 11.4384 8.04881 10.4724 9.43009 9.69681L9.42865 9.69825Z" fill="#F5F5F5"/>
<path d="M1 8.52225C1.1055 9.93761 1.63158 11.2354 2.45726 12.291L2.49524 12.2532C3.34343 11.4174 4.44763 10.6572 5.7797 9.99505C6.9472 9.41401 8.28774 8.91561 9.7323 8.52225H1Z" fill="#F5F5F5"/>
<path d="M6.38446 2.7052C8.75181 5.0614 11.731 6.6196 14.9986 7.2104C14.6048 3.7174 11.6284 1 8.01189 1C7.05682 1 6.14674 1.1904 5.31543 1.5334C5.65301 1.9394 6.01311 2.3342 6.38446 2.7052Z" fill="#F5F5F5"/>
<path d="M3.22406 2.9936C4.59411 4.3516 6.78281 5.508 9.42865 6.3032C8.04737 5.5262 6.76453 4.5616 5.64345 3.4458C5.22709 3.0314 4.82621 2.5904 4.45064 2.1326L4.3578 2.0192C3.92597 2.281 3.52649 2.589 3.16357 2.9334L3.22406 2.9936Z" fill="#F5F5F5"/>
<path d="M6.38446 13.2948C6.0117 13.6657 5.65161 14.0606 5.31543 14.4666C6.14533 14.8096 7.05682 15 8.01189 15C11.6284 15 14.6048 12.2826 15.0001 8.78815C11.7325 9.37895 8.75317 10.9372 6.38587 13.2934L6.38446 13.2948Z" fill="#F5F5F5"/>
<path d="M5.7797 6.00501C4.44763 5.34281 3.34343 4.58261 2.49524 3.74681L2.45726 3.70901C1.63158 4.76461 1.1055 6.06242 1 7.47782H9.73094C8.2863 7.08442 6.9472 6.58601 5.7783 6.00361L5.7797 6.00501Z" fill="#F5F5F5"/>
</g>
<defs>
<clipPath id={id}>
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</Svg>
);
};
Expand Down
8 changes: 4 additions & 4 deletions src/components/Svg/Tokens/components/Sonic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,17 +9,17 @@ const Item: FC<PropsWithChildren<SvgProps>> = (props): ReactElement => {
return (
<Svg viewBox="0 0 32 32" {...props} fill="none" stroke="none">
<g clipPath={`url(#${id})`}>
<path d="M16.0003 0H16C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32H16.0003C24.8369 32 32.0003 24.8366 32.0003 16C32.0003 7.16344 24.8369 0 16.0003 0Z" fill="#141416"/>
<path d="M16.0003 0H16C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32H16.0003C24.8369 32 32.0003 24.8366 32.0003 16C32.0003 7.16344 24.8369 0 16.0003 0Z" fill="#214E81"/>
<path d="M18.8573 19.3965C13.5656 20.984 9.18822 23.2997 6.44812 26.0128L6.32715 26.1333C7.05579 26.8221 7.85475 27.4381 8.71841 27.9616L8.90409 27.7349C9.65241 26.8221 10.4542 25.94 11.2897 25.1085C13.5319 22.8768 16.0976 20.9448 18.8602 19.3936L18.8573 19.3965Z" fill="#F5F5F5"/>
<path d="M2 17.0445C2.21099 19.8752 3.26315 22.4709 4.91453 24.5821L4.99048 24.5064C6.68686 22.8349 8.89526 21.3144 11.5594 19.9901C13.8944 18.828 16.5755 17.8312 19.4646 17.0445H2Z" fill="#F5F5F5"/>
<path d="M12.7694 5.4104C17.5041 10.1228 23.4625 13.2392 29.9977 14.4208C29.21 7.4348 23.2572 2 16.0243 2C14.1141 2 12.294 2.3808 10.6313 3.0668C11.3065 3.8788 12.0267 4.6684 12.7694 5.4104Z" fill="#F5F5F5"/>
<path d="M6.44812 5.98719C9.18822 8.70319 13.5656 11.016 18.8573 12.6064C16.0947 11.0524 13.5291 9.12319 11.2869 6.89159C10.4542 6.06279 9.65241 5.18079 8.90128 4.26519L8.7156 4.03839C7.85193 4.56199 7.05297 5.17799 6.32715 5.86679L6.44812 5.98719Z" fill="#F5F5F5"/>
<path d="M6.44812 5.98721C9.18822 8.70321 13.5656 11.016 18.8573 12.6064C16.0947 11.0524 13.5291 9.12321 11.2869 6.89161C10.4542 6.06281 9.65241 5.18081 8.90128 4.26521L8.7156 4.03841C7.85193 4.56201 7.05297 5.17801 6.32715 5.86681L6.44812 5.98721Z" fill="#F5F5F5"/>
<path d="M12.7694 26.5896C12.0239 27.3315 11.3037 28.1213 10.6313 28.9333C12.2912 29.6192 14.1141 30 16.0243 30C23.2572 30 29.21 24.5653 30.0006 17.5763C23.4654 18.7579 17.5068 21.8744 12.7722 26.5869L12.7694 26.5896Z" fill="#F5F5F5"/>
<path d="M11.5594 12.01C8.89526 10.6856 6.68686 9.16523 4.99048 7.49363L4.91453 7.41803C3.26315 9.52923 2.21099 12.1248 2 14.9556H19.4619C16.5726 14.1688 13.8944 13.172 11.5566 12.0072L11.5594 12.01Z" fill="#F5F5F5"/>
<path d="M11.5594 12.01C8.89526 10.6856 6.68686 9.1652 4.99048 7.4936L4.91453 7.418C3.26315 9.5292 2.21099 12.1248 2 14.9556H19.4619C16.5726 14.1688 13.8944 13.172 11.5566 12.0072L11.5594 12.01Z" fill="#F5F5F5"/>
</g>
<defs>
<clipPath id={id}>
<rect width="32" height="32" fill="white"/>
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</Svg>
Expand Down