Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@hashicorp/flight-icons

hashicorp105.8kMPL-2.03.13.0TypeScript support: included

Flight: HashiCorp SVG icon set

hashicorp, icon, svg, flight

readme

<picture> <source media="(prefers-color-scheme: dark)" srcset="https://github.com/hashicorp/design-system/assets/788096/5d6969b7-f8b4-4ad3-9ece-b16b4527522e" width="300"> <source media="(prefers-color-scheme: light)" srcset="https://github.com/hashicorp/design-system/assets/788096/8e278094-427f-40cc-912f-9ccd3a0ff879" width="300"> Helios Design System </picture>

The Helios Design System provides the building blocks to design and implement consistent, accessible, and delightful product experiences across HashiCorp.

Usage

For guidelines on how to use Helios, see our documentation website.

Release notes

A changelog for code and Figma changes is kept on the Helios website

Packages

packages/components npm version

Design System components in Ember.js

packages/flight-icons npm version

Flight icons in different formats (SVG/SVG Sprite/React)

  • npm package: @hashicorp/flight-icons
  • more info: see flight-icons/README and flight-icons/CONTRIBUTING for details on how to use the "sync/build" scripts that export the assets from Figma and generate a bundle of standalone SVG files.

packages/tokens npm version

Design tokens

Contributing

Workspaces

This monorepo uses pnpm workspaces to manage dependencies for all packages.

Adding new packages

Run this command from the monorepo root:

pnpm -F <workspace-npm-package> add --dev <npm-package>

e.g. pnpm -F @hashicorp/design-system-components add --dev ember-cli-flash

Using ember install in the monorepo

Run this command from the monorepo root:

pnpm -F <workspace-npm-package> run ember install <npm-package>

e.g. pnpm -F @hashicorp/design-system-components run ember install ember-a11y-refocus

Changesets

This project uses changesets to manage how changes will be released. Each user-facing change to a package should come with a changeset for each package that has changed.

To create a changeset, run and follow the prompts in your terminal:

pnpm changeset

See the changeset docs for more information.

Note: If you want to ignore a changeset bump in terminal (e.g. major bump for selected "package x" is N/A, want a patch release), press return on the command line to skip that step. Press the spacebar to select that step.

Releasing

See the release docs for the process we follow to publish a new package version.

License

This project is licensed under the Mozilla Public License 2.0.

Versioning

We use SemVer for versioning.

changelog

@hashicorp/flight-icons

3.13.0

Minor Changes

pin-off icon added.

#3120

3.12.0

Minor Changes

move-horizontal and resize-column icons added.

#2972

3.11.1

Patch Changes

Removed extra space in PingID name, and updated description.

#2959

3.11.0

Minor Changes

start, end, and text-wrap icons added. Fixed the vertical alignment of top and bottom.

#2917

3.10.0

Minor Changes

duo and ping-identity service icons added.

#2782

3.9.0

Minor Changes

confluence and confluence-color icons added.

#2635

3.8.0

Minor Changes

Postgres service icon added.

#2563

3.7.0

Minor Changes

Confluent icon added

#2505

Updated okta and okta-color to reflect updated branding.

#2489

3.6.0

Minor Changes

bucket icon added.

#2424

3.5.0

Minor Changes

mongodb and twilio icons have been added.

#2260

3.4.0

Minor Changes

service-now and pager-duty icons added.

#2191

Patch Changes

search icon (16px only) has been increased in size to better fit within the bounding box and more closely align with other icons of the same size

#2175

3.3.0

Minor Changes

vagrant, vagrant-color, vagrant-fill, vagrant-fill-color, vagrant-square, vagrant-square-color icons were updated per brand changes.

#2144

3.2.0

Minor Changes

Added two icon logos: minio and git.

#2058

sparkle icon added

#2081

3.1.0

Minor Changes

Reorganized the icons within the "Core" icon set into 16 more descriptive categories.

#1986

Patch Changes

Added "category" to the icons' metadata in the catalog.json file.

#1967

3.0.0

Major Changes

vagrant, vault-radar, and vault-secrets icons have been updated. Also added boxed versions of all product logos.

#1927

2.25.0

Minor Changes

vault-radar icons added. vault-secrets icons updated per Brand guidance.

#1901

2.24.0

Minor Changes

rabbitmq, openid, jwt, meetup, and transform-data icons added.

#1873

2.23.0

Minor Changes

accessibility, channel, minus-circle-fill, plus-circle-fill icons added. Fixed the size and position of the plus-circle icon.

#1839

2.22.0

Minor Changes

Added IconName type to iconNames export

#1776 - Thanks @dstaley for the contribution! 🙏

2.21.0

Minor Changes

Added static SVG sprite sheet file

#1763 - Thanks @dstaley for the contribution! 🙏

2.20.0

Minor Changes

Added "static" version of the animated icons:

  • loading-static
  • running-static

Added new set of icons for Google services:

  • google-docs
  • google-forms
  • google-slides
  • google-sheets
  • google-drive

#1657

2.19.0

Minor Changes

Added Vault Secrets icon.

#1638

2.18.0

Minor Changes

Added Vercel and Jira icons

#1585

Added twitter-x icon, and older twitter icon. Also the aws-cdk and jfrog icons.

#1610

2.17.0

Minor Changes

Added new clipboard-x icon

#1532

2.16.0

Minor Changes

Added elastic-observability and new-relic icons

#1515

2.15.0

Minor Changes

Added Venafi service icon

#1487

2.14.0

Minor Changes

Added robot icon (for Service Principals)

#1428

2.13.1

Patch Changes

Fix color for connection-gateway icon

#1420

2.13.0

Minor Changes

Added ampersand icon

#1412

2.12.0

Minor Changes

Remove unnused icons as CSS props

#727

Notice: as an exception, we are releasing this change as minor instead of major for the reason that no one is actually using these files.

Added figma and loom icons

#689

2.11.1

Patch Changes

2.11.0

Minor Changes

2.10.0

Minor Changes

2.9.0

Minor Changes

  • #524 f2b3398e Thanks @hashibot-hds!
    • Add service icons for azure-aks
    • Update css exports to include recently added service icons

2.8.0

Minor Changes

  • #481 c8221e26 Thanks @hashibot-hds! - Add new Service icons to Flight
    • aws-cloudwatch
    • aws-cloudwatch-color
    • aws-s3
    • aws-s3-color
    • azure-aks
    • azure-aks-color
    • azure-blob-storage
    • azure-blob-storage-color
    • azure-vms
    • azure-vms-color
    • bridgecrew
    • bridgecrew-color
    • cisco
    • cisco-color
    • datadog
    • datadog-color
    • digital-ocean
    • digital-ocean-color
    • grafana
    • grafana-color
    • helm
    • helm-color
    • infracost
    • infracost-color
    • lightlytics
    • lightlytics-color
    • linode
    • linode-color
    • microsoft-teams
    • microsoft-teams-color
    • saml
    • saml-color
    • snyk
    • snyk-color
    • splunk
    • splunk-color
    • vantage
    • vantage-color

2.7.0

Minor Changes

  • #468 c2f2e4ce Thanks @didoo! - Updated Flight icons pipeline to distribute assets as CSS props (mainly for Consul)

2.6.0

Minor Changes

2.5.0

Minor Changes

2.4.0

Minor Changes

2.3.1

Patch Changes

2.3.0

Minor Changes

2.2.0

Minor Changes

  • #131 8e58c10b Thanks @didoo! - Added new icons “alert-diamond” + “alert-diamond-fill” + “closed-caption” + “info-fill”