1.1.264 • Published 9 months ago

@fluentui/svg-icons v1.1.264

Weekly downloads
215
License
MIT
Repository
github
Last release
9 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

9 months ago

1.1.263

9 months ago

1.1.262

9 months ago

1.1.261

9 months ago

1.1.260

9 months ago

1.1.259

10 months ago

1.1.258

10 months ago

1.1.257

10 months ago

1.1.256

11 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

11 months ago

1.1.253

11 months ago

1.1.252

12 months ago

1.1.251

12 months ago

1.1.250

12 months ago

1.1.255

11 months 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

1 year ago

1.1.230

1 year ago

1.1.228

1 year ago

1.1.227

1 year ago

1.1.226

1 year ago

1.1.225

1 year 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

2 years ago

1.1.193

2 years ago

1.1.192

2 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

3 years ago

1.1.160

3 years ago

1.1.155

3 years ago

1.1.159

3 years ago

1.1.158

3 years ago

1.1.157

3 years ago

1.1.156

3 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

4 years ago

1.1.98

4 years ago

1.1.97

4 years ago

1.1.96

4 years ago

1.1.95

4 years ago

1.1.94

4 years ago