generate custom widget glyph icon using Sass : loop , mixin , map

custom widget glyph icon

@mixin sidebar-title-icon($content){
        .widget-title{
            &::before{
                font-family: "Ionicons";
                content: $content;
                display: inline-block;
                margin: 0 10px 0 0;
            }
        }    
}
    $widgets : (
    "archive":"\f134",
    "tag_cloud":"\f377",
    "categories":"\f26c", 
    "search":"\f4a5", 
    "calendar":"\f3f4",
    "recent_comments":"\f11e",
    "text":"\f12e", 
    "nav_menu":"\f394", 
    "recent_entries":"\f37e", 
    "meta":"\f48d",
    "pages":"\f381") ;
    
    @each $widget , $glyph in $widgets{
        .widget_#{$widget}{
            @include sidebar-title-icon($glyph);
        }
    }