+1

assets/icons/person_filled_corner2_rounded.svg

reviewed

··· 1 1 + <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" d="M12.233 2a4.433 4.433 0 1 0 0 8.867 4.433 4.433 0 0 0 0-8.867Zm0 10.133c-3.888 0-6.863 2.263-8.071 5.435-.346.906-.11 1.8.44 2.436.535.619 1.36.996 2.25.996h10.762c.89 0 1.716-.377 2.25-.996.55-.636.786-1.53.441-2.436-1.208-3.173-4.184-5.435-8.072-5.435Z"/></svg>

+2 -2

src/components/ProgressGuide/List.tsx

reviewed

··· 17 17 import {UserAvatar} from '#/view/com/util/UserAvatar' 18 18 import {atoms as a, useBreakpoints, useLayoutBreakpoints, useTheme} from '#/alf' 19 19 import {Button, ButtonIcon} from '#/components/Button' 20 20 - import {Person_Filled as PersonIcon} from '#/components/icons/Person' 20 20 + import {Person_Filled_Corner2_Rounded as PersonIcon} from '#/components/icons/Person' 21 21 import {TimesLarge_Stroke2_Corner0_Rounded as Times} from '#/components/icons/Times' 22 22 import {Text} from '#/components/Typography' 23 23 import type * as bsky from '#/types/bsky' ··· 133 133 const visiblePortions = TOTAL_AVATARS - overlapRatio * (TOTAL_AVATARS - 1) 134 134 const avatarSize = containerWidth > 0 ? containerWidth / visiblePortions : 0 135 135 const overlap = avatarSize * overlapRatio 136 136 - const iconSize = avatarSize * 0.45 136 136 + const iconSize = avatarSize * 0.5 137 137 138 138 const followedAvatars = follows?.slice(0, TOTAL_AVATARS) ?? [] 139 139 const remainingSlots = TOTAL_AVATARS - followedAvatars.length

+2 -3

src/components/icons/Person.tsx

reviewed

··· 37 37 path: 'M8 5a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM4 7a4 4 0 1 1 8 0 4 4 0 0 1-8 0Zm13-1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm-3.5 1.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0Zm7.301 9.7c-.836-2.6-2.88-3.503-4.575-3.111a1 1 0 0 1-.451-1.949c2.815-.651 5.81.966 6.93 4.448a2.49 2.49 0 0 1-.506 2.43A2.92 2.92 0 0 1 20 20h-2a1 1 0 1 1 0-2h2a.92.92 0 0 0 .69-.295.49.49 0 0 0 .112-.505ZM8 14c-1.865 0-3.878 1.274-4.681 4.151a.57.57 0 0 0 .132.55c.15.171.4.299.695.299h7.708a.93.93 0 0 0 .695-.299.57.57 0 0 0 .132-.55C11.878 15.274 9.865 14 8 14Zm0-2c2.87 0 5.594 1.98 6.607 5.613.53 1.9-1.09 3.387-2.753 3.387H4.146c-1.663 0-3.283-1.487-2.753-3.387C2.406 13.981 5.129 12 8 12Z', 38 38 }) 39 39 40 40 - export const Person_Filled = createSinglePathSVG({ 41 41 - viewBox: '0 0 14 16', 42 42 - path: 'M6.5 0C4.567 0 3 1.567 3 3.5C3 5.433 4.567 7 6.5 7C8.43301 7 10 5.433 10 3.5C10 1.567 8.43301 0 6.5 0Z M6.50002 8C3.43062 8 1.08148 9.78593 0.127626 12.2902C-0.145062 13.0062 0.0416292 13.7118 0.475104 14.2134C0.897533 14.7023 1.54964 15 2.25212 15H10.7479C11.4503 15 12.1024 14.7023 12.5249 14.2134C12.9584 13.7118 13.145 13.0062 12.8724 12.2902C11.9185 9.78593 9.56941 8 6.50002 8Z', 40 40 + export const Person_Filled_Corner2_Rounded = createSinglePathSVG({ 41 41 + path: 'M12.233 2a4.433 4.433 0 1 0 0 8.867 4.433 4.433 0 0 0 0-8.867ZM12.233 12.133c-3.888 0-6.863 2.263-8.071 5.435-.346.906-.11 1.8.44 2.436.535.619 1.36.996 2.25.996h10.762c.89 0 1.716-.377 2.25-.996.55-.636.786-1.53.441-2.436-1.208-3.173-4.184-5.435-8.072-5.435Z', 43 42 })