Skip to content
No description, website, or topics provided.
PHP JavaScript HTML CSS Pascal ColdFusion Other
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Apoio/_notes
Connections
Templates
a
agenda
backup/_notes
ckeditor
ckeditor_old
colaboradores
corporativo
css
figuras
fonts
fpdf
iconfont
imagens
jgraph
js
less
metadata
projetos
referencias
sad
scripts
scss
sprites
svgs
treinamento
webfonts
wiki
.editorconfig
.gitignore
AcessoNegado.php
CREDITS.md
LICENSE
Logo30Anos.png
README.md
Sadzinho.jpg
TESTE.PHP
V_index.php
_config.yml
_teste.php
arquivo.php
arquivo_cadastro.php
bloqueado.php
cabeca.php
cssSAD.css
doalteraequip.php
estatisticas.php
index.php
inicio.php
login.php
master.php
masterintra.php
package-lock.json
package.json
phpinfo.php
quadrodechaves.php
robots.txt
site.php
statgraphs.php
teste.jpg
testebg.jpg
testee.php
testeee.php
user.jpg
user.png
verifica.php

README.md

# Material Icons

Material design icon font and CSS framework for self hosting the icons.

> **Note:** This package contains only the icon font and required CSS. So it is considerably small compared to the official `material-design-icons` package and easy to install.

## Installation

Download the [latest release] or install using npm:

```
npm install material-icons
```

## Usage

Font files are present in the [`iconfont`][iconfont] directory and can be imported using CSS.

Import CSS:

```html
<link rel="stylesheet" href="/path/to/material-icons/iconfont/material-icons.css">
```

To display an icon, use:

```html
<span class="material-icons">face</span>
```

To customize the build, import Sass instead of CSS:

```scss
@import 'material-icons/iconfont/material-icons.scss';
```

If you are using webpack sass-loader, use:

```scss
$material-icons-font-path: '~material-icons/iconfont/';

@import '~material-icons/iconfont/material-icons.scss';
```

Available Sass variables:

```scss
$material-icons-codepoints: () !default; /* Sass map of icon names and codepoints */
$material-icons-font-path: '' !default;
$material-icons-font-name: 'MaterialIcons-Regular' !default;
$material-icons-font-size: 24px !default;
$material-icons-font-family: 'Material Icons' !default;
```

Available Sass mixins:

```scss
.material-icons {
  @include material-icons();
}
```

## CSS Classes (Optional)

Alternatively, you may use CSS classes to display an icon.

> **Note:** This method is not recommended as it requires a large CSS file to be imported in addition to above files. Also it might not work with some icons as Google hasn't updated codepoints for new icons.

Import CSS:

```html
<link rel="stylesheet" href="/path/to/material-icons/css/material-icons.min.css">
```

To display an icon, use:

```html
<span class="mi mi-face"></span>
```

To customize the build, import Sass instead of CSS:

```scss
@import 'material-icons/css/material-icons.scss';
```

If you are using webpack sass-loader, use:

```scss
@import '~material-icons/css/material-icons.scss';
```

Available Sass variables:

```scss
$material-icons-css-prefix: 'mi' !default;
$material-icons-css-search: '_' !default;
$material-icons-css-replace: '-' !default; /* To replace '_' with '-' in CSS class names */
```

Available Sass mixins:

```scss
.mi-face {
  @include material-icon('face');
}
```

## Available Icons

See <a href="https://material.io/icons/" target="_blank" rel="nofollow">material design icons</a>.

[latest release]: https://github.com/marella/material-icons/releases
[iconfont]: https://github.com/marella/material-icons/tree/master/iconfont
# sad

You can’t perform that action at this time.