svg.m3.m3-svg-icon
    $sizes: [12px, 16px, 20px, 24px, 28px, 32px, 36px, 40px, 48px]
    $types: ["Outlined", "Rounded", "Sharp"]

    & > text
        text-anchor: middle
        dominant-baseline: middle
        alignment-baseline: middle

    @each $size in $sizes
        & > text.m3-size-#{$size}
            width: $size
            aspect-ratio: 1
            line-height: $size
            font-size: $size

    @each $type in $types
        & > text.m3-#{$type}
            font-family: Material-Symbols-#{$type}-Regular