1.1.264 • Published 10 months ago

@fluentui/svg-icons v1.1.264

Weekly downloads
215
License
MIT
Repository
github
Last release
10 months ago

Fluent UI System Icons (svg)

This package provides the Fluent UI System Icons as optimized plain svg assets.

Installation

npm install @fluentui/svg-icons

Usage

The library offers icons in SVG format; the icon names are structured as:

[name]_[size]_[style]

  • name - Name of the icon from assets that is all lowercased and underscore separated.
  • size - Size of the icon that is one of 16/20/24/28/48. Note that some icons do not have all sizes available yet. Our designers are working to add missing ones to complete the collection.
  • style - Style of the icon that is one of regular, filled. See the section below for details.

Icon styles

The library offers icons in two styles, regular and filled

regularfilled
mail_24_regularmail_24_filled

Implementation

A common use case is to use svg-inline-loader in your Webpack config.

npm install svg-inline-loader --save-dev

webpack.js:

module.exports = {
    resolve: {
        extensions: [".svg"],
    },
    module: {
        rules: [
            {
                test: /\.svg$/,
                use: [
                    {
                        loader: "svg-inline-loader",
                        options: {
                            removeSVGTagAttrs: false,
                        },
                    },
                ],
            }
        ]
    }
};

Then reference an icon on a page.

Using template literal:

import AddIcon from "@fluentui/svg-icons/icons/add_20_filled.svg";

`<div>${AddIcon}</div>`

Or require:

var icon = require('@fluentui/svg-icons/icons/add_20_filled.svg');
1.1.264

10 months ago

1.1.263

10 months ago

1.1.262

10 months ago

1.1.261

11 months ago

1.1.260

11 months ago

1.1.259

11 months ago

1.1.258

12 months ago

1.1.257

12 months ago

1.1.256

12 months ago

1.1.243

1 year ago

1.1.242

1 year ago

1.1.241

1 year ago

1.1.249

1 year ago

1.1.248

1 year ago

1.1.247

1 year ago

1.1.246

1 year ago

1.1.245

1 year ago

1.1.244

1 year ago

1.1.254

1 year ago

1.1.253

1 year ago

1.1.252

1 year ago

1.1.251

1 year ago

1.1.250

1 year ago

1.1.255

1 year ago

1.1.240

1 year ago

1.1.239

1 year ago

1.1.238

1 year ago

1.1.237

1 year ago

1.1.236

1 year ago

1.1.235

1 year ago

1.1.234

1 year ago

1.1.233

1 year ago

1.1.232

1 year ago

1.1.231

1 year ago

1.1.229

2 years ago

1.1.230

2 years ago

1.1.228

2 years ago

1.1.227

2 years ago

1.1.226

2 years ago

1.1.225

2 years ago

1.1.224

2 years ago

1.1.219

2 years ago

1.1.221

2 years ago

1.1.220

2 years ago

1.1.223

2 years ago

1.1.222

2 years ago

1.1.218

2 years ago

1.1.217

2 years ago

1.1.216

2 years ago

1.1.215

2 years ago

1.1.214

2 years ago

1.1.213

2 years ago

1.1.212

2 years ago

1.1.198

2 years ago

1.1.197

2 years ago

1.1.196

2 years ago

1.1.195

2 years ago

1.1.194

3 years ago

1.1.193

3 years ago

1.1.192

3 years ago

1.1.188

3 years ago

1.1.187

3 years ago

1.1.186

3 years ago

1.1.189

3 years ago

1.1.191

3 years ago

1.1.190

3 years ago

1.1.185

3 years ago

1.1.184

3 years ago

1.1.183

3 years ago

1.1.182

3 years ago

1.1.181

3 years ago

1.1.177

3 years ago

1.1.176

3 years ago

1.1.175

3 years ago

1.1.174

3 years ago

1.1.173

3 years ago

1.1.179

3 years ago

1.1.178

3 years ago

1.1.172

3 years ago

1.1.171

3 years ago

1.1.170

3 years ago

1.1.169

3 years ago

1.1.168

3 years ago

1.1.167

3 years ago

1.1.166

3 years ago

1.1.165

3 years ago

1.1.164

3 years ago

1.1.163

3 years ago

1.1.162

3 years ago

1.1.161

4 years ago

1.1.160

4 years ago

1.1.155

4 years ago

1.1.159

4 years ago

1.1.158

4 years ago

1.1.157

4 years ago

1.1.156

4 years ago

1.1.154

4 years ago

1.1.153

4 years ago

1.1.149

4 years ago

1.1.152

4 years ago

1.1.151

4 years ago

1.1.150

4 years ago

1.1.147

4 years ago

1.1.145

4 years ago

1.1.144

4 years ago

1.1.143

4 years ago

1.1.142

4 years ago

1.1.141

4 years ago

1.1.140

4 years ago

1.1.139

4 years ago

1.1.138

4 years ago

1.1.137

4 years ago

1.1.136

4 years ago

1.1.135

4 years ago

1.1.134

4 years ago

1.1.133

4 years ago

1.1.132

4 years ago

1.1.131

4 years ago

1.1.129

4 years ago

1.1.128

4 years ago

1.1.127

4 years ago

1.1.126

4 years ago

1.1.130

4 years ago

1.1.122

4 years ago

1.1.121

4 years ago

1.1.120

4 years ago

1.1.125

4 years ago

1.1.124

4 years ago

1.1.123

4 years ago

1.1.118

4 years ago

1.1.117

4 years ago

1.1.116

4 years ago

1.1.115

4 years ago

1.1.114

4 years ago

1.1.113

4 years ago

1.1.112

4 years ago

1.1.111

4 years ago

1.1.109

4 years ago

1.1.110

4 years ago

1.1.108

4 years ago

1.1.107

4 years ago

1.1.106

4 years ago

1.1.105

4 years ago

1.1.104

4 years ago

1.1.103

4 years ago

1.1.102

4 years ago

1.1.100

4 years ago

1.1.101

4 years ago

1.1.99

5 years ago

1.1.98

5 years ago

1.1.97

5 years ago

1.1.96

5 years ago

1.1.95

5 years ago

1.1.94

5 years ago