@blueprintjs/core/src/_icons.scss

// Copyright 2015 Palantir Technologies, Inc. All rights reserved.
// Licensed under the BSD-3 License as modified (the “License”); you may obtain a copy
// of the license at https://github.com/palantir/blueprint/blob/master/LICENSE
// and https://github.com/palantir/blueprint/blob/master/PATENTS

@import "common/icons";

/*
Icons

Weight: 3

Styleguide icons
*/

/*
UI icons

Blueprint UI icons are implemented via an icon font. They can be used anywhere text is
used. It's easy to change their color or apply effects like text shadows via standard CSS properties.

To use Blueprint UI icons, you need to apply two classes to a `<span>` element:
- a __sizing class__, either `pt-icon-standard` (16px) or `pt-icon-large` (20px)
- an icon __identifier class__, such as `pt-icon-projects`

```html
<span class="pt-icon-standard pt-icon-projects"></span>
```

<div class="pt-callout pt-intent-primary pt-icon-info-sign">
  <h5>Non-standard sizes</h5>
  Generally, icons should only be used at either 16px or 20px. However if a non-standard size is necessary,
  set a `font-size` that is whole multiple of 16 or 20 with the relevant size class.
  You can instead use the class `pt-icon` to make the icon inherit its size from surrounding text.
</div>

@react-docs Icons

Weight: -1

Styleguide icons.ui
*/

#{$icon-classes} {
  display: inline-block;
  color: $pt-icon-color;

  .pt-dark & {
    color: $pt-dark-icon-color;
  }
}

span.pt-icon-standard {
  @include pt-icon($pt-icon-size-standard);
}

span.pt-icon-large {
  @include pt-icon($pt-icon-size-large);
}

span.pt-icon {
  line-height: 1;
  font-family: $icons20-family;
  font-size: inherit;
  font-weight: 400;
  font-style: normal;

  &::before {
    @include pt-icon-font-smoothing();
  }
}

@each $name, $content in $icons {
  .pt-icon-#{$name}::before {
    content: $content;
  }
}