slightly smaller svg icon

grafana-plugin/src/containers/ScheduleSlot/ScheduleSlot.module.css

@@ -83,4 +83,4 @@
 .is-oncall-icon {
   color: var(--oncall-icon-stroke-color);
   margin-left: -2px;
-}
+}

grafana-plugin/src/containers/UsersTimezones/UsersTimezones.tsx

@@ -287,7 +287,9 @@ const AvatarGroup = (props: AvatarGroupProps) => {
                 width={35}
                 height={35}
                 renderAvatar={() => <Avatar src={user.avatar} size="large" />}
-                renderIcon={() => (isOncall ? <IsOncallIcon className={cx('is-oncall-icon')} /> : null)}
+                renderIcon={() =>
+                  isOncall ? <IsOncallIcon className={cx('is-oncall-icon')} width={14} height={13} /> : null
+                }
               ></ScheduleBorderedAvatar>
             </div>
           </Tooltip>

grafana-plugin/src/icons/index.tsx

@@ -247,16 +247,20 @@ export const ExpandIcon = (props: IconProps) => {
 
 interface IsOncallIconProps {
   className: string;
+  width?: number;
+  height?: number;
 }
 
 export const IsOncallIcon = (props: IsOncallIconProps) => {
   const { className } = props;
+  const width = props.width || 17;
+  const height = props.height || 16;
 
   return (
     <svg
       className={className}
-      width="17"
-      height="16"
+      width={width}
+      height={height}
       viewBox="0 0 17 16"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"