justin/hpe-branding
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial mirror of the HPE Design System

Browse Source 
Readable mirror of https://design-system.hpe.design, sourced from
github.com/grommet/hpe-design-system (Apache-2.0) at commit 567c4d5
(2026-07-16).

The upstream site is a client-rendered Next.js export with no sitemap; it
returns a 1.5 KB empty shell to curl. This repo is the same guidance in plain
Markdown with every value resolved, plus the assets checked in.

Docs: scope and authority model, brand foundations with resolved color and
spacing tables, the design token tiers and version map, UI copy rules,
accessibility conformance and the responsibility split, the component and
template inventory, and an adoption/review checklist.

Assets: 452 SVG icons, 5 HPE and Aruba word-marks, 282 documentation graphics.

HOWTO-mirror-the-design-system.md is a verified runbook for rebuilding this
from scratch against a newer upstream.

Colors were resolved programmatically, not transcribed: token JSON stores
references, not values.

Apache-2.0 upstream. Note that it covers copyright, not trademark; Brand
Central remains authoritative for the HPE marks.
This commit is contained in:
claude
2026-07-30 08:34:50 -04:00
commit 0730557624
752 changed files with 8423 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
01-what-it-is.md
+112
View File
@@ -0,0 +1,112 @@
# 01 — What the HPE Design System is
## The short version
An open-source library of UI components, design tokens, page templates, and
written guidance, published so that HPE software looks and reads like one
company. It is maintained in public on GitHub and documented at
`design-system.hpe.design`.
It is built on Grommet, a React component library. HPE's brand styling is
applied to Grommet through a theme package, and the same styling is published
separately as tech-agnostic design tokens for teams that do not use React.
## What ships
Everything lives in one pnpm monorepo, `grommet/hpe-design-system`, under the
Apache-2.0 license. Published artifacts as of 2026-07-30:
| Package | Version | What it is |
| --- | --- | --- |
| `hpe-design-tokens` | 2.2.3 | The design tokens, in multiple output formats |
| `@hpe-design/icons-grommet` | 1.2.0 | The HPE icon set as React components |
| `@hpe-design/icons-svg` | 0.2.0 | The same icons as raw SVG |
| `hpe-design-system-codemods` | 0.2.1 | Automated migrations between versions |
Two related packages live outside this repo:
- `grommet` — the underlying component library (v2, `v2.grommet.io`)
- `grommet-theme-hpe` — the HPE theme for Grommet
(`github.com/grommet/grommet-theme-hpe`)
The pairing matters: `grommet-theme-hpe` v8.x carries `hpe-design-tokens` v2.
See `03-design-tokens.md` for the full version map.
## What the documentation site contains
Doc page counts, read from the repo on 2026-07-30:
| Area | Pages | Purpose |
| --- | --- | --- |
| `foundation/` | 20 | Brand, color, typography, spacing, icons, accessibility, voice and tone |
| `design-tokens/` | 11 | Token model, naming, versioning, consumption |
| `components/` | 48 | One page per component, plus an `all-components` index |
| `templates/` | 27 | Multi-component patterns (dashboards, wizards, forms, navigation) |
| `learn/` | 4 | Tutorials (grid fundamentals, the box model, toolbar and datatable how-tos) |
The site is a Next.js static export hosted on Netlify. It renders entirely in
the browser, publishes no sitemap, and returns 404 on `robots.txt`. Fetching a
page with `curl` gets you a 1.5 KB shell and no content. To read it
programmatically, read the MDX in the GitHub repo instead.
## The stated philosophy
Three pillars, quoted from `foundation/philosophy-and-principles`:
- Human-centered design
- A common design language
- Collaboration and community
Four design principles, each with concrete sub-rules on the page:
1. **Focus on the experience.** Consider the use cases; simplify end to end.
2. **Simplify.** Reduce visual and cognitive overload; understand why each
element is needed.
3. **Be intuitive.** Use common UI paradigms and consistent terminology; make
designs self-documenting so users do not need the help docs.
4. **Lead people to success.** Show only choices that apply to the current
context; order fields most-common-first; reveal fields only when they apply;
add safeguards against destructive mistakes.
The principles page states they apply to "anyone authoring or authorizing any
form of design on behalf of HPE," which includes people who are not designers.
## Authoritative vs advisory
This distinction comes up in reviews, so it is worth being precise.
- **Brand Central** (`brandcentral.hpe.com`) owns the corporate brand: logo
files, logo usage rules, the master color specification, typography files,
photography. Logo usage is governed by the HPE Terms of Use.
- **The Design System** owns the digital product expression of that brand. It
says explicitly that its "color palette and guidance differ from Brand
Central," that the difference is deliberate, that it was made in partnership
with HPE Brand, and that product teams should "prioritize the HPE Design
System palette when selecting colors for app or web experiences."
So for a shipping software UI, the Design System is the operative reference.
For a logo lockup, a printed asset, or anything marketing-facing, Brand Central
governs.
## How to get help or contribute
- Slack channel `#hpe-design-system`, on both `grommet.slack.com` (public
Grommet workspace) and the HPE enterprise Slack.
- Designers request access to the HPE Design System Figma team by creating a
Figma account with an HPE email address, then requesting to join the team
from the HPE icon in the Figma sidebar.
- The repo carries a `knowledge/` directory it describes as "the AI-first
knowledge system for the HPE Design System": agent orchestrators for
contributing to the design system itself. Six capabilities are listed
(docs refactor, component creation, pattern creation, design-tokens
publishing, package release, alignment audit), but only **docs-refactor** is
marked active. The rest are planned stubs.
## Open questions
- Is `grommet.slack.com` reachable from an HPE account without a separate
signup, or is the HPE enterprise Slack channel the practical route?
- Does the design system team take intake from product teams for new
components, and what is the lead time?
- Who owns the design system inside HPE (which org, which VP)? The docs name a
Slack channel but no owning organization.
02-brand-foundations.md
+217
View File
@@ -0,0 +1,217 @@
# 02 — Brand foundations
Concrete values, so a review question can be settled without opening the site.
## Logo and the Element
HPE has two marks that matter for software.
**The HPE logo** (the full word-mark) is for establishing the brand in layouts
with less dense content. Place it top-left or bottom-left. The docs state
neither placement is preferred over the other.
**The Element** (the green symbol alone) is the one that governs product UI:
> Always use the HPE Element at the top-left of your service or product
> experience. To ensure consistency across HPE, the Element should always be
> accompanied by the company name and product/service name. Do not veer from
> the layout and spacing of the elements.
Three rules fall out of that, and they are the ones a product UI most often
breaks:
1. Element top-left, not centered, not right.
2. Element alone is not enough. Company name plus product name must appear
with it.
3. The lockup spacing is fixed. Do not re-space it.
Both marks have a positive and a reversed (dark background) variant:
`HPE_logo_full-clr_pos_rgb.svg` and `HPE_logo_full-clr_rev_rgb.svg`.
All brand element usage is subject to the HPE Terms of Use. Logo files and the
full usage rules are on Brand Central, not in the design system.
HPE Aruba Networking has its own word-mark rules, also on Brand Central.
## HPE GreenLake badge: retired
As of the current docs, the existing HPE GreenLake badge is **retired and must
not be added to any new material**. GreenLake is described as launching a new
brand "later this year" with a new logo, visual identity, messaging, and naming
updates. Until then, existing GreenLake materials are frozen: make no changes.
This is a live constraint. Any new UI that would have carried a GreenLake badge
should not add one.
## Color
### The rule
Do not put hex values in a product UI. Apply semantic tokens. The docs give
four reasons, and they are all practical rather than stylistic:
- Alignment with the current theme, which changes without your involvement
- Accessibility contrast is already solved in the token pairs
- Light and dark mode switching works for free
- A theme update propagates by version bump instead of a find-and-replace
### HPE green
The brand green is primitive token `base.color.green.600`, value **`#01a982`**.
Its semantic name is `color.decorative.brand`. That is the green people mean
when they say "HPE green."
Note that the *brand* green is not the *primary action* green. Interactive
primary surfaces use a darker value in light mode and a brighter one in dark
mode, for contrast reasons:
| Purpose | Light mode | Dark mode |
| --- | --- | --- |
| `color.decorative.brand` | `green.600` `#01a982` | `green.600` `#01a982` |
| `color.background.primary.strong` (rest) | `green.700` `#068667` | `green.550` `#05cc93` |
| `color.background.primary.strong` (hover) | `green.800` `#006750` | `green.500` `#00e0af` |
| `color.text.primary` / `color.icon.primary` | `green.800` `#006750` | `green.550` `#05cc93` |
The full green ramp: 100 `#d1ffee`, 125 `#aafade`, 400 `#00e0af`, 450 `#66ebcf`,
500 `#00e0af`, 550 `#05cc93`, 600 `#01a982`, 650 `#009a71`, 700 `#068667`,
800 `#006750`, 900 `#074738`, 1000 `#093d32`.
### Surface and text values
| Token | Light | Dark |
| --- | --- | --- |
| `color.background.back` | `#f7f7f7` | `#1d1f27` |
| `color.background.front` | `#ffffff` | `#292d3a` |
| `color.background.floating` | `#ffffff` | `#22252e` |
| `color.text.default` | `#3e4550` | `#e6e8e9` |
| `color.text.strong` / `color.text.heading` | `#292d3a` | `#ffffff` |
| `color.text.weak` | `#606a70` | `#b1b9be` |
| `color.border.default` | `#b1b9be` | white at 36% opacity |
Layering convention: start a product on `background.back`, layer surfaces with
`background.front`, and use `background.floating` for elevated surfaces. Prefer
a contrast background over a border when separating dense regions, because a
border adds visual noise that a background change does not.
`color.background.screenOverlay` dims inactive content behind a center layer,
side drawer, or dialog.
### The eight color families
Background, border, text, icon, decorative, data visualization, foreground,
status. Each has a defined job:
- **Decorative** carries brand and accent but never status. Do not substitute a
decorative color for a status color.
- **Data visualization** is a categorical palette built to be distinguishable
and colorblind-friendly. Use it in series order, starting at the first token.
Consolidate thin series into an "other" bucket with drill-down rather than
extending the palette.
- **Foreground** fills quantitative regions: meters, progress bars, indicators.
- **Status** covers critical, warning, ok, informational, unknown. Use it only
where it carries meaning, and always pair it with an icon or a label.
### Two accessibility rules on color
1. **Pairing.** Strong background colors require the `onStrong` text and icon
tokens. Getting this wrong is the most common contrast failure.
2. **Never color alone.** Anything conveyed by color must also be conveyed by a
text label, an icon, a pattern, or an underline.
## Typography
The typeface is **HPE Graphik**, with **GraphikXXCondensed** as a condensed
companion. Digital experiences use Light, Regular, Medium, Semibold, and Bold.
Weight tokens: thin 100, light 300, regular 400, medium 500, semibold 600,
bold 700, black 900.
### Font delivery
Point at the web-hosted fonts so users get the current version. The CDN base is
`https://www.hpe.com/content/dam/hpe/fonts/graphik/`, with files like
`HPEGraphik-Regular-Web.woff2`, `-Medium-`, `-Semibold-`, `-Bold-`,
`-Extralight-`.
Grommet teams get these URLs from `grommet-theme-hpe` already. Non-Grommet
teams copy the `@font-face` block from the typography page. Offline or desktop
use requires downloading OTF or web files from Brand Central.
### Heading rules
Headings use `rem` units so they scale with the browser's font setting.
The rule that gets broken: **pick the heading level for semantics, pick the
token for size.** Never demote an `<h2>` to an `<h3>` because you wanted
smaller text. Apply a heading token instead.
```
Correct: <h2 class="card heading-medium">Card title</h2>
Incorrect: <h3 class="card heading-medium">Card title</h3> (to get the size)
```
Levels beyond 3 are described as rarely needed and a signal the content is too
dense. Before reaching for h4 through h6, reorganize.
Paragraphs differ from plain text in that they carry a `maxWidth`, which caps
line length for readability. Use the `maxWidth` token that matches the text
t-shirt size.
## Spacing
Spacing is a subset of the scale system, expressed as t-shirt sizes. The
resolved pixel values:
| Token | px | Token | px |
| --- | --- | --- | --- |
| `hair` | 1 | `small` | 16 |
| `6xsmall` | 2 | `medium` | 24 |
| `5xsmall` | 3 | `large` | 32 |
| `4xsmall` | 4 | `xlarge` | 48 |
| `3xsmall` | 6 | `xxlarge` | 64 |
| `xxsmall` | 8 | `3xlarge` | 96 |
| `xsmall` | 12 | | |
Three rules:
1. **Spacing tokens are for layout, not elements.** Use them on cards, layers,
grids. For element-level components use component tokens or element tokens,
which size correctly across screen sizes.
2. **Use gap and padding. Avoid margin.** Margin produces unpredictable
responsive behavior.
3. **Prefer spacing over borders.** The system deliberately minimizes borders,
building hierarchy from spacing, typography, and background color instead.
## Icons
Icons ship as `@hpe-design/icons-grommet` (React) and `@hpe-design/icons-svg`.
There is an interactive Storybook at `hpe-design-icons-grommet.netlify.app` and
a Figma production file. A migration guide covers moving from `grommet-icons`
to the HPE set.
Usage rules:
- Universal symbols (search, delete, close) can stand alone. Anything less
common needs a label.
- If an icon always needs a label to be understood, drop the icon and use text.
- Never use the same symbol for different meanings across products.
- Default size is medium; sizes align to the typography scale. When inline with
text, set `height` to match the text size prop.
- Default color token is `icon-default`. Emphasis variants: `icon-strong`,
`icon-weak`, `icon-disabled`, `icon-primary`.
- Brand or third-party SVGs keep their native colors via `color="plain"`.
- Status icons are reserved for system health. Do not use them decoratively.
- Every icon carries an `aria-label`; override it with `a11yTitle`. Purely
decorative icons need `aria-hidden` so screen readers skip them.
The icon library is semantically named and carries metadata, so search by
intent rather than by shape.
## Open questions
- What is the full `onStrong` token set, and is there a published contrast
matrix, or is pairing verified per-case?
- Are the data visualization palette values fixed across theme versions, or do
they shift on a major bump? A shift would break saved dashboards.
- Does HPE Graphik cover the character sets needed for the languages HPE
products ship in, or is there a fallback stack for CJK and Cyrillic?
03-design-tokens.md
+168
View File
@@ -0,0 +1,168 @@
# 03 — Design tokens
Design tokens are the delivery mechanism for HPE's visual style. They are the
reason a product can adopt a brand refresh with a version bump instead of a
redesign, and they are the answer to "how do we do this without React."
## What a token is
A named value carrying its intended usage. Four properties, two required:
| Property | Required | Example |
| --- | --- | --- |
| Name | yes | `hpe.color.background.back` |
| Value | yes | `#f7f7f7` |
| Type | no | color, dimension, shadow |
| Description | no | how the token should be used |
The point is that consumers reference the **name**, never the value. When HPE
updates the value, every consumer pointing at the name picks it up on upgrade.
## The three tiers
Tokens are layered by specificity. The rule for consuming them:
> Begin with the most specific token level available. Look first to see if a
> component token exists. If not available, use semantic tokens as a fallback.
### Primitive
The raw palette. Names describe the value, not where to use it. Values are
always concrete CSS values: a hex code, a pixel, a rem.
```
hpe.base.color.green.600 → #01a982
hpe.base.dimension.400 → 16
```
**Primitive tokens must not be used directly in a product.** They exist to be
referenced by the tiers above.
### Semantic
Names say when and where to apply. Values reference a primitive or another
semantic token.
```
hpe.color.background.back → {base.color.grey.50} in light, {base.color.grey.1300} in dark
hpe.spacing.large → differs by viewport width
```
This is where context-dependence lives. One semantic name resolves to different
values in light versus dark mode, or wide versus narrow viewport. That is the
whole mechanism behind free dark mode.
### Component
Decisions for a single component or a family. Values reference any lower tier.
```
hpe.button.primary.rest.background
```
Component tokens encode state (rest, hover, active, disabled, focus) as part of
the name. See the site's `design-tokens/component-states` page for the state
model.
## Token file layout in the repo
`packages/hpe-design-tokens/tokens/`:
- `primitive/` — `primitives.default.json`, plus pinned `.v0` and `.v1` files
- `semantic/` — `color.light.json`, `color.dark.json`, `dimension.default.json`,
`dimension.small.json`, `global.default.json`, plus `.v0` and `.v1` variants
- `component/` — `component.default.json`, `element.default.json`, plus variants
Two things to notice. First, the old major versions are kept in-tree rather than
only in git history, which is what makes opt-in-by-mode work in Figma. Second,
`dimension.small.json` alongside `dimension.default.json` is the responsive
mechanism: the same semantic dimension name resolves smaller on narrow
viewports.
There is also a `deprecated.*` namespace inside the primitives, which is where
superseded values go. `deprecated.base.color.green.400` is `#17eba0` where the
live `base.color.green.400` is `#00e0af`, so a stale reference will render a
visibly different green.
## Versioning
`hpe-design-tokens` follows semver with one adaptation: **a major version can be
triggered by a brand change alone**, with no API break.
| Increment | Trigger |
| --- | --- |
| MAJOR | Significant change to HPE's brand expression, or an incompatible API change |
| MINOR | New token, or a small expected value change (darkening a text color after user testing) |
| PATCH | Backward-compatible fix (a typo in a value, a color corrected to meet contrast) |
The reason a brand change alone forces a major: if service A is on v1 and
service B is on v2, the two will not look like the same company. The major
version is the signal that a mismatch exists.
### Version map
| Tokens | Theme | Period | Notes |
| --- | --- | --- | --- |
| `^2.0.0` "v2-Landmark" | `grommet-theme-hpe` 8.x | Oct 2025 to present | Landmark palette, HPE Graphik font face. Default in the Figma V2 library. Current release 2.2.3 |
| `^1.0.0` | `grommet-theme-hpe` 6.x–7.x | Feb 2025 to Sep 2025 | Opt-in via "v1" modes in Figma |
| `^0.9.0` | `grommet-theme-hpe` 5.x | May 2023 to Jan 2025 | Opt-in via "v0" modes in Figma |
v2-Landmark is a breaking change from v1. Migration guides live in the GitHub
wikis for both `hpe-design-system` and `grommet-theme-hpe`.
v0.9.0 to v1.0.0 had **no breaking API changes in the tokens** (only value
changes), but `grommet-theme-hpe` v5 to v7 did break, and the migration is
documented in two steps: 5.x to 6.x for visual treatments, then 6.x to 7.x for
expanded t-shirt sizing.
### The recommended adoption trick
For a product adopting tokens for the first time, the docs recommend mapping
local components to **v0.9.0 tokens first**. That reaches style parity with the
product's existing look, so QA is comparing against something familiar and any
diff is a real bug rather than an intended restyle. Only then upgrade forward.
This is worth remembering. It converts one large risky change into two smaller
ones with a verifiable checkpoint between them.
## Consuming tokens
- **React plus Grommet:** install `grommet-theme-hpe`. Tokens, fonts, and
component defaults come with it. This is the environment the design system
targets and the one with the most examples.
- **Anything else:** consume `hpe-design-tokens` directly. It is published to
npm in multiple output formats and is tech-agnostic. The site page
`design-tokens/using-design-tokens-in-code` covers the formats.
- **Figma:** tokens appear as Figma variables. `design-tokens/using-design-
tokens-in-figma` covers setup, and the "Themes and modes" Figma file covers
switching between v0, v1, and v2 modes.
The tokens are built with Style Dictionary. The repo has custom transforms and
formats under `packages/hpe-design-tokens/src/`, plus a
`apps/design-tokens-manager` application and a `contracts/schemas` directory
that validates token structure.
### A detail worth knowing about units
Dimension primitives are stored as **unitless numbers** (`base.dimension.400` is
the number `16`, not `"16px"`). The `numberToDimension` transform assigns units
at build time, and it does not treat them all the same:
- `fontSize` and `lineHeight` are divided by 16 and emitted as **`rem`**
- everything else (spacing, radius, padding, width, height, border width,
breakpoints) is emitted as **`px`**
So type scales with the user's browser font setting and layout does not. If you
read a raw token JSON value and see a bare number, that is why.
`hpe-design-system-codemods` (v0.2.1) automates some migration edits.
## Open questions
- Which output formats does `hpe-design-tokens` actually publish (CSS custom
properties, SCSS, JSON, Swift, XML)? Read the package before promising a
non-web team it is covered.
- Is there a deprecation policy with a stated support window for a major
version, or does an old major just stop receiving fixes?
- How long did a real product take to migrate v1 to v2-Landmark? A worked
example would size the effort better than the migration guide does.
04-voice-and-tone.md
+186
View File
@@ -0,0 +1,186 @@
# 04 — Voice and tone for UI strings
Scope note: these are HPE's rules for **text inside a product UI**: labels,
buttons, error messages, notifications, help text, empty states. They are not
the rules for prose in this repo. See the note at the end.
The source page (`foundation/voice-and-tone`) is by far the largest doc on the
site at roughly 55 KB, which is a signal in itself. HPE treats UI copy as a
design surface, not an afterthought.
## Capitalization
Five capitalization styles exist. HPE uses one of them for almost everything.
**Sentence case is the default.** First letter capitalized, everything else
lowercase except proper nouns. Applied to: attribute labels, column headings,
legends, tabs, menus, paragraphs, tips, notifications, help, page titles,
dialog titles, section and subsection headings, and buttons.
Two hard prohibitions:
- **Never begin a sentence or phrase with a lowercase letter.** Too casual for
the brand.
- **Never use all caps.** It reads as yelling and increases user stress.
**Title case is only for** the title of an event, program, or website, and for
proper nouns. HPE brand and product names are proper nouns.
### The button exception
Buttons take sentence case **except** those ending in one of these short
prepositions: `at, by, for, in, of, off, on, out, to, up`. Those get the
preposition capitalized.
```
Correct: Sign Up
Incorrect: Sign up
```
This one is counterintuitive and easy to get wrong in review, so it is worth
quoting verbatim when it comes up.
### Do not promote common nouns
The docs are direct about this: "Fight the urge to elevate normal nouns to
proper noun status." On a "data sources" page, write *data sources*, not
*Data Sources*, unless it is genuinely a proper noun.
### Referring to UI elements
When you describe an action generally, use lowercase. When you name a specific
button or page, match that element's actual case.
- General action: "To create a data fabric you must first create a new cluster."
- Specific page: "First, go to the *Create a New Cluster* page to create a data
fabric."
## Acronyms
The stated position is that acronyms are exclusionary. They create an insider
language and force everyone else to decode before they comprehend.
Two conditions, both required:
1. Define it on first use.
2. Only use the acronym at all if it appears **multiple times** in the message.
The worked example is unusually strict, so here it is in full:
- Incorrect: *The UBC is meeting tomorrow.*
- Incorrect: *The UBC (University Building Council) is meeting tomorrow.*
- Incorrect: *The University Building Council (UBC) is meeting tomorrow.*
- Correct: *The University Building Council (UBC) is meeting tomorrow. If you
have UBC-related business, send it to the UBC administrator for addition to
the meeting agenda.*
The third one is incorrect because the acronym is introduced and then never
used again. Expanding it earns nothing.
## Product names
Do not use full brand and product names in running messages. Set context once,
then shorten. The docs' own example: *HPE GreenLake Lighthouse* is a mouthful,
so use *Lighthouse* on second and subsequent references.
## Point of view
Three options, with the effect of each spelled out:
- First person: "We noticed the server is malfunctioning."
- Second person: "Your server is malfunctioning."
- Third person: "The server is malfunctioning." (focus on neither writer nor
reader)
The page presents these as choices rather than mandating one, so pick by
context and stay consistent within a flow.
## Do
- Use articles ("a", "an", "the") so the text does not read like a robot.
- Punctuate every sentence, correctly, including internally.
- **Use contractions.** "you're", "we'll", "isn't". This is explicitly
encouraged for a conversational tone.
- Put adjectives before nouns: *the specified operation is*, not *the operation
specified is*.
- Order multiple adjectives correctly: opinion, size, age, shape, color, origin,
material, purpose, then noun. So *two failing SATA SSD drives*, never *SSD
SATA failing two drives*.
## Do not
These are the rules that most often catch real error strings:
- **Do not blame the user.** Never say *bad request*. Explain what is wrong.
- **Do not hedge.** Never tell a user to *try* or *attempt* something; it does
not convey confidence. Write *Reset the interconnect*, not *Try resetting the
interconnect*.
- **Do not say "retry the operation"** in most cases. If the user entered an
illegal value, telling them to supply a correct one is enough. The retry is
obvious.
- **Never say "retry after some time."** Be specific: *after 3 minutes*, or
*after the refresh has completed*.
- **Do not refer to "the" or "your" administrator.** The person reading the
message usually is the administrator. Name the actual role or action.
- **Limit "please."** It is allowed, but starting every action phrase with it
is not appropriate.
- **Avoid possessives.** Not *the server hardware's power is off*.
- **No run-on sentences.**
- **No internal terminology in external messaging.**
- **Do not use a resource's name as an adjective.** Write *the uplink set "ABC"
has…*, not *the ABC uplink set has…*.
- **Avoid "input" as a noun in instructions.** Write *Specify a valid
certificate*, not *Specify a valid certificate as input*. Write *One of the
parameters is null*, not *One of the input parameters is null*.
- **Parentheses:** no spaces inside, spaces outside. *this is bad (yes it is)*.
The exception is constructions like *server(s)*.
## Term list
Spelling and capitalization that must be exact:
`Kubernetes`, `Ethernet`, `Fibre Channel`, `FCoE`, `SNMP`, `SNMPv3`,
`ID` (not id or Id), `OK` (not ok, Ok, or okay), `I/O` (not IO or i/o),
`API` (not xApi).
Word choices:
| Do not write | Write |
| --- | --- |
| app | application |
| internal error | unexpected problem |
| & | and |
Distinctions:
- **"Log in"** is a verb: *Log in to the server*.
- **"Login"** is a noun or adjective: *The login token has expired*.
- **"Filesystem"** is one word.
- **"Host name"** is the name of a host. **"Hostname"** is the Unix command.
## Do not apply these rules to documentation
Worth stating, because it causes real friction: these rules are tuned for
**short strings inside a running product**. They are not a house style for
prose.
If your team already has a writing standard for docs, specs, or release notes,
expect it to disagree with this page in places. HPE wants contractions and a
conversational register in UI text, mandates a specific capitalization scheme
for labels, and permits constructions (*please*, used sparingly) that a tighter
prose standard would cut.
Neither set overrides the other, because they govern different artifacts. Apply
the one that matches what you are writing. A button label follows this page. A
design document does not have to.
## Open questions
- Is there an approved localization process for UI strings, and does the
sentence-case rule survive translation into languages with different
capitalization conventions? The site has an `internationalization` template
page that may answer this.
- Does HPE run a copy review gate before a product UI ships, or is voice and
tone self-policed by the product team?
- The term list is short and clearly grown by accretion. Is there a longer
internal HPE terminology database that supersedes it?
05-accessibility.md
+129
View File
@@ -0,0 +1,129 @@
# 05 — Accessibility
HPE's stated position, quoted: **"We believe that being accessible is a
requirement, not an option."**
## The standard
HPE aligns to **WCAG level A and AA**, and to the four core principles
(perceivable, operable, understandable, robust). The page states the level
plainly: "The guidelines identified as level A and AA are the required design
elements for all applications and are incorporated in the US Section 508
standard and HPE's Design System." AAA is not required.
One inconsistency to be aware of: the top of the page cites **WCAG 2.2**, while
the government standards section further down links and cites **WCAG 2.1**. The
level commitment (A and AA) is consistent across both; the version reference is
not. Assume 2.2 for new work, since that is what the normative statement at the
top of the page says, but expect to see 2.1 cited in older HPE material.
Named regulatory drivers on the same page: **US Section 508**, the
**Americans with Disabilities Act**, and the **European Accessibility Act**.
The EAA is the one most likely to bite on a product sold into the EU.
The scope the docs describe is broader than the usual reading of
"accessibility." It covers keyboard navigation, speech input, screen readers,
alternative input devices such as head pointers, screen magnification, and color
blindness, and it explicitly includes temporary and situational disability. The
figure cited is that about 25% of the United States population lives with some
type of disability, permanent or not, sourced to the CDC.
## Who is responsible for what
This is the part that decides arguments, so it is worth having straight. The
answer depends on whether you use Grommet plus the HPE theme or only the
tokens.
| Consideration | Grommet + HPE theme | Design tokens only |
| --- | --- | --- |
| Color contrast ratios | Handled | You apply the color, pairing, and usage guidance yourself |
| Typography (legibility, scaling, line height) | Handled | You implement from the typography system |
| Component behavior (keyboard nav, ARIA, focus) | Handled | You implement accessible behavior manually |
| Focus styles and states | Handled | You implement from the component-states tokens |
| ARIA roles and attributes | Handled, but you supply context-specific values | Fully your responsibility |
| Responsiveness across breakpoints | Handled | You implement from layout and spacing tokens |
| Semantic HTML structure | Handled | You ensure correct structure |
| Alt text and descriptions | **Yours** | **Yours** |
| Labeling (forms, buttons, errors) | **Yours** | **Yours** |
| Readability of copy | **Yours** (follow voice and tone) | **Yours** |
Two conclusions fall out of this table.
First, **Grommet plus the HPE theme buys most of the mechanical accessibility
work.** That is the strongest practical argument for the React path, stronger
than the visual consistency argument.
Second, **the bottom three rows are never bought.** Alt text, labels, and
readable copy are the product team's job under either path. A team that adopts
Grommet and then ships unlabeled icon buttons has not become accessible.
## Design-time coverage
Every component and asset in the HPE Design System Figma library is built on
design tokens that align with accessibility standards. Using the prebuilt
components or applying the tokens as Figma variables gets you WCAG-compliant
styles without doing contrast math.
This is worth stating plainly to designers: the contrast work is already done
inside the token pairs, and it is undone the moment someone picks a custom
color off the Figma color wheel.
## Testing
### The rule that sets expectations
**Automated testing tools catch approximately 30 to 50% of accessibility
violations.** Manual testing is not optional. Any plan that consists of "we run
axe in CI" covers at best half the problem.
### Recommended practice
- **Shift left.** Violations avoided at design time cost nothing to fix.
- **Try it yourself.** Turn the monitor off and use a screen reader. Unplug the
mouse. Use simulator tools for color blindness, dyslexia, and tunnel vision.
- **Test with real users with disabilities.** The docs name Bill Tipton of the
HPE Product Accessibility Office as an internal resource for usability
testing. He has used a screen reader daily since losing his eyesight in 1999.
### Tooling
CI and automation:
- Lighthouse GitHub Action (the design system runs this on its own PRs)
- `axe-core` (React integration available)
- `axe-testcafe`
Browser extensions:
- axe DevTools
- Access Assistant (Level Access), which saves reports to track compliance over
time
- WAVE
- Lighthouse (built into Chrome DevTools)
- ANDI
Simulators:
- Silktide (color blindness, dyslexia, tunnel vision, cataracts, blindness)
- WebAIM Color Contrast Checker
- Colorblind Web Page Filter (Toptal)
## Internal HPE resources
The docs link to the **HPE Product Accessibility Program Office** on SharePoint,
which publishes designer and developer guides, and to **HPE Accessible Design
Training**, a set of videos under 10 minutes each with an accompanying "Pocket
Guide" of takeaways. Both are on `hpe.sharepoint.com` and need an HPE login.
## Open questions
- Is there a required accessibility sign-off before a product release, and who
gives it? The docs describe resources and advocacy, not a gate.
- Does HPE publish VPATs or ACRs per product, and who writes them? This matters
for public sector deals where an ACR is a procurement requirement.
- Is the operative version 2.1 or 2.2? The page cites both. Worth asking the
accessibility office which one an audit would be run against.
- Does the accessibility office have capacity to test every product, or is Bill
Tipton's availability the practical bottleneck?
- What is HPE's compliance deadline posture on the European Accessibility Act,
and does it change the priority of any of this?
06-components-templates.md
+136
View File
@@ -0,0 +1,136 @@
# 06 — Components and templates
Two layers with different jobs. Components are single UI elements. Templates
are compositions of components that solve a recurring product problem, with the
design decisions already made.
The practical value of the template layer is that it settles arguments. When a
team debates how a wizard should behave or where a destructive confirmation
goes, there is an HPE answer already written down.
## Components
48 documented component pages, plus an `all-components` index. Grouped by what
they do:
**Layout and structure**
`box`, `grid`, `page`, `main`, `header`, `footer`, `pageheader`, `toolbar`,
`layer`
**Input**
`textinput`, `textarea`, `maskedinput`, `dateinput`, `fileinput`, `rangeinput`,
`search`, `select`, `selectmultiple`, `checkbox`, `checkboxgroup`,
`radiobuttongroup`, `togglegroup`
**Action and navigation**
`button`, `anchor`, `menu`, `tabs`, `pagination`
**Content display**
`card` (with `call-to-action-card` and `navigational-card` variants),
`accordion`, `avatar`, `namevaluelist`, `tag`, `tip`
**Feedback and state**
`notification`, `spinner`, `skeleton`
**Data**
This is the largest family and the one most relevant to any management or
operations UI:
`data`, `datatable`, `datatablecolumns`, `datatablegroupby`, `dataview`,
`datafilter`, `datafilters`, `datasearch`, `datasort`, `datasummary`
The `data` component is the container that wires the others together, giving
you search, filter, sort, and summary against one dataset without hand-wiring
state. Worth knowing before anyone builds a filterable table from scratch.
## Templates
27 template pages covering 26 topics.
**Navigation** (five separate patterns, each for a different information shape)
- `navigation` (the overview)
- `ascending-navigation` — moving up a hierarchy
- `drill-down-navigation` — moving down into detail
- `side-to-side-navigation` — moving between peers
- `matrix-navigation` — moving across two dimensions
- `global-header`
**Layout**
- `page-layouts`
- `content-layouts`
- `dashboards`
**Data interaction**
- `filtering`
- `lists`
- `selector`
- `datatable-customization`
- `scrolling-and-pagination`
**Forms and flows**
- `forms`, with a sub-page on `managing-child-objects`
- `wizard`
- `double-confirmation` — the pattern for destructive actions
- `empty-state`
**Notifications** (three placements, three different jobs)
- `global-notifications` — system-wide, persistent
- `inline-notifications` — attached to content
- `toast-notifications` — transient
**Other**
- `status-indicator`
- `popover`
- `code-blocks`
- `internationalization`
- `user-feedback-collection`
## Which layer to reach for
The stated token rule applies here by analogy: **start with the most specific
thing that exists.**
1. Is there a template for this problem? Use it. The composition decisions are
made.
2. No template but components exist? Compose them.
3. Neither? Build from tokens, and consider raising it in
`#hpe-design-system`, since a gap that affects you likely affects others.
## Learn
Four tutorials, aimed at people new to Grommet rather than at design decisions:
- `grid-fundamentals-part-one`
- `the-box-model-part-one`
- `how-to-add-additional-controls-to-a-toolbar`
- `how-to-add-search-and-filter-to-datatable-with-data`
The "part one" naming on two of them with no part two suggests this section was
started and not finished. Treat it as a bonus, not a curriculum.
## Reading component docs without the website
The site renders in the browser and returns no useful content to `curl`. To
read a component's guidance programmatically, go to the MDX source:
```
https://github.com/grommet/hpe-design-system
→ apps/docs/src/pages/components/<name>.mdx
→ apps/docs/src/pages/templates/<name>.mdx
```
Raw file access works over `raw.githubusercontent.com`. The MDX carries the
prose and the best-practice do/don't pairs; the live examples are React
components imported from `apps/docs/src/examples/`.
Component API reference (props) lives on Grommet's own site,
`v2.grommet.io/<component>?theme=hpe`, not in the design system docs. The
design system says *when and why*; Grommet says *what the props are*.
## Open questions
- How much of the component set is HPE-specific versus plain Grommet with a
theme applied? This decides how much of the Grommet ecosystem transfers.
- Are the data components performant at the row counts a real usage dashboard
needs, or do they assume paged server-side data?
- Is there a template for the case of an application embedded inside another
HPE console, where the global header is owned by the host?
07-adoption-and-compliance.md
+144
View File
@@ -0,0 +1,144 @@
# 07 — Adoption and compliance
What it actually costs to align a product UI with the HPE Design System, and
how to check whether one is aligned.
## Three adoption paths
### 1. React plus Grommet plus `grommet-theme-hpe`
The path the design system is built for. Install the theme and you inherit
colors, fonts, component defaults, keyboard navigation, ARIA support, focus
handling, and responsive behavior.
Cost: highest if the product is not already React. Lowest ongoing cost after
that, because brand refreshes arrive as a version bump.
This is the only path where the accessibility table in `05-accessibility.md`
reads "handled" down most of the column.
### 2. `hpe-design-tokens` only
For any other stack. Tokens are tech-agnostic and published to npm. You get the
correct colors, type, and spacing. You do not get component behavior.
Cost: moderate to adopt, permanent to maintain. Every accessible behavior
(keyboard, ARIA, focus, semantic structure, responsiveness) is yours to build
and re-verify.
The docs recommend mapping to **v0.9.0 tokens first** to reach parity with the
product's current look, verify against familiar styling, then upgrade forward.
That turns one risky change into two with a checkpoint between them.
### 3. Reference only
Read the guidance, match by eye, use the templates as design references. Fine
for a prototype or an internal tool. Not defensible for a customer-facing HPE
product, because the values drift the moment the brand moves and nothing
signals that they have.
## Review checklist
Usable as a gate in a design or code review. Every item traces to a rule in the
docs, cited to its doc here.
**Brand marks** (`02`)
- [ ] HPE Element is present at top-left of the product experience
- [ ] Element is accompanied by the company name and the product or service name
- [ ] Lockup spacing and layout are unmodified
- [ ] No HPE GreenLake badge on new material (the existing badge is retired)
- [ ] Correct positive or reversed logo variant for the background
**Color** (`02`)
- [ ] No raw hex values in the UI. Semantic or component tokens only
- [ ] Primitive tokens are not referenced directly
- [ ] Status colors used only where they carry meaning, never decoratively
- [ ] Strong backgrounds pair with `onStrong` text and icon tokens
- [ ] Nothing is conveyed by color alone. Every case has a label, icon, pattern,
or underline as well
- [ ] Data visualization series start at the first token and proceed in order
**Typography** (`02`)
- [ ] HPE Graphik loaded from the HPE CDN, not bundled or substituted
- [ ] Heading levels chosen for semantics; size set by token, never by demoting
a heading level
- [ ] Heading hierarchy has no skipped levels
- [ ] Paragraphs carry the `maxWidth` for their t-shirt size
- [ ] Sizes in `rem` so browser font settings scale the UI
**Layout** (`02`)
- [ ] Spacing comes from the scale, not arbitrary pixel values
- [ ] Spacing tokens used for layout; component or element tokens for elements
- [ ] Gap and padding, not margin
- [ ] Borders only where spacing and background contrast are insufficient
**Copy** (`04`)
- [ ] Sentence case throughout, including labels, columns, tabs, menus, dialogs
- [ ] Buttons ending in a short preposition capitalize it ("Sign Up")
- [ ] No all caps anywhere
- [ ] No string begins with a lowercase letter
- [ ] Acronyms defined on first use, and only used if repeated
- [ ] Long product names shortened after first reference
- [ ] Error messages do not blame the user, do not say "try", do not say
"retry after some time"
- [ ] No references to "your administrator"
- [ ] Term list observed: application not app, ID, OK, I/O, "log in" vs "login"
**Accessibility** (`05`)
- [ ] Keyboard navigation reaches and operates every control
- [ ] Focus is visible on every focusable element
- [ ] All images and media have descriptive alt text
- [ ] All form fields, buttons, and errors have meaningful labels
- [ ] Decorative icons carry `aria-hidden`; meaningful icons carry a label
- [ ] Automated scan clean (axe or Lighthouse)
- [ ] **Manual test performed.** Automated tools catch 30 to 50% of violations,
so a clean scan is a floor and not a pass
**Version hygiene** (`03`)
- [ ] Token major version recorded, and known to match sibling products. Two
HPE products on different majors will not look like the same company
- [ ] No references into the `deprecated.*` token namespace
## What compliance is worth arguing about
Not every item above carries the same weight. Ranked by consequence:
1. **Accessibility failures.** These can be procurement blockers, and in some
jurisdictions legal exposure. Everything else on the list is cosmetic by
comparison.
2. **Element and logo misuse.** Governed by the HPE Terms of Use, and the one
category where a brand team is likely to intervene directly.
3. **Hardcoded hex values.** Not visible to a customer today, but this is what
makes the next brand refresh expensive rather than free. The cost lands
later, which is why it gets waved through.
4. **Copy rules.** Cheap to fix, visible to customers, and the thing that most
often makes an acquired product feel un-HPE.
5. **Spacing and type scale drift.** Real but low-stakes individually. It
accumulates into a UI that looks off without anyone being able to say why.
## Where an acquired product typically stands
Worth setting expectations before scoping any alignment work. A product that
joined HPE through acquisition usually has: its own component library, its own
color constants in code, its own typeface, its own copy conventions, and no
token layer at all. The realistic sequence is tokens first (path 2), copy
second (cheap, high visibility), component migration last if ever.
The full React migration is rarely justified on brand grounds alone. It is
justified when the accessibility column in `05-accessibility.md` becomes a
requirement, because that is where the "handled" entries are worth real
engineering months.
## Open questions
- Is there an HPE-internal alignment audit or scorecard that products are
measured against? Nothing public suggests one. The design system repo does
carry an `alignment-audit` entry in its `knowledge/` directory, but it is a
planned stub scoped to auditing the design system's own docs, tokens, and
components, not product teams. Do not cite it as evidence of a product gate.
- What is the expected timeline for products to reach v2-Landmark, and is there
a deadline attached?
- For an embedded or OEM UI, whose brand governs, and does the Element rule
still apply?
- Does any HPE release process actually check the items above, or is this a
self-assessment?
HOWTO-mirror-the-design-system.md
+417
View File
@@ -0,0 +1,417 @@
# How to mirror the HPE Design System
A runbook for reproducing everything in this folder: the guidance docs, the
452-icon set, the brand marks, and all 282 documentation graphics.
Written to be handed to someone else and followed start to finish, by a person
or by an AI coding agent. Every command below was run and verified on
2026-07-30. Nothing here needs an HPE login, a VPN, or a token.
Total time: about ten minutes, most of it the clone.
---
## The problem you will hit first
`https://design-system.hpe.design` looks like a normal documentation site. It
is not scrapeable.
It is a **Next.js static export that renders entirely in the browser**. Fetch
any page and you get a 1.5 KB HTML shell with zero content:
```bash
curl -s https://design-system.hpe.design/foundation/color | wc -c
# 1540
```
There is also no sitemap and no robots.txt. Both 404:
```bash
curl -s -o /dev/null -w '%{http_code}\n' https://design-system.hpe.design/sitemap.xml # 404
curl -s -o /dev/null -w '%{http_code}\n' https://design-system.hpe.design/robots.txt # 404
```
The Next.js data endpoint does not help either. The pages are `autoExport` with
empty `pageProps`, so `/_next/data/<buildId>/<route>.json` returns 404. The
content is compiled into JavaScript chunks.
**Do not try to scrape the site.** Do not reach for a headless browser. There
is a much better source.
## The key insight
The whole design system is **open source**:
> `https://github.com/grommet/hpe-design-system` — Apache-2.0
Every page on that site is an MDX file in that repo. The icons, the graphics,
and the raw design token JSON are in there too. Clone it and you have
everything, in a form that greps.
Find it yourself with:
```bash
curl -s "https://api.github.com/search/repositories?q=hpe-design-system" \
| grep -E '"full_name"|"html_url"'
```
## Step 1 — Clone
Shallow clone. Full history is not needed and is much larger.
```bash
git clone --depth 1 https://github.com/grommet/hpe-design-system.git hpeds
cd hpeds
git log -1 --format='%H %cI %s' # record this SHA for provenance
du -sh . # ~81 MB
```
Record the commit SHA. Version numbers in the docs move; citing a SHA makes
your notes checkable later. The mirror in this folder was taken at
`567c4d5` (2026-07-16).
Do **not** run `pnpm install`. Nothing here needs a build.
## Step 2 — Know the layout
```
hpeds/
├── apps/
│ ├── docs/
│ │ ├── src/pages/ <- ALL documentation content, as .mdx
│ │ └── public/ <- ALL graphics (282 files, 32 MB)
│ └── design-tokens-manager/
├── packages/
│ ├── hpe-design-tokens/
│ │ └── tokens/ <- raw token JSON (primitive/semantic/component)
│ ├── icons-svg/src/icons/ <- 452 raw SVG icons
│ ├── icons-grommet/ <- the same icons as React components
│ └── codemods/
├── knowledge/ <- their own AI agent capability bundles
└── LICENSE <- Apache-2.0
```
Content page counts, so you know when you have it all:
```bash
find apps/docs/src/pages -name '*.mdx' | wc -l # 112
for d in foundation design-tokens components templates learn; do
printf '%-16s %s\n' "$d" "$(find apps/docs/src/pages/$d -name '*.mdx' | wc -l)"
done
# foundation 20
# design-tokens 11
# components 49 (48 component pages + an all-components index)
# templates 27
# learn 4
```
Those five directories account for 111. The 112th is `whats-new.mdx` at the
page root. Widening the search to `apps/docs -type f \( -name '*.mdx' -o -name
'*.md' \)` returns 117, because it picks up repo READMEs outside the page tree.
Use the narrower count when checking coverage.
## Step 3 — Get the full route list
Useful as a checklist to confirm you covered everything. The site is a Next.js
export, so its build manifest lists every route.
The build ID changes on every redeploy, so extract it rather than hardcoding
it. Save as `routes.sh`:
```bash
#!/usr/bin/env bash
# Extract every route from the HPE Design System site (Next.js static export).
set -euo pipefail
UA="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0 Safari/537.36"
BASE="https://design-system.hpe.design"
BUILD_ID=$(curl -sS -A "$UA" "$BASE/" \
| grep -oE '/_next/static/[A-Za-z0-9_-]{16,}/_buildManifest\.js' | head -1)
echo "buildManifest: $BUILD_ID" >&2
curl -sS -A "$UA" "$BASE$BUILD_ID" \
| tr ',' '\n' | grep -oE '"/[^"]*"' | tr -d '"' | sort -u
```
```bash
chmod +x routes.sh && ./routes.sh | wc -l # 123
```
## Step 4 — Read the content
The MDX files are prose plus JSX examples. Read the prose; the `<Example>` and
`<BestPracticeGroup>` tags import React components from
`apps/docs/src/examples/` and can be ignored unless you need a rendered figure.
Priority order, highest value first:
| File | Why |
| --- | --- |
| `foundation/voice-and-tone.mdx` | 55 KB, the largest doc on the site. UI copy rules |
| `foundation/accessibility.mdx` | 18 KB. WCAG level, responsibility split table |
| `foundation/date-and-time.mdx` | 15 KB |
| `foundation/typography.mdx` | Font CDN URLs, heading rules |
| `foundation/color.mdx` | The eight color families and their jobs |
| `foundation/our-brand.mdx` | Logo and Element placement rules |
| `foundation/distinctive-brand-assets.mdx` | GreenLake badge status |
| `design-tokens/overview.mdx` | The three-tier token model |
| `design-tokens/versioning.mdx` | Version-to-theme map, migration paths |
| `foundation/philosophy-and-principles.mdx` | The three pillars, four principles |
Sort the rest by size to prioritize:
```bash
wc -c apps/docs/src/pages/foundation/*.mdx apps/docs/src/pages/design-tokens/*.mdx | sort -n
```
Raw single-file access without cloning, if you only want one page:
```
https://raw.githubusercontent.com/grommet/hpe-design-system/master/apps/docs/src/pages/foundation/color.mdx
```
## Step 5 — Resolve design tokens to real values
This is the part worth automating, and the part most likely to be got wrong.
**Token JSON does not contain values.** It contains references. A semantic token
points at a primitive, which may point at another primitive. Reading
`color.light.json` directly gives you `{base.color.grey.50}`, not `#f7f7f7`.
Two more traps:
1. Semantic tokens carry a `.REST` suffix on the leaf that references often
omit, so a naive lookup misses.
2. There is a `deprecated.*` namespace holding superseded values. A stale
reference resolves to a visibly different color:
`deprecated.base.color.green.400` is `#17eba0` where the live
`base.color.green.400` is `#00e0af`.
Save as `resolve-tokens.py`:
```python
#!/usr/bin/env python3
"""Resolve HPE design tokens to concrete values.
Usage: resolve-tokens.py <repo-root> [filter-substring]
Tokens are stored as {references}; this follows them to real hex/number values.
"""
import json, sys, os
root = sys.argv[1]
needle = sys.argv[2] if len(sys.argv) > 2 else ''
T = os.path.join(root, 'packages/hpe-design-tokens/tokens')
def flat(o, p=''):
out = {}
if isinstance(o, dict):
if '$value' in o:
return {p: o['$value']}
for k, v in o.items():
out.update(flat(v, f'{p}.{k}' if p else k))
return out
prim = flat(json.load(open(f'{T}/primitive/primitives.default.json')))
light = flat(json.load(open(f'{T}/semantic/color.light.json')))
dark = flat(json.load(open(f'{T}/semantic/color.dark.json')))
def resolve(v, tbl, depth=0):
while isinstance(v, str) and v.startswith('{') and depth < 10:
k = v.strip('{}')
v = prim.get(k, tbl.get(k + '.REST', tbl.get(k)))
depth += 1
return v
for k in sorted(light):
if needle and needle not in k:
continue
print(f'{k:52} light={str(resolve(light[k], light)):12} dark={resolve(dark.get(k), dark)}')
```
Run it:
```bash
python3 resolve-tokens.py hpeds 'text.'
# color.text.default.REST light=#3e4550 dark=#e6e8e9
# color.text.heading...REST light=#292d3a dark=#ffffff
# color.text.critical...REST light=#cc1f1a dark=#ff7b7b
python3 resolve-tokens.py hpeds 'background.'
python3 resolve-tokens.py hpeds '' # everything, 108 semantic color tokens
```
### The units gotcha
Dimension primitives are stored as **unitless numbers**. `base.dimension.400`
is the number `16`, not `"16px"`. Units are applied at build time by
`packages/hpe-design-tokens/src/transforms/numberToDimension.ts`, and not
uniformly:
- `fontSize` and `lineHeight` are divided by 16 and emitted as **`rem`**
- everything else (spacing, radius, padding, width, height, border width,
breakpoints) is emitted as **`px`**
If you report a raw number as a pixel value for a font size, you will be wrong
by a factor of 16.
## Step 6 — Pull the assets
### Icons (452 SVGs, 1.9 MB)
```bash
mkdir -p out/icons
cp hpeds/packages/icons-svg/src/icons/*.svg out/icons/
cp hpeds/packages/icons-svg/LICENSE hpeds/packages/icons-svg/COPYRIGHT.md out/icons/
ls out/icons/*.svg | wc -l # 452
```
Properties, verified:
```bash
grep -ho 'viewBox="[^"]*"' out/icons/*.svg | sort | uniq -c | sort -rn
# 448 viewBox="0 0 24 24"
# 2 viewBox="0 0 24 25" (catalog.svg, chat.svg)
# 1 viewBox="0 0 48 24" (element.svg)
# 1 viewBox="0 0 24 26" (chat-conversation.svg)
grep -l 'currentColor' out/icons/*.svg | wc -l # 451 of 452
grep -ho 'fill="#[0-9A-Fa-f]*"' out/icons/*.svg | sort | uniq -c
# 1 fill="#01A982" (element.svg only)
```
**The HPE Element is `icons/element.svg`, not a logo file.** It is the one icon
with a hardcoded color, because the brand green must not inherit from its
container.
### Brand marks
```bash
mkdir -p out/brand
cp hpeds/apps/docs/public/HPE_logo_full-clr_{pos,rev}_rgb.svg out/brand/
cp hpeds/apps/docs/public/static/images/{hpe-logo,hpe-logo-invert,aruba-logo}.svg out/brand/
```
### All documentation graphics (282 files, 32 MB)
```bash
mkdir -p out/site-images
cp -r hpeds/apps/docs/public/. out/site-images/
find out/site-images -type f | wc -l # 282
```
Two things to know before you commit 32 MB:
- **About 14 MB is Unsplash stock photography** in
`learnImages/grid-fundamentals-part-1/`: four JPGs between 2.5 and 4.9 MB
used as filler in a Grommet grid tutorial. No HPE guidance in them. Drop that
one folder and you reclaim nearly half the total.
- **`logos/` holds partner logos, not HPE marks** (Apache, Dataiku, Dremio, H2O,
SingleStore, StreamSets and others). Third-party trademarks, not covered by
this repo's Apache-2.0 license. Do not mix them into a brand folder.
## Step 7 — Verify before you trust it
Do not skip this. Several claims that look obvious are wrong.
**Verify color claims programmatically** rather than reading them off a page.
Every color value in this folder's docs was checked by resolving the token
reference chain and diffing against the written claim. Three examples that
catch people out:
- **HPE green `#01a982` is `color.decorative.brand`, not the primary action
color.** Primary interactive surfaces use `#068667` in light mode and
`#05cc93` in dark. Calling a button "HPE green" and reaching for `#01a982`
produces the wrong button.
- `base.color.green.400` and `base.color.green.500` are **both** `#00e0af`.
That looks like a bug in your parser. It is not; the source really has both.
- `color.background.front` is `#ffffff` in light mode and `#292d3a` in dark,
while `color.text.strong` is `#292d3a` in light. The same hex serves opposite
roles across modes. Do not deduplicate by value.
**Check the docs against themselves.** The accessibility page cites **WCAG 2.2**
at the top and **WCAG 2.1** in its government-standards section. The conformance
level is consistent (**A and AA required**, per: "The guidelines identified as
level A and AA are the required design elements for all applications") but the
version reference is not. Record the discrepancy rather than picking one
silently.
**Do not infer from filenames.** The repo has a `knowledge/capabilities/
alignment-audit/` entry that sounds like a product compliance audit. Reading it
shows a **planned stub** scoped to auditing the design system's own docs and
tokens. Only `docs-refactor` is marked active. Open the file.
## Step 8 — Currency
Two traps when judging how current something is:
- **The site's "What's new" page is stale.** Its most recent entry is April
2023. It is not a changelog.
- Use these instead:
- `packages/hpe-design-tokens/CHANGELOG.md`
- GitHub releases on `grommet/hpe-design-system`
- `apps/docs/src/pages/design-tokens/versioning.mdx` for the version-to-theme map
As of 2026-07-30: `hpe-design-tokens` **2.2.3**, `@hpe-design/icons-grommet`
**1.2.0**, `@hpe-design/icons-svg` **0.2.0**. Current theme generation is
**v2-Landmark** (October 2025 onward), paired with `grommet-theme-hpe` **8.x**.
## Licensing, and the one thing to be careful about
The repo is **Apache-2.0**, "Copyright 2025 Hewlett Packard Enterprise
Development LP." Copying the content and assets into an internal knowledge repo
is fine, with attribution.
**An open-source copyright license grants no trademark rights.** The HPE logo
and the Element are HPE trademarks. Their use is governed by the
[HPE Terms of Use](https://www.hpe.com/us/en/about/legal/terms-of-use.html),
with authoritative files and usage rules on
[Brand Central](https://brandcentral.hpe.com/home) (HPE login required).
Practical consequence: a vendored logo is fine for reading and internal
reference, but pull the current file from Brand Central for anything that ships
or reaches a customer. A vendored mark goes stale silently, and the pending
HPE GreenLake rebrand is exactly the event that would make a copy wrong.
Also worth flagging to whoever consumes your mirror: **Brand Central and the
Design System deliberately disagree on color.** The Design System says so
directly and instructs product teams to prefer its palette for app and web
work. Brand Central governs logos, print, and marketing.
## Recommended output shape
What this folder settled on, if it is useful as a template:
```
hpe-branding/
├── README.md index, provenance, currency traps
├── HOWTO-mirror-the-design-system.md this file
├── 01-what-it-is.md scope, packages, authority model
├── 02-brand-foundations.md logo rules, resolved hex tables, spacing px
├── 03-design-tokens.md three tiers, version map, units
├── 04-voice-and-tone.md UI copy rules, term list
├── 05-accessibility.md conformance level, responsibility split
├── 06-components-templates.md 48 components, 27 templates
├── 07-adoption-and-compliance.md adoption paths, review checklist
└── assets/
├── icons/ 452 SVGs + LICENSE
├── brand/ 5 word-marks
└── site-images/ 282 documentation graphics
```
The judgment call worth repeating: **write down the resolved values, not just
links to the site.** The whole reason this is work is that the site cannot be
read without a browser. A mirror that only links back to it solves nothing.
## Quick reference
| Thing | Where |
| --- | --- |
| Docs site | `https://design-system.hpe.design` (browser only) |
| Source repo | `https://github.com/grommet/hpe-design-system` (Apache-2.0) |
| MDX content | `apps/docs/src/pages/**/*.mdx` |
| Graphics | `apps/docs/public/` |
| Raw icons | `packages/icons-svg/src/icons/` |
| Token JSON | `packages/hpe-design-tokens/tokens/` |
| Grommet theme | `https://github.com/grommet/grommet-theme-hpe` |
| Component props | `https://v2.grommet.io/<component>?theme=hpe` |
| Icon Storybook | `https://hpe-design-icons-grommet.netlify.app/` |
| Brand Central | `https://brandcentral.hpe.com/home` (HPE login) |
| Slack | `#hpe-design-system` on `grommet.slack.com` and HPE enterprise Slack |
LICENSE
+176
View File
@@ -0,0 +1,176 @@
Apache License
Version 2.0, January 2004
http://www.apache.org/licenses/
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
1. Definitions.
"License" shall mean the terms and conditions for use, reproduction,
and distribution as defined by Sections 1 through 9 of this document.
"Licensor" shall mean the copyright owner or entity authorized by
the copyright owner that is granting the License.
"Legal Entity" shall mean the union of the acting entity and all
other entities that control, are controlled by, or are under common
control with that entity. For the purposes of this definition,
"control" means (i) the power, direct or indirect, to cause the
direction or management of such entity, whether by contract or
otherwise, or (ii) ownership of fifty percent (50%) or more of the
outstanding shares, or (iii) beneficial ownership of such entity.
"You" (or "Your") shall mean an individual or Legal Entity
exercising permissions granted by this License.
"Source" form shall mean the preferred form for making modifications,
including but not limited to software source code, documentation
source, and configuration files.
"Object" form shall mean any form resulting from mechanical
transformation or translation of a Source form, including but
not limited to compiled object code, generated documentation,
and conversions to other media types.
"Work" shall mean the work of authorship, whether in Source or
Object form, made available under the License, as indicated by a
copyright notice that is included in or attached to the work
(an example is provided in the Appendix below).
"Derivative Works" shall mean any work, whether in Source or Object
form, that is based on (or derived from) the Work and for which the
editorial revisions, annotations, elaborations, or other modifications
represent, as a whole, an original work of authorship. For the purposes
of this License, Derivative Works shall not include works that remain
separable from, or merely link (or bind by name) to the interfaces of,
the Work and Derivative Works thereof.
"Contribution" shall mean any work of authorship, including
the original version of the Work and any modifications or additions
to that Work or Derivative Works thereof, that is intentionally
submitted to Licensor for inclusion in the Work by the copyright owner
or by an individual or Legal Entity authorized to submit on behalf of
the copyright owner. For the purposes of this definition, "submitted"
means any form of electronic, verbal, or written communication sent
to the Licensor or its representatives, including but not limited to
communication on electronic mailing lists, source code control systems,
and issue tracking systems that are managed by, or on behalf of, the
Licensor for the purpose of discussing and improving the Work, but
excluding communication that is conspicuously marked or otherwise
designated in writing by the copyright owner as "Not a Contribution."
"Contributor" shall mean Licensor and any individual or Legal Entity
on behalf of whom a Contribution has been received by Licensor and
subsequently incorporated within the Work.
2. Grant of Copyright License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
copyright license to reproduce, prepare Derivative Works of,
publicly display, publicly perform, sublicense, and distribute the
Work and such Derivative Works in Source or Object form.
3. Grant of Patent License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
(except as stated in this section) patent license to make, have made,
use, offer to sell, sell, import, and otherwise transfer the Work,
where such license applies only to those patent claims licensable
by such Contributor that are necessarily infringed by their
Contribution(s) alone or by combination of their Contribution(s)
with the Work to which such Contribution(s) was submitted. If You
institute patent litigation against any entity (including a
cross-claim or counterclaim in a lawsuit) alleging that the Work
or a Contribution incorporated within the Work constitutes direct
or contributory patent infringement, then any patent licenses
granted to You under this License for that Work shall terminate
as of the date such litigation is filed.
4. Redistribution. You may reproduce and distribute copies of the
Work or Derivative Works thereof in any medium, with or without
modifications, and in Source or Object form, provided that You
meet the following conditions:
(a) You must give any other recipients of the Work or
Derivative Works a copy of this License; and
(b) You must cause any modified files to carry prominent notices
stating that You changed the files; and
(c) You must retain, in the Source form of any Derivative Works
that You distribute, all copyright, patent, trademark, and
attribution notices from the Source form of the Work,
excluding those notices that do not pertain to any part of
the Derivative Works; and
(d) If the Work includes a "NOTICE" text file as part of its
distribution, then any Derivative Works that You distribute must
include a readable copy of the attribution notices contained
within such NOTICE file, excluding those notices that do not
pertain to any part of the Derivative Works, in at least one
of the following places: within a NOTICE text file distributed
as part of the Derivative Works; within the Source form or
documentation, if provided along with the Derivative Works; or,
within a display generated by the Derivative Works, if and
wherever such third-party notices normally appear. The contents
of the NOTICE file are for informational purposes only and
do not modify the License. You may add Your own attribution
notices within Derivative Works that You distribute, alongside
or as an addendum to the NOTICE text from the Work, provided
that such additional attribution notices cannot be construed
as modifying the License.
You may add Your own copyright statement to Your modifications and
may provide additional or different license terms and conditions
for use, reproduction, or distribution of Your modifications, or
for any such Derivative Works as a whole, provided Your use,
reproduction, and distribution of the Work otherwise complies with
the conditions stated in this License.
5. Submission of Contributions. Unless You explicitly state otherwise,
any Contribution intentionally submitted for inclusion in the Work
by You to the Licensor shall be under the terms and conditions of
this License, without any additional terms or conditions.
Notwithstanding the above, nothing herein shall supersede or modify
the terms of any separate license agreement you may have executed
with Licensor regarding such Contributions.
6. Trademarks. This License does not grant permission to use the trade
names, trademarks, service marks, or product names of the Licensor,
except as required for reasonable and customary use in describing the
origin of the Work and reproducing the content of the NOTICE file.
7. Disclaimer of Warranty. Unless required by applicable law or
agreed to in writing, Licensor provides the Work (and each
Contributor provides its Contributions) on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied, including, without limitation, any warranties or conditions
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
PARTICULAR PURPOSE. You are solely responsible for determining the
appropriateness of using or redistributing the Work and assume any
risks associated with Your exercise of permissions under this License.
8. Limitation of Liability. In no event and under no legal theory,
whether in tort (including negligence), contract, or otherwise,
unless required by applicable law (such as deliberate and grossly
negligent acts) or agreed to in writing, shall any Contributor be
liable to You for damages, including any direct, indirect, special,
incidental, or consequential damages of any character arising as a
result of this License or out of the use or inability to use the
Work (including but not limited to damages for loss of goodwill,
work stoppage, computer failure or malfunction, or any and all
other commercial damages or losses), even if such Contributor
has been advised of the possibility of such damages.
9. Accepting Warranty or Additional Liability. While redistributing
the Work or Derivative Works thereof, You may choose to offer,
and charge a fee for, acceptance of support, warranty, indemnity,
or other liability obligations and/or rights consistent with this
License. However, in accepting such obligations, You may act only
on Your own behalf and on Your sole responsibility, not on behalf
of any other Contributor, and only if You agree to indemnify,
defend, and hold each Contributor harmless for any liability
incurred by, or claims asserted against, such Contributor by reason
of your accepting any such warranty or additional liability.
END OF TERMS AND CONDITIONS
README.md
+113
View File
@@ -0,0 +1,113 @@
# hpe-branding
A readable mirror of the **HPE Design System**, HPE's brand standard for
software user interfaces: what an HPE product UI must look like, how its text
must read, and what accessibility it must meet.
Canonical source: `https://design-system.hpe.design`
Upstream repo: `https://github.com/grommet/hpe-design-system` (Apache-2.0)
## Why this exists
The official site is a Next.js static export that renders entirely in the
browser. Fetch a page and you get a 1.5 KB empty shell:
```bash
curl -s https://design-system.hpe.design/foundation/color | wc -c # 1540
```
There is no sitemap and no robots.txt. That makes the guidance hard to grep,
hard to diff, and impossible to feed to a coding agent without a browser.
This repo is the same material in plain Markdown, with the values resolved.
Every color here is a real hex code, not a token reference. Every spacing step
is a real pixel value. The icons and graphics are checked in.
## Contents
| Path | What it covers |
| --- | --- |
| [`01-what-it-is.md`](01-what-it-is.md) | Scope, published packages, how it ships, Brand Central vs Design System authority |
| [`02-brand-foundations.md`](02-brand-foundations.md) | Logo and Element placement, resolved color tables, HPE Graphik, the spacing scale, icon rules |
| [`03-design-tokens.md`](03-design-tokens.md) | The three token tiers, naming, the version map, how to consume them |
| [`04-voice-and-tone.md`](04-voice-and-tone.md) | UI string rules: capitalization, acronyms, banned phrasings, the term list |
| [`05-accessibility.md`](05-accessibility.md) | Conformance level, the responsibility split, testing tools |
| [`06-components-templates.md`](06-components-templates.md) | The 48-component and 27-template inventory, and what each layer is for |
| [`07-adoption-and-compliance.md`](07-adoption-and-compliance.md) | Three adoption paths, a review checklist, what is worth arguing about |
| [`HOWTO-mirror-the-design-system.md`](HOWTO-mirror-the-design-system.md) | **Runbook to rebuild this repo from scratch.** Verified commands and two scripts |
| [`assets/icons/`](assets/icons/) | All 452 SVG icons, the complete HPE set |
| [`assets/brand/`](assets/brand/) | HPE and HPE Aruba Networking word-marks |
| [`assets/site-images/`](assets/site-images/) | All 282 documentation graphics |
New to this? Read `01`, then `02`. If you are about to build or review a UI,
skip to the checklist in `07`.
To regenerate this against a newer upstream, the runbook is the whole
procedure, including the two scripts that do the awkward parts.
## Things that surprise people
- **HPE green `#01a982` is not the button color.** It is
`color.decorative.brand`. Primary interactive surfaces use `#068667` in light
mode and `#05cc93` in dark. Reaching for `#01a982` on a button produces the
wrong button.
- **The Element is an icon, not a logo file.** It is
[`assets/icons/element.svg`](assets/icons/element.svg), the only icon in the
set with a hardcoded color, because the brand green must not inherit.
- **Brand Central and the Design System disagree on color, deliberately.** The
Design System extends brand color for digital product use and instructs
product teams to prefer its palette for app and web work. Brand Central
governs logos, print, and marketing.
- **The HPE GreenLake badge is retired.** It must not be added to new material,
pending a GreenLake rebrand.
- **The upstream "What's new" page is stale.** Its most recent entry is April
2023. It is not a changelog. Use the GitHub releases and the
`hpe-design-tokens` changelog instead.
- **Token JSON holds no values.** It holds references. Reading
`color.light.json` directly gives you `{base.color.grey.50}`, not `#f7f7f7`.
## Provenance
Content read from `grommet/hpe-design-system` at commit **`567c4d5`**
(2026-07-16), mirrored **2026-07-30**.
Versions current at that date: `hpe-design-tokens` **2.2.3**,
`@hpe-design/icons-grommet` **1.2.0**, `@hpe-design/icons-svg` **0.2.0**.
Theme generation **v2-Landmark** (October 2025 onward), paired with
`grommet-theme-hpe` **8.x**.
This is a **point-in-time snapshot and it will drift.** For anything that
ships, check upstream. The runbook exists so refreshing is cheap.
Colors were not transcribed by hand. Because token JSON stores references, every
color in these docs was produced by resolving the reference chain with the
script in the runbook, then diffed against the written claim.
## License and trademark
Upstream is **Apache-2.0**, "Copyright 2025 Hewlett Packard Enterprise
Development LP." The license text ships with the icons at
[`assets/icons/LICENSE`](assets/icons/LICENSE). This mirror is redistributed
under the same terms.
**An open-source copyright license grants no trademark rights.** The HPE logo
and the Element are HPE trademarks. Their use is governed by the
[HPE Terms of Use](https://www.hpe.com/us/en/about/legal/terms-of-use.html),
with authoritative files and usage rules on
[Brand Central](https://brandcentral.hpe.com/home) (HPE login required).
Treat `assets/brand/` as a reference copy for reading. For anything that ships
or reaches a customer, pull the current file from Brand Central. A vendored
mark goes stale silently, and the pending GreenLake rebrand is exactly the
event that would make a copy wrong.
`assets/site-images/logos/` holds **third-party partner logos** (Apache,
Dataiku, Dremio, H2O, SingleStore, StreamSets and others). Those marks belong
to their owners and are not covered by the Apache-2.0 license above.
## Not affiliated
An unofficial mirror kept for reference. Not published by, or endorsed by, the
HPE Design System team. Upstream is the authority: open issues against
[`grommet/hpe-design-system`](https://github.com/grommet/hpe-design-system),
not here.
assets/README.md
+187
View File
@@ -0,0 +1,187 @@
# hpe-branding/assets — vendored HPE assets
Copies of the icon set, brand marks, and documentation graphics from
`github.com/grommet/hpe-design-system`, taken at commit `567c4d5` (2026-07-16)
on 2026-07-30. Here so the marks, icons, and reference images are available
without a build step, an npm install, or loading a JavaScript site.
| Folder | Contents | Size |
| --- | --- | --- |
| `icons/` | 452 SVG icons, the full HPE set | 1.9 MB |
| `brand/` | 5 HPE and Aruba word-marks | 34 KB |
| `site-images/` | 282 documentation graphics, mirrored from the docs site | 32 MB |
## License and trademark
The code and icons are **Apache-2.0**, "Copyright 2025 Hewlett Packard
Enterprise Development LP." The license text is in `icons/LICENSE`.
The license is not the whole story for the brand marks. **An open-source
copyright license does not grant trademark rights.** The HPE logo and the
Element are HPE trademarks, and their use is governed by the
[HPE Terms of Use](https://www.hpe.com/us/en/about/legal/terms-of-use.html)
with the authoritative files and usage rules on
[Brand Central](https://brandcentral.hpe.com/home).
Treat `brand/` as a convenience copy for reading and internal reference. For
anything that ships or goes to a customer, pull the current file from Brand
Central. A vendored logo goes stale silently, and the GreenLake rebrand noted
in `../02-brand-foundations.md` is exactly the kind of event that would make
this copy wrong.
## brand/
| File | What it is |
| --- | --- |
| `HPE_logo_full-clr_pos_rgb.svg` | HPE word-mark, positive (light backgrounds) |
| `HPE_logo_full-clr_rev_rgb.svg` | HPE word-mark, reversed (dark backgrounds) |
| `hpe-logo.svg` | Site header variant of the word-mark |
| `hpe-logo-invert.svg` | Site header variant, inverted |
| `aruba-logo.svg` | HPE Aruba Networking word-mark |
The **Element** (the green rectangle symbol) is not here. It ships as part of
the icon set: `icons/element.svg`. It is the only icon in the set with a
hardcoded color, `#01A982`, because the brand green is not allowed to inherit.
It is also one of the few icons that is not square, at 48x24.
Placement rules for the Element and the logos are in
`../02-brand-foundations.md`.
## icons/
452 SVGs, flat directory, one file per icon, named semantically.
Properties worth knowing before using them:
- **448 of 452 are 24x24.** The exceptions are `element.svg` (48x24),
`catalog.svg` and `chat.svg` (24x25), and `chat-conversation.svg` (24x26).
If you are laying out an icon grid, those four will not align.
- **451 of 452 use `fill="currentColor"`**, so they take the color of their
container with no edit. `element.svg` is the one exception.
- No `<style>` blocks, no external references, no embedded rasters. Safe to
inline.
Sizing, color tokens, and accessibility rules (`aria-label`, `aria-hidden` on
decorative icons) are in `../02-brand-foundations.md`.
For React, prefer the published package `@hpe-design/icons-grommet` over these
raw files. It carries the accessibility props and theme integration. These SVGs
are for non-React use, for design work, and for reading.
### Largest name families
`document` (32), `user` (10), `cloud` (8), `wifi` (6), `status` (6),
`shield` (5), `link` (5), `folder` (5), `table` (4), `star` (4), `power` (4),
`phone` (4), `caret` (4), `battery` (4).
### Full index
AI-gen-fill AI-gen AI-systems accessibility achievement actions ad add aed
aggregate aid alarm alert analytics anchor announce app apps archive
article ascend ascending assist-listening atm attachment attraction baby
back-ten bar battery-empty battery-full battery-low battery beacon bike
blades-horizontal blades-vertical blog bluetooth book bookmark braille
briefcase brush bucket bug bulb bundle bus business-service cafeteria
calculator calendar camera car caret-down caret-left caret-right caret-up
cart catalog certificate channel chapter-add chapter-next chapter-previous
chart-bar chart-line chart-pie chat-conversation chat checkmark
circle-empty circle-fill clear clipboard clock clone close closed-caption
cloud-add cloud-computer cloud-download cloud-locked cloud-offline
cloud-software cloud-upload cloud cluster coat-check code coffee columns
command compare compass compliance configure connect connectivity console
contact contract copy cpu credit-card cube cubes currency cursor cut cycle
dashboard database deliver deploy descend descending desktop detach device
dial diamond directions disc dislike-fill dislike document-cloud
document-config document-csv document-download document-excel
document-image document-locked document-missing document-notes
document-outlook document-pdf document-performance document-ppt
document-rtf document-sound document-store document-test document-text
document-threat document-time document-transfer document-txt
document-update document-upload document-user document-verified
document-video document-warning document-windows document-word document-zip
document domain down download drag drive-cage duplicate edit eject element
elevator emergency-fill emergency erase escalator expand fan fast-forward
favorite filter finger-print firewall five-g flag flows focus folder-add
folder-cycle folder-open folder-search folder forward-ten gallery gamepad
gateway gem gift globe gpu grid group grow halt help-book help hide history
home host-maintenance host ice-cream image impact in-progress inbox info
inherit insecure inspect install integration iteration key keyboard
language layer left like-fill like link-bottom link-next link-prev link-top
link list-ordered list-unordered list local location-pin location lock
lodging login logout lounge magic mail manual map-add map meeting memory
menu microphone mode money monitor moon more-vertical more mouse multimedia
multiple music navigate network-drive network-switch network new-window new
nodes note notes notification object-group object-ungroup offline-storage
optimize organization overview package paint pan pause-fill pause
performance personal-computer phone-flip phone-horizontal phone-vertical
phone pin play-fill play power-cycle power-force-shutdown power-reset power
print progress projects qr redo refresh resources restaurant restroom-men
restroom-unisex restroom-women restroom resume return revert rewind right
risk robot rotate-left rotate-right rss run sans satellite save scan
scorecard script sd search-advanced search secure select selection
semantics send sensor-locked sensor-off sensor server-cluster server
servers service-play services settings share shield-check shield-emergency
shield-security shield-unsecure shield shift shop sidebar sign spa split
splits stakeholder star-fill star-half-fill star-half star status-critical
status-disabled status-good status-info status-unknown status-warning steps
stop-fill stop storage street-view subtract sun support swim switch sync
system table-add-column table-add table-search table tag tape target task
technology temperature template test-desktop test text-wrap theme threats
three-d-effects three-d ticket time tools tooltip train transaction trash
tree-node tree trigger trophy tty undo unlink unlock unsorted up update
upgrade upload usb-key user-add user-admin user-expert user-female
user-manager user-new user-police user-settings user-worker user validate
vend video view virtual-machine virtual-storage vm-maintenance volume-low
volume-mute volume vulnerability waypoint webcam wheelchair-active
wheelchair wifi-locked wifi-low wifi-medium wifi-none wifi-off wifi
workshop yoga zoom-in zoom-out
## site-images/
A mirror of `apps/docs/public/` from the docs repo: every graphic the
documentation site renders. 282 files. These are the diagrams, do/don't
comparisons, and screenshots that the MDX prose refers to, so they are the
visual half of the guidance the docs in this folder summarize.
| Folder | Files | What it covers |
| --- | --- | --- |
| `templateImages/` | 82 | The 27 template patterns: navigation, forms, wizards, dashboards, notifications |
| `foundationImages/` | 32 | Color, typography, spacing, scale. Includes `accessibilityImages/` with the four WCAG principle graphics |
| `extendImages/` | 21 | Extending the system beyond stock components |
| `highlightImages/` | 20 | Home page and section highlights |
| `componentImages/` | 11 | Component illustrations. Includes `PageBackground.svg` at 2.3 MB |
| `logos/` | 10 | Third-party partner logos (Apache, Dataiku, Dremio, H2O, SingleStore, StreamSets and others), **not** HPE marks |
| `images/` | 6 | Page backgrounds, light and dark |
| `whatis/` | 5 | Explainer graphics |
| `creativetoolkitimages/` | 3 | Creative toolkit |
| `learnImages/` | 2 + 2 subfolders | Tutorial screenshots for the grid and box-model walkthroughs |
| `static/` | 2 + 2 subfolders | Site chrome, favicon, accessibility video cover and caption files |
| root | 50 | Component previews, `404` art, token version comparisons (`hpe-design-tokens-v0.png` / `-v1.png`), the HPE word-marks |
Notes on what is in here:
- **About 14 MB of the 32 MB is Unsplash stock photography** in
`learnImages/grid-fundamentals-part-1/`. Four JPGs between 2.5 and 4.9 MB
used as filler content in a Grommet grid tutorial. They carry no HPE
guidance. If repo size ever becomes a problem, delete that folder first and
you reclaim nearly half the total at zero cost.
- `logos/` holds **partner** logos, not HPE brand marks. Do not confuse it with
`brand/`. Those third-party marks belong to their owners and are not covered
by the Apache-2.0 license on this repo.
- Five files are not images: `static/favicon.ico`, two WebVTT caption tracks
for the accessibility video, an `.avif`, and a `.jp2`.
- The HPE word-marks appear both at the root here and in `brand/`. `brand/` is
the curated copy; use that one.
`hpe-design-tokens-v0.png` and `hpe-design-tokens-v1.png` are worth a look on
their own. They are the side-by-side dashboard comparison showing what a theme
major version actually changes, which makes the versioning argument in
`../03-design-tokens.md` concrete.
## Open questions
- Does `@hpe-design/icons-grommet` cover all 452, or is the React package a
subset?
- The icon docs mention per-icon metadata for discovery. That metadata is not
in these raw SVGs. Where does it live, and is it published?
- Are the four off-grid icons a deliberate optical adjustment or a source bug
worth reporting upstream?
assets/brand/HPE_logo_full-clr_pos_rgb.svg
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 504 144" xmlns:v="https://vecta.io/nano"><path d="M391.2 81.27v35.46H504V144H362.4V54H504v27.27H391.2z" fill="#01a982"/><path d="M276.673 0h-89.254v144h28.8v-36.607h60.008c37.914 0 59.692-21.59 59.692-53.395C335.918 21.985 314.14 0 276.673 0zm-1.881 79.793h-58.573V27.27h58.573c22.679 0 31.281 10.484 31.281 26.728 0 16.079-8.602 25.795-31.281 25.795zM391.2 40.63h-28.8V0H504v27.27H391.2v13.36zM151.2 0v144h-28.8V84.984H28.8V144H0V0h28.8v57.384h93.6V0h28.8z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 519 B

assets/brand/HPE_logo_full-clr_rev_rgb.svg
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 504 144" xmlns:v="https://vecta.io/nano"><path d="M391.2 81.27v35.46H504V144H362.4V54H504v27.27H391.2z" fill="#01a982"/><path d="M276.673 0h-89.254v144h28.8v-36.607h60.008c37.914 0 59.692-21.59 59.692-53.395C335.918 21.985 314.14 0 276.673 0zm-1.881 79.793h-58.573V27.27h58.573c22.679 0 31.281 10.484 31.281 26.728 0 16.079-8.602 25.795-31.281 25.795zM391.2 40.63h-28.8V0H504v27.27H391.2v13.36zM151.2 0v144h-28.8V84.984H28.8V144H0V0h28.8v57.384h93.6V0h28.8z" fill="#fff"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 531 B

assets/brand/aruba-logo.svg
+8
View File
@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="153px" height="39px" viewBox="0 0 153 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Dark" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="aries-foundation-branding" transform="translate(-146.000000, -3448.000000)" fill="#FF8300">
<path d="M161,3457 C169.179407,3457 175.82973,3463.54679 175.996782,3471.68617 L176,3472 L176,3487 C173.125264,3486.53683 171.135968,3485.52888 170.032112,3483.97615 C167.521235,3485.87404 164.392109,3487 161,3487 C152.715729,3487 146,3480.28427 146,3472 C146,3463.71573 152.715729,3457 161,3457 Z M284,3457 C292.179407,3457 298.82973,3463.54679 298.996782,3471.68617 L299,3472 L299,3487 C296.125264,3486.53683 294.135968,3485.52888 293.032112,3483.97615 C290.521235,3485.87404 287.392109,3487 284,3487 C275.715729,3487 269,3480.28427 269,3472 C269,3463.71573 275.715729,3457 284,3457 Z M233,3455.15484 L233,3472 C233,3480.28427 226.284271,3487 218,3487 C209.715729,3487 203,3480.28427 203,3472 L203,3459.15484 C207.666667,3460.7229 210,3463.81549 210,3468.43262 L210,3472 C210,3476.41828 213.581722,3480 218,3480 C222.418278,3480 226,3476.41828 226,3472 L226,3464.43262 C226,3459.92042 228.228478,3456.86426 232.685434,3455.26412 L233,3455.15484 Z M236,3448 C240.666667,3449.56805 243,3452.66065 243,3457.27778 L243.000628,3459.30873 C245.315899,3457.84633 248.059114,3457 251,3457 C259.284271,3457 266,3463.71573 266,3472 C266,3480.28427 259.284271,3487 251,3487 C247.607891,3487 244.478765,3485.87404 241.96598,3483.97547 C240.905704,3485.47026 239.023674,3486.45995 236.321796,3486.94521 L236,3487 L236,3448 Z M194,3457 C195.888508,3457 197.918334,3457.22992 199.614673,3457.84992 L200,3458 L200,3465.99936 C198.522238,3464.67637 196.209139,3464 194,3464 C189.581722,3464 186,3467.58172 186,3472 L186,3471.938 L186,3487 L179,3487 L179,3459.15484 C181.059098,3459.4866 182.663923,3460.09785 183.814474,3460.98861 C186.488617,3458.51322 190.067593,3457 194,3457 Z M161,3464 C156.581722,3464 153,3467.58172 153,3472 C153,3476.41828 156.581722,3480 161,3480 C165.418278,3480 169,3476.41828 169,3472 C169,3467.58172 165.418278,3464 161,3464 Z M284,3464 C279.581722,3464 276,3467.58172 276,3472 C276,3476.41828 279.581722,3480 284,3480 C288.418278,3480 292,3476.41828 292,3472 C292,3467.58172 288.418278,3464 284,3464 Z M251,3464 C246.581722,3464 243,3467.58172 243,3472 C243,3476.41828 246.581722,3480 251,3480 C255.418278,3480 259,3476.41828 259,3472 C259,3467.58172 255.418278,3464 251,3464 Z" id="Combined-Shape"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

assets/brand/hpe-logo-invert.svg
+11
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

assets/brand/hpe-logo.svg
+11
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

assets/icons/AI-gen-fill.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.8974 12.8572C19.7935 13.0788 19.7935 14.3526 18.8974 14.5742C15.0741 15.5198 12.0888 18.505 11.1433 22.3284C10.9217 23.2245 9.64788 23.2245 9.42628 22.3284C8.48072 18.505 5.49548 15.5198 1.67211 14.5742C0.776046 14.3526 0.776046 13.0788 1.67211 12.8572C5.49548 11.9117 8.48073 8.92644 9.42628 5.10307C9.64788 4.20701 10.9217 4.20701 11.1433 5.10307C12.0888 8.92644 15.0741 11.9117 18.8974 12.8572Z" fill="currentColor"/>
<path d="M22.6759 5.09447C23.1079 5.18991 23.1079 5.80577 22.6759 5.90122C20.7923 6.31741 19.3212 7.78855 18.905 9.6722C18.8095 10.1042 18.1937 10.1042 18.0982 9.6722C17.682 7.78855 16.2109 6.3174 14.3272 5.90122C13.8953 5.80577 13.8953 5.18991 14.3272 5.09447C16.2109 4.67828 17.682 3.20714 18.0982 1.32349C18.1937 0.89152 18.8095 0.891519 18.905 1.32349C19.3212 3.20714 20.7923 4.67828 22.6759 5.09447Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 965 B

assets/icons/AI-gen.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.42584 5.10303C9.64745 4.20696 10.922 4.20696 11.1436 5.10303C12.0892 8.92632 15.0742 11.9114 18.8975 12.8569C19.7936 13.0785 19.7936 14.3531 18.8975 14.5747L18.5411 14.6685C14.8893 15.7069 12.0596 18.6248 11.1436 22.3286L11.0899 22.4858C10.7881 23.172 9.7813 23.172 9.47955 22.4858L9.42584 22.3286C8.50985 18.6248 5.68029 15.7069 2.02838 14.6685L1.67194 14.5747C0.776079 14.353 0.776134 13.0787 1.67194 12.8569C5.49522 11.9114 8.48022 8.92632 9.42584 5.10303ZM10.2842 8.4292C9.09748 10.6838 7.25272 12.5286 4.99811 13.7153C7.25271 14.902 9.09741 16.747 10.2842 19.0015C11.4709 16.7471 13.3161 14.9021 15.5704 13.7153C13.316 12.5285 11.4708 10.6837 10.2842 8.4292ZM18.0987 1.32373C18.1941 0.891757 18.8099 0.891757 18.9053 1.32373C19.3217 3.20709 20.7925 4.67802 22.6758 5.09424C23.1078 5.18968 23.1078 5.80544 22.6758 5.90088L22.4864 5.94971C20.6944 6.42025 19.3074 7.85263 18.9053 9.67236L18.8809 9.74854C18.7438 10.0785 18.2592 10.0786 18.1221 9.74854L18.0987 9.67236C17.7086 7.90657 16.3909 6.50327 14.6758 5.9917L14.3272 5.90088C13.8955 5.80533 13.8954 5.18977 14.3272 5.09424C16.2107 4.67807 17.6824 3.20722 18.0987 1.32373ZM18.501 4.82568C18.2927 5.06462 18.0681 5.28919 17.8292 5.49756C18.0682 5.70594 18.2926 5.93047 18.501 6.16943C18.7094 5.93052 18.934 5.70592 19.1729 5.49756C18.934 5.28915 18.7094 5.06466 18.501 4.82568Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

assets/icons/AI-systems.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C6.54101 23 2.01315 19.023 1.15039 13.8086C0.471151 13.489 0 12.8004 0 12C0 10.8954 0.89543 10 2 10C3.10457 10 4 10.8954 4 12C4 12.6758 3.66363 13.2717 3.15039 13.6338C3.91905 17.8241 7.5875 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C9.54689 3 7.32457 3.98 5.7002 5.57227C5.30584 5.95885 4.67277 5.95287 4.28613 5.55859C3.89954 5.16424 3.90553 4.53116 4.2998 4.14453C6.28291 2.20046 9.00234 1 12 1ZM7.0498 7.0498C9.78347 4.31613 14.2165 4.31613 16.9502 7.0498C19.6839 9.78347 19.6839 14.2165 16.9502 16.9502C16.5597 17.3407 15.9257 17.3407 15.5352 16.9502C15.1446 16.5597 15.1446 15.9257 15.5352 15.5352C17.4878 13.5825 17.4878 10.4175 15.5352 8.46484C13.5825 6.51222 10.4175 6.51222 8.46484 8.46484C6.51222 10.4175 6.51222 13.5825 8.46484 15.5352C9.03887 16.1092 9.71755 16.5134 10.4395 16.75C10.806 16.293 11.3686 16 12 16C13.1046 16 14 16.8954 14 18C14 19.1046 13.1046 20 12 20C11.1605 20 10.4431 19.4822 10.1465 18.749C9.01265 18.4388 7.94035 17.8407 7.0498 16.9502C4.31613 14.2165 4.31613 9.78347 7.0498 7.0498ZM12 9C13.6569 9 15 10.3431 15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9ZM12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

assets/icons/COPYRIGHT.md
+1
View File
@@ -0,0 +1 @@
Copyright 2025 Hewlett Packard Enterprise Development LP.
assets/icons/LICENSE
+177
View File
@@ -0,0 +1,177 @@
Apache License
Version 2.0, January 2004
http://www.apache.org/licenses/
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
1. Definitions.
"License" shall mean the terms and conditions for use, reproduction,
and distribution as defined by Sections 1 through 9 of this document.
"Licensor" shall mean the copyright owner or entity authorized by
the copyright owner that is granting the License.
"Legal Entity" shall mean the union of the acting entity and all
other entities that control, are controlled by, or are under common
control with that entity. For the purposes of this definition,
"control" means (i) the power, direct or indirect, to cause the
direction or management of such entity, whether by contract or
otherwise, or (ii) ownership of fifty percent (50%) or more of the
outstanding shares, or (iii) beneficial ownership of such entity.
"You" (or "Your") shall mean an individual or Legal Entity
exercising permissions granted by this License.
"Source" form shall mean the preferred form for making modifications,
including but not limited to software source code, documentation
source, and configuration files.
"Object" form shall mean any form resulting from mechanical
transformation or translation of a Source form, including but
not limited to compiled object code, generated documentation,
and conversions to other media types.
"Work" shall mean the work of authorship, whether in Source or
Object form, made available under the License, as indicated by a
copyright notice that is included in or attached to the work
(an example is provided in the Appendix below).
"Derivative Works" shall mean any work, whether in Source or Object
form, that is based on (or derived from) the Work and for which the
editorial revisions, annotations, elaborations, or other modifications
represent, as a whole, an original work of authorship. For the purposes
of this License, Derivative Works shall not include works that remain
separable from, or merely link (or bind by name) to the interfaces of,
the Work and Derivative Works thereof.
"Contribution" shall mean any work of authorship, including
the original version of the Work and any modifications or additions
to that Work or Derivative Works thereof, that is intentionally
submitted to Licensor for inclusion in the Work by the copyright owner
or by an individual or Legal Entity authorized to submit on behalf of
the copyright owner. For the purposes of this definition, "submitted"
means any form of electronic, verbal, or written communication sent
to the Licensor or its representatives, including but not limited to
communication on electronic mailing lists, source code control systems,
and issue tracking systems that are managed by, or on behalf of, the
Licensor for the purpose of discussing and improving the Work, but
excluding communication that is conspicuously marked or otherwise
designated in writing by the copyright owner as "Not a Contribution."
"Contributor" shall mean Licensor and any individual or Legal Entity
on behalf of whom a Contribution has been received by Licensor and
subsequently incorporated within the Work.
2. Grant of Copyright License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
copyright license to reproduce, prepare Derivative Works of,
publicly display, publicly perform, sublicense, and distribute the
Work and such Derivative Works in Source or Object form.
3. Grant of Patent License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
(except as stated in this section) patent license to make, have made,
use, offer to sell, sell, import, and otherwise transfer the Work,
where such license applies only to those patent claims licensable
by such Contributor that are necessarily infringed by their
Contribution(s) alone or by combination of their Contribution(s)
with the Work to which such Contribution(s) was submitted. If You
institute patent litigation against any entity (including a
cross-claim or counterclaim in a lawsuit) alleging that the Work
or a Contribution incorporated within the Work constitutes direct
or contributory patent infringement, then any patent licenses
granted to You under this License for that Work shall terminate
as of the date such litigation is filed.
4. Redistribution. You may reproduce and distribute copies of the
Work or Derivative Works thereof in any medium, with or without
modifications, and in Source or Object form, provided that You
meet the following conditions:
(a) You must give any other recipients of the Work or
Derivative Works a copy of this License; and
(b) You must cause any modified files to carry prominent notices
stating that You changed the files; and
(c) You must retain, in the Source form of any Derivative Works
that You distribute, all copyright, patent, trademark, and
attribution notices from the Source form of the Work,
excluding those notices that do not pertain to any part of
the Derivative Works; and
(d) If the Work includes a "NOTICE" text file as part of its
distribution, then any Derivative Works that You distribute must
include a readable copy of the attribution notices contained
within such NOTICE file, excluding those notices that do not
pertain to any part of the Derivative Works, in at least one
of the following places: within a NOTICE text file distributed
as part of the Derivative Works; within the Source form or
documentation, if provided along with the Derivative Works; or,
within a display generated by the Derivative Works, if and
wherever such third-party notices normally appear. The contents
of the NOTICE file are for informational purposes only and
do not modify the License. You may add Your own attribution
notices within Derivative Works that You distribute, alongside
or as an addendum to the NOTICE text from the Work, provided
that such additional attribution notices cannot be construed
as modifying the License.
You may add Your own copyright statement to Your modifications and
may provide additional or different license terms and conditions
for use, reproduction, or distribution of Your modifications, or
for any such Derivative Works as a whole, provided Your use,
reproduction, and distribution of the Work otherwise complies with
the conditions stated in this License.
5. Submission of Contributions. Unless You explicitly state otherwise,
any Contribution intentionally submitted for inclusion in the Work
by You to the Licensor shall be under the terms and conditions of
this License, without any additional terms or conditions.
Notwithstanding the above, nothing herein shall supersede or modify
the terms of any separate license agreement you may have executed
with Licensor regarding such Contributions.
6. Trademarks. This License does not grant permission to use the trade
names, trademarks, service marks, or product names of the Licensor,
except as required for reasonable and customary use in describing the
origin of the Work and reproducing the content of the NOTICE file.
7. Disclaimer of Warranty. Unless required by applicable law or
agreed to in writing, Licensor provides the Work (and each
Contributor provides its Contributions) on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied, including, without limitation, any warranties or conditions
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
PARTICULAR PURPOSE. You are solely responsible for determining the
appropriateness of using or redistributing the Work and assume any
risks associated with Your exercise of permissions under this License.
8. Limitation of Liability. In no event and under no legal theory,
whether in tort (including negligence), contract, or otherwise,
unless required by applicable law (such as deliberate and grossly
negligent acts) or agreed to in writing, shall any Contributor be
liable to You for damages, including any direct, indirect, special,
incidental, or consequential damages of any character arising as a
result of this License or out of the use or inability to use the
Work (including but not limited to damages for loss of goodwill,
work stoppage, computer failure or malfunction, or any and all
other commercial damages or losses), even if such Contributor
has been advised of the possibility of such damages.
9. Accepting Warranty or Additional Liability. While redistributing
the Work or Derivative Works thereof, You may choose to offer,
and charge a fee for, acceptance of support, warranty, indemnity,
or other liability obligations and/or rights consistent with this
License. However, in accepting such obligations, You may act only
on Your own behalf and on Your sole responsibility, not on behalf
of any other Contributor, and only if You agree to indemnify,
defend, and hold each Contributor harmless for any liability
incurred by, or claims asserted against, such Contributor by reason
of your accepting any such warranty or additional liability.
END OF TERMS AND CONDITIONS
assets/icons/accessibility.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21 7C21.5523 7 22 7.44772 22 8C22 8.55228 21.5523 9 21 9H14V13.1807L19.8174 21.4229C20.1359 21.874 20.0282 22.4989 19.5771 22.8174C19.126 23.1359 18.5011 23.0282 18.1826 22.5771L12.1826 14.0771C12.1654 14.0528 12.1526 14.0257 12.1377 14H11.8633C11.8551 14.0141 11.8487 14.0292 11.8398 14.043L6.33984 22.543C6.03988 23.0065 5.42068 23.1396 4.95703 22.8398C4.49346 22.5399 4.3604 21.9207 4.66016 21.457L10 13.2041V9H3C2.44772 9 2 8.55228 2 8C2 7.44772 2.44772 7 3 7H21Z" fill="currentColor"/>
<path d="M12 2C13.1046 2 14 2.89543 14 4C14 5.10457 13.1046 6 12 6C10.8954 6 10 5.10457 10 4C10 2.89543 10.8954 2 12 2Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 747 B

assets/icons/achievement.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.293 6.29297C14.6835 5.90244 15.3165 5.90244 15.707 6.29297C16.0976 6.68349 16.0976 7.31651 15.707 7.70703L11.707 11.707C11.3165 12.0976 10.6835 12.0976 10.293 11.707L8.79297 10.207C8.40244 9.81651 8.40244 9.18349 8.79297 8.79297C9.18349 8.40244 9.81651 8.40244 10.207 8.79297L11 9.58594L14.293 6.29297Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 1C18.5523 1 19 1.44772 19 2V3H22C23.1046 3 24 3.89543 24 5V8C24 9.50513 23.4563 10.776 22.5166 11.667C21.5852 12.5501 20.3288 13 19 13H18.4473C17.4996 15.0945 15.4303 16.6027 13 16.9316V18.0791C13.9159 18.2262 14.7548 18.5737 15.4287 19.0791C16.0779 19.5661 16.5963 20.2243 16.8428 21H17C17.5523 21 18 21.4477 18 22C18 22.5523 17.5523 23 17 23H7C6.44772 23 6 22.5523 6 22C6 21.4477 6.44772 21 7 21H7.15723C7.40373 20.2243 7.92206 19.5661 8.57129 19.0791C9.24519 18.5737 10.0841 18.2262 11 18.0791V16.9316C8.56966 16.6027 6.50036 15.0945 5.55273 13H5C3.67124 13 2.41483 12.5501 1.4834 11.667C0.543728 10.776 0 9.50513 0 8V5C0 3.89543 0.89543 3 2 3H5V2L5.00488 1.89746C5.05621 1.39333 5.48232 1 6 1H18ZM12 20C11.0909 20 10.3062 20.2777 9.77148 20.6787C9.63491 20.7811 9.51867 20.8894 9.41992 21H14.5801C14.4813 20.8894 14.3651 20.7811 14.2285 20.6787C13.6938 20.2777 12.9091 20 12 20ZM7 10.4287C7.00008 12.8852 9.16726 15 12 15C14.8327 15 16.9999 12.8852 17 10.4287V3H7V10.4287ZM2 8C2 9.00364 2.35149 9.73308 2.85938 10.2148C3.37568 10.7044 4.11983 11 5 11H5.02832C5.01126 10.8119 5 10.6216 5 10.4287V5H2V8ZM19 10.4287C19 10.6216 18.9887 10.8119 18.9717 11H19C19.8802 11 20.6243 10.7044 21.1406 10.2148C21.6485 9.73308 22 9.00364 22 8V5H19V10.4287Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

assets/icons/actions.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.5 1C12.7761 1 13 1.22386 13 1.5V2.60888C13 2.86375 13.1921 3.07632 13.4437 3.11689C14.8521 3.34396 16.1508 3.89758 17.2601 4.6981C17.4666 4.84714 17.7525 4.83257 17.9326 4.65252L19.0107 3.57504C19.206 3.37987 19.5225 3.37991 19.7177 3.57513L20.4248 4.28219C20.62 4.47745 20.62 4.79403 20.4248 4.9893L19.3467 6.06736C19.1666 6.24751 19.1519 6.53344 19.3011 6.74001C20.1018 7.84933 20.6559 9.14776 20.8831 10.5563C20.9237 10.8079 21.1362 11 21.3911 11H22.5C22.7761 11 23 11.2239 23 11.5V12.5C23 12.7761 22.7761 13 22.5 13H21.3911C21.1362 13 20.9237 13.1921 20.8831 13.4437C20.6559 14.852 20.1015 16.15 19.3009 17.2591C19.1519 17.4656 19.1665 17.7515 19.3465 17.9316L20.425 19.0107C20.6201 19.206 20.6201 19.5225 20.4249 19.7177L19.7178 20.4248C19.5225 20.62 19.206 20.62 19.0107 20.4248L17.9326 19.3467C17.7525 19.1666 17.4666 19.1519 17.26 19.301C16.1507 20.1016 14.8522 20.6551 13.4437 20.8821C13.1921 20.9227 13 21.1353 13 21.3901V22.5C13 22.7761 12.7761 23 12.5 23H11.5C11.2239 23 11 22.7761 11 22.5V21.3901C11 21.1353 10.8079 20.9227 10.5563 20.8821C9.14754 20.6551 7.84863 20.1019 6.73916 19.3012C6.53252 19.152 6.2465 19.1667 6.06636 19.3469L4.9893 20.4246C4.79405 20.6199 4.47739 20.62 4.28209 20.4247L3.57504 19.7176C3.37985 19.5224 3.37976 19.206 3.57484 19.0107L4.65273 17.9316C4.83267 17.7515 4.84722 17.4657 4.69822 17.2592C3.89782 16.1501 3.344 14.8519 3.1169 13.4437C3.07632 13.1921 2.86375 13 2.60888 13H1.5C1.22386 13 1 12.7761 1 12.5V11.5C1 11.2239 1.22386 11 1.5 11H2.60888C2.86375 11 3.07632 10.8079 3.11689 10.5563C3.34396 9.14785 3.89758 7.84922 4.6981 6.73991C4.84714 6.53337 4.83257 6.24753 4.65252 6.06738L3.57504 4.9893C3.37987 4.79402 3.37991 4.47751 3.57513 4.28229L4.28219 3.57523C4.47745 3.37997 4.79403 3.37997 4.9893 3.57523L6.06638 4.65232C6.24653 4.83247 6.53246 4.84707 6.73905 4.69799C7.84852 3.89734 9.14759 3.34392 10.5563 3.11688C10.8079 3.07632 11 2.86375 11 2.60888V1.5C11 1.22386 11.2239 1 11.5 1H12.5ZM12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

assets/icons/ad.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 14C7.55228 14 8 14.4477 8 15C8 15.5523 7.55228 16 7 16H6C5.44772 16 5 15.5523 5 15C5 14.4477 5.44772 14 6 14H7Z" fill="currentColor"/>
<path d="M9 10C9.55228 10 10 10.4477 10 11C10 11.5523 9.55228 12 9 12H6C5.44772 12 5 11.5523 5 11C5 10.4477 5.44772 10 6 10H9Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 1C18.7614 1 21 3.23858 21 6V12.6523L21.4932 12.7354C22.9397 12.9765 24 14.2278 24 15.6943V19.333C24 19.9009 23.8392 20.456 23.5381 20.9336L23.4004 21.1338L22.7002 22.0664C22.5704 22.2395 22.5 22.4506 22.5 22.667V23C22.5 23.5523 22.0523 24 21.5 24C20.9477 24 20.5 23.5523 20.5 23V22.667C20.5 22.0179 20.7101 21.3855 21.0996 20.8662L21.7998 19.9336L21.8857 19.7969C21.9603 19.6545 22 19.4953 22 19.333V15.6943C22 15.2055 21.6462 14.7884 21.1641 14.708L17.6709 14.126C16.7068 13.9652 16.0002 13.1307 16 12.1533V7.5C16 7.22386 15.7761 7 15.5 7C15.2239 7 15 7.22386 15 7.5V19.1719C15.0001 19.437 15.1055 19.6914 15.293 19.8789L16.1211 20.707L16.3203 20.9268C16.7578 21.4606 16.9999 22.1319 17 22.8281V23C17 23.5523 16.5523 24 16 24C15.4477 24 15 23.5523 15 23V22.8281C14.9999 22.5961 14.9193 22.3722 14.7734 22.1943L14.707 22.1211L13.8789 21.293C13.7869 21.201 13.7035 21.1019 13.625 21H6C3.23858 21 1 18.7614 1 16V6C1 3.23858 3.23858 1 6 1H16ZM6 3C4.34315 3 3 4.34315 3 6V16C3 17.6569 4.34315 19 6 19H13V8H6C5.44772 8 5 7.55228 5 7C5 6.44772 5.44772 6 6 6H13.5029C13.9591 5.39363 14.6828 5 15.5 5C16.8807 5 18 6.11929 18 7.5V12.1533L19 12.3193V6C19 4.34315 17.6569 3 16 3H6Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

assets/icons/add.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 1C12.5523 1 13 1.44772 13 2V11H22C22.5523 11 23 11.4477 23 12C23 12.5523 22.5523 13 22 13H13V22C13 22.5523 12.5523 23 12 23C11.4477 23 11 22.5523 11 22V13H2C1.44772 13 1 12.5523 1 12C1 11.4477 1.44772 11 2 11H11V2C11 1.44772 11.4477 1 12 1Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 380 B

assets/icons/aed.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 2C18.1414 2 19.6407 2.28212 20.875 3.26953C22.1506 4.29023 23 5.95002 23 8.40039C22.9999 10.2962 22.2851 12.1499 21.2979 13.8184C20.3065 15.4938 18.9998 17.0506 17.7178 18.3711C16.4326 19.6948 15.151 20.8036 14.1924 21.5801C13.7123 21.9689 13.3109 22.2762 13.0283 22.4873C12.887 22.5929 12.7747 22.6746 12.6973 22.7305C12.6588 22.7582 12.6292 22.7801 12.6084 22.7949C12.598 22.8023 12.5898 22.8084 12.584 22.8125C12.5811 22.8145 12.5788 22.8162 12.5771 22.8174C12.5763 22.818 12.5748 22.818 12.5742 22.8184C12.574 22.8185 12.572 22.8172 12 22L12.5732 22.8193C12.229 23.0602 11.771 23.0602 11.4268 22.8193L11.4258 22.8184C11.4252 22.818 11.4237 22.818 11.4229 22.8174C11.4212 22.8162 11.4189 22.8145 11.416 22.8125C11.4102 22.8084 11.402 22.8023 11.3916 22.7949C11.3708 22.7801 11.3412 22.7582 11.3027 22.7305C11.2253 22.6746 11.113 22.5929 10.9717 22.4873C10.6891 22.2762 10.2877 21.9689 9.80762 21.5801C8.84901 20.8036 7.56737 19.6948 6.28223 18.3711C5.00021 17.0506 3.69351 15.4938 2.70215 13.8184C1.71491 12.1499 1.0001 10.2962 1 8.40039C1 5.95002 1.84937 4.29023 3.125 3.26953C4.35927 2.28212 5.85855 2 7 2C8.3213 2 9.53781 2.65073 10.4932 3.40137C10.925 3.74073 11.3251 4.12033 11.6865 4.50781C11.8495 4.28063 12.0494 4.03653 12.293 3.79297C13.2179 2.86806 14.7174 2 17 2ZM17 4C16.5262 4 16.0022 4.17206 15.458 4.4873C14.8201 4.92465 14.3068 5.62282 13.8945 6.44727C13.6243 6.98771 13.4251 7.53516 13.2812 8H14C14.3565 8 14.6863 8.18973 14.8652 8.49805C15.0441 8.80634 15.045 9.18663 14.8682 9.49609L12.8682 12.9961C12.6432 13.3898 12.1814 13.5832 11.7432 13.4668C11.305 13.3504 11 12.9534 11 12.5V11H10C9.67857 11 9.37643 10.8457 9.18848 10.585C9.00052 10.3242 8.95011 9.98854 9.05176 9.68359C9.05199 9.68291 9.05234 9.68086 9.05273 9.67969C9.05357 9.67719 9.0551 9.67355 9.05664 9.66895C9.05973 9.65974 9.06353 9.64608 9.06934 9.62891C9.08095 9.59457 9.09855 9.54513 9.12012 9.48242C9.16327 9.35696 9.22489 9.17849 9.30078 8.9668C9.45201 8.54497 9.66091 7.98241 9.8877 7.43164C10.0676 6.99475 10.2727 6.53544 10.4775 6.15332C10.1195 5.73841 9.70485 5.32564 9.25684 4.97363C8.46229 4.34942 7.67861 4 7 4C6.14148 4 5.14072 4.21853 4.375 4.83105C3.65084 5.41038 3 6.451 3 8.40039C3.0001 9.80419 3.53539 11.2999 4.42285 12.7998C5.30639 14.293 6.49992 15.7241 7.71777 16.9785C8.93241 18.2296 10.1511 19.2842 11.0674 20.0264C11.4342 20.3235 11.7525 20.5682 12 20.7559C12.2475 20.5682 12.5658 20.3235 12.9326 20.0264C13.8489 19.2842 15.0676 18.2296 16.2822 16.9785C17.5001 15.7241 18.6936 14.293 19.5771 12.7998C20.4646 11.2999 20.9999 9.80419 21 8.40039C21 6.451 20.3492 5.41038 19.625 4.83105C18.8593 4.21853 17.8585 4 17 4Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

assets/icons/aggregate.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C12.4183 0 16 3.58172 16 8C20.4183 8 24 11.5817 24 16C24 20.4183 20.4183 24 16 24C11.5817 24 8 20.4183 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM16 14C16 15.1046 15.1046 16 14 16H10C10 19.3137 12.6863 22 16 22C19.3137 22 22 19.3137 22 16C22 12.6863 19.3137 10 16 10V14ZM8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14V10C8 8.89543 8.89543 8 10 8H14C14 4.68629 11.3137 2 8 2ZM10 14H14V10H10V14Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 592 B

assets/icons/aid.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 10C12.5523 10 13 10.4477 13 11V13H15C15.5523 13 16 13.4477 16 14C16 14.5523 15.5523 15 15 15H13V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V15H9C8.44772 15 8 14.5523 8 14C8 13.4477 8.44772 13 9 13H11V11C11 10.4477 11.4477 10 12 10Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 1C15.6569 1 17 2.34315 17 4V5H18C20.7614 5 23 7.23858 23 10V18C23 20.7614 20.7614 23 18 23H6C3.23858 23 1 20.7614 1 18V10C1 7.23858 3.23858 5 6 5H7V4C7 2.34315 8.34315 1 10 1H14ZM6 7C4.34315 7 3 8.34315 3 10V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V10C21 8.34315 19.6569 7 18 7H6ZM10 3C9.44772 3 9 3.44772 9 4V5H15V4C15 3.44772 14.5523 3 14 3H10Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 828 B

assets/icons/alarm.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 7C12.5523 7 13 7.44772 13 8V12.5859L15.707 15.293C16.0976 15.6835 16.0976 16.3165 15.707 16.707C15.3165 17.0976 14.6835 17.0976 14.293 16.707L11.293 13.707C11.1054 13.5195 11 13.2652 11 13V8C11 7.44772 11.4477 7 12 7Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 1C21.8892 1 24 3.11084 24 5.5C24 7.15046 23.3298 8.50133 22.3857 9.37402C22.7821 10.5096 23 11.7292 23 13C23 15.6777 22.0422 18.1306 20.4521 20.0381L22.707 22.293C23.0976 22.6835 23.0976 23.3165 22.707 23.707C22.3165 24.0976 21.6835 24.0976 21.293 23.707L19.0381 21.4521C17.1306 23.0422 14.6777 24 12 24C9.32205 24 6.86847 23.0424 4.96094 21.4521L2.70703 23.707C2.31651 24.0976 1.68349 24.0976 1.29297 23.707C0.902445 23.3165 0.902445 22.6835 1.29297 22.293L3.54688 20.0381C1.9571 18.1307 1 15.6775 1 13C1 11.7293 1.21698 10.5095 1.61328 9.37402C0.669483 8.50131 0 7.15015 0 5.5C0 3.11084 2.11084 1 4.5 1C6.15015 1 7.50131 1.66948 8.37402 2.61328C9.50949 2.21698 10.7293 2 12 2C13.2704 2 14.4898 2.21718 15.625 2.61328C16.4977 1.66923 17.8496 1 19.5 1ZM12 4C7.02895 4 3 8.02895 3 13C3 17.9711 7.02895 22 12 22C16.9711 22 21 17.9711 21 13C21 8.02895 16.9711 4 12 4ZM4.5 3C3.21541 3 2 4.21541 2 5.5C2 6.27603 2.21956 6.91225 2.53613 7.39258C3.47788 5.80644 4.80644 4.47788 6.39258 3.53613C5.91225 3.21956 5.27603 3 4.5 3ZM19.5 3C18.7236 3 18.0869 3.21932 17.6064 3.53613C19.1928 4.47782 20.521 5.80639 21.4629 7.39258C21.7796 6.9122 22 6.27627 22 5.5C22 4.21541 20.7846 3 19.5 3Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

assets/icons/alert.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 15.9004C12.5523 15.9004 13 16.3481 13 16.9004V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V16.9004C11 16.3481 11.4477 15.9004 12 15.9004Z" fill="currentColor"/>
<path d="M12 6.5C12.5523 6.5 13 6.94772 13 7.5V13.5C13 14.0523 12.5523 14.5 12 14.5C11.4477 14.5 11 14.0523 11 13.5V7.5C11 6.94772 11.4477 6.5 12 6.5Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 762 B

assets/icons/analytics.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.082 0.0449219L13.4014 0.0751953C16.6951 0.429926 19.6241 2.01876 21.7119 4.36035C22.3907 5.12197 22.3103 6.18066 21.7334 6.87793C22.5388 8.40718 23 10.1513 23 12C23 18.0723 18.0723 23 12 23C5.92772 23 1 18.0723 1 12C1.00003 6.17822 5.5298 1.41192 11.2549 1.02832C11.57 0.464113 12.1525 0.0577736 12.8623 0.0380859L13.082 0.0449219ZM11 3.05664C6.50236 3.55471 3.00003 7.37036 3 12C3 16.9677 7.03228 21 12 21C16.9677 21 21 16.9677 21 12C21 10.623 20.6867 9.31754 20.1328 8.14941L14.2002 12.5996C12.8817 13.5885 11 12.6481 11 11V3.05664ZM13 11L20.1602 5.62891C18.3539 3.63422 15.8286 2.30281 13 2.04688V11Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 783 B

assets/icons/anchor.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C13.6569 1 15 2.34315 15 4C15 5.30574 14.1645 6.413 13 6.8252V9H15C15.5523 9 16 9.44772 16 10C16 10.5523 15.5523 11 15 11H13V19.9326C14.8865 19.6749 16.6068 18.6667 18.1621 16.7891C18.058 16.5469 18 16.2803 18 16C18 14.8954 18.8954 14 20 14C21.1046 14 22 14.8954 22 16C22 17.1046 21.1046 18 20 18C19.921 18 19.8432 17.9933 19.7666 17.9844C17.6313 20.5945 15.0429 22 12 22C8.95685 22 6.3679 20.5948 4.23242 17.9844C4.15609 17.9932 4.0787 18 4 18C2.89543 18 2 17.1046 2 16C2 14.8954 2.89543 14 4 14C5.10457 14 6 14.8954 6 16C6 16.2804 5.9411 16.5468 5.83691 16.7891C7.3924 18.667 9.1134 19.6749 11 19.9326V11H9C8.44772 11 8 10.5523 8 10C8 9.44772 8.44772 9 9 9H11V6.8252C9.83548 6.41299 9 5.30574 9 4C9 2.34315 10.3431 1 12 1ZM12 3C11.4477 3 11 3.44772 11 4C11 4.55228 11.4477 5 12 5C12.5523 5 13 4.55228 13 4C13 3.44772 12.5523 3 12 3Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1015 B

assets/icons/announce.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.4463 1.66706C18.7286 1.47932 19.0914 1.44635 19.4072 1.58698C19.7677 1.74777 20 2.10537 20 2.50007V7.12605C21.7253 7.57006 23 9.13611 23 11.0001C22.9999 12.8639 21.7252 14.4301 20 14.8741V19.5001C19.9999 19.8947 19.7676 20.2524 19.4072 20.4132C19.0915 20.5537 18.7286 20.5207 18.4463 20.3331L18.3311 20.2432L18.3291 20.2413C18.3273 20.2397 18.3242 20.237 18.3203 20.2335C18.312 20.2261 18.2986 20.2146 18.2812 20.1993C18.2465 20.1686 18.1942 20.1224 18.126 20.0635C17.9893 19.9456 17.789 19.7758 17.5391 19.5714C17.0375 19.161 16.3401 18.6154 15.5557 18.0723C15.2744 17.8776 14.9827 17.6871 14.6885 17.502C14.41 18.1393 13.975 18.6514 13.5 19.0313C13.0084 19.4246 12.4377 19.7079 11.8916 19.8634L11.9873 20.1192C12.6911 21.997 11.3033 24 9.29785 24.0001C8.10047 24.0001 7.02891 23.2569 6.6084 22.1358L4.22754 15.7882C3.61546 15.6259 3.03143 15.3571 2.52637 14.9307C1.51056 14.0731 1.00005 12.7492 1 11.0001C1 9.25088 1.51059 7.92711 2.52637 7.06941C3.50918 6.23972 4.78796 6.00007 6 6.00007H11C11.5295 6.00007 12.245 5.79287 13.0879 5.39363C13.9113 5.00356 14.7681 4.47306 15.5557 3.9278C16.3401 3.38475 17.0375 2.83912 17.5391 2.42878C17.7889 2.22433 17.9893 2.05456 18.126 1.93659C18.1941 1.87776 18.2465 1.83153 18.2812 1.80085C18.2985 1.78559 18.312 1.7741 18.3203 1.76667C18.3242 1.76319 18.3273 1.76051 18.3291 1.75886L18.3311 1.75691L18.4463 1.66706ZM8.48047 21.4337C8.60825 21.7742 8.93416 22.0001 9.29785 22.0001C9.90686 22 10.3286 21.3916 10.1152 20.8214L8.30664 16.0001H6.44336L8.48047 21.4337ZM11.1846 17.9776C11.4583 17.9255 11.8721 17.7711 12.25 17.4688C12.5615 17.2196 12.8003 16.9079 12.918 16.5294C12.1484 16.1813 11.4938 16.0001 11 16.0001H10.4434L11.1846 17.9776ZM18 4.61433C17.6095 4.91524 17.1683 5.24422 16.6943 5.57234C15.857 6.15199 14.901 6.74664 13.9434 7.20027C13.3224 7.49437 12.6588 7.74704 12 7.88581V14.1134C12.6589 14.2521 13.3224 14.5057 13.9434 14.7999C14.901 15.2535 15.857 15.8481 16.6943 16.4278C17.1681 16.7558 17.6096 17.084 18 17.3848V4.61433ZM6 8.00007C5.00324 8.00007 4.28139 8.20519 3.81641 8.59773C3.38478 8.96234 3 9.63879 3 11.0001C3.00004 12.3613 3.38475 13.0378 3.81641 13.4024C4.2814 13.7949 5.00332 14.0001 6 14.0001H10V8.00007H6ZM20 12.7296C20.5971 12.3836 20.9999 11.7398 21 11.0001C21 10.2601 20.5973 9.61551 20 9.2696V12.7296Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

assets/icons/app.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 1C20.7614 1 23 3.23858 23 6V18C23 20.7614 20.7614 23 18 23H6C3.23858 23 1 20.7614 1 18V6C1 3.23858 3.23858 1 6 1H18ZM6 3C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3H6Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 415 B

assets/icons/apps.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.99992 13C6.86545 13 7.49437 12.9918 8.03507 13.1367C9.4154 13.5065 10.4933 14.5845 10.8632 15.9648C11.0081 16.5055 10.9999 17.1345 10.9999 18C10.9999 18.8655 11.0081 19.4944 10.8632 20.0351C10.4933 21.4154 9.41541 22.4934 8.03507 22.8632C7.49437 23.0081 6.86546 23 5.99992 23C5.13438 23 4.50546 23.0081 3.96476 22.8632C2.58446 22.4934 1.50651 21.4154 1.13663 20.0351C0.991787 19.4944 0.999915 18.8654 0.999915 18C0.999915 17.1345 0.991777 16.5055 1.13663 15.9648C1.50652 14.5845 2.58445 13.5066 3.96476 13.1367C4.50546 12.9918 5.13438 13 5.99992 13ZM5.99992 15C5.00564 15 4.70461 15.0088 4.48234 15.0683C3.79222 15.2533 3.25322 15.7923 3.06827 16.4824C3.00874 16.7046 2.99992 17.0058 2.99992 18C2.99992 18.9941 3.00875 19.2953 3.06827 19.5175C3.25322 20.2077 3.79222 20.7466 4.48234 20.9316C4.70461 20.9912 5.00565 21 5.99992 21C6.99415 21 7.29522 20.9911 7.51749 20.9316C8.20765 20.7467 8.7466 20.2077 8.93156 19.5175C8.99109 19.2953 8.99992 18.9941 8.99992 18C8.99991 17.0058 8.9911 16.7046 8.93156 16.4824C8.74659 15.7923 8.20764 15.2532 7.51749 15.0683C7.29523 15.0088 6.99412 15 5.99992 15Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9999 13C18.8654 13 19.4944 12.9918 20.0351 13.1367C21.4154 13.5065 22.4933 14.5845 22.8632 15.9648C23.0081 16.5055 22.9999 17.1345 22.9999 18C22.9999 18.8655 23.0081 19.4944 22.8632 20.0351C22.4933 21.4154 21.4154 22.4934 20.0351 22.8632C19.4944 23.0081 18.8655 23 17.9999 23C17.1344 23 16.5055 23.0081 15.9648 22.8632C14.5845 22.4934 13.5065 21.4154 13.1366 20.0351C12.9918 19.4944 12.9999 18.8654 12.9999 18C12.9999 17.1345 12.9918 16.5055 13.1366 15.9648C13.5065 14.5845 14.5845 13.5066 15.9648 13.1367C16.5055 12.9918 17.1344 13 17.9999 13ZM17.9999 15C17.0056 15 16.7046 15.0088 16.4823 15.0683C15.7922 15.2533 15.2532 15.7923 15.0683 16.4824C15.0087 16.7046 14.9999 17.0058 14.9999 18C14.9999 18.9941 15.0087 19.2953 15.0683 19.5175C15.2532 20.2077 15.7922 20.7466 16.4823 20.9316C16.7046 20.9912 17.0056 21 17.9999 21C18.9942 21 19.2952 20.9911 19.5175 20.9316C20.2077 20.7467 20.7466 20.2077 20.9316 19.5175C20.9911 19.2953 20.9999 18.9941 20.9999 18C20.9999 17.0058 20.9911 16.7046 20.9316 16.4824C20.7466 15.7923 20.2076 15.2532 19.5175 15.0683C19.2952 15.0088 18.9941 15 17.9999 15Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.99992 0.999962C6.86545 0.999962 7.49437 0.991824 8.03507 1.13668C9.4154 1.50654 10.4933 2.5845 10.8632 3.96481C11.0081 4.50549 10.9999 5.13447 10.9999 5.99996C10.9999 6.86547 11.0081 7.49443 10.8632 8.03512C10.4933 9.41545 9.41541 10.4934 8.03507 10.8632C7.49437 11.0081 6.86546 11 5.99992 11C5.13438 11 4.50546 11.0081 3.96476 10.8632C2.58446 10.4934 1.50651 9.41542 1.13663 8.03512C0.991787 7.49444 0.999915 6.86545 0.999915 5.99996C0.999915 5.13447 0.991777 4.50549 1.13663 3.96481C1.50652 2.5845 2.58445 1.50656 3.96476 1.13668C4.50546 0.991801 5.13438 0.999961 5.99992 0.999962ZM5.99992 2.99996C5.00564 2.99996 4.70461 3.00876 4.48234 3.06832C3.79222 3.25327 3.25322 3.79226 3.06827 4.48238C3.00874 4.70465 2.99992 5.00581 2.99992 5.99996C2.99992 6.99407 3.00875 7.29528 3.06827 7.51754C3.25322 8.20766 3.79222 8.74665 4.48234 8.9316C4.70461 8.99116 5.00565 8.99996 5.99992 8.99996C6.99415 8.99996 7.29522 8.99114 7.51749 8.9316C8.20765 8.74667 8.7466 8.20769 8.93156 7.51754C8.99109 7.29528 8.99992 6.99413 8.99992 5.99996C8.99991 5.0058 8.9911 4.70465 8.93156 4.48238C8.74659 3.79226 8.20764 3.25325 7.51749 3.06832C7.29523 3.00879 6.99412 2.99996 5.99992 2.99996Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9999 0.999962C18.8655 0.999962 19.4944 0.991824 20.0351 1.13668C21.4154 1.50654 22.4933 2.5845 22.8632 3.96481C23.0081 4.50549 22.9999 5.13447 22.9999 5.99996C22.9999 6.86547 23.0081 7.49443 22.8632 8.03512C22.4933 9.41545 21.4154 10.4934 20.0351 10.8632C19.4944 11.0081 18.8655 11 17.9999 11C17.1344 11 16.5055 11.0081 15.9648 10.8632C14.5845 10.4934 13.5065 9.41542 13.1366 8.03512C12.9918 7.49444 12.9999 6.86545 12.9999 5.99996C12.9999 5.13447 12.9918 4.50549 13.1366 3.96481C13.5065 2.5845 14.5845 1.50656 15.9648 1.13668C16.5055 0.991801 17.1344 0.999961 17.9999 0.999962ZM17.9999 2.99996C17.0056 2.99996 16.7046 3.00876 16.4823 3.06832C15.7922 3.25327 15.2532 3.79226 15.0683 4.48238C15.0087 4.70465 14.9999 5.00581 14.9999 5.99996C14.9999 6.99407 15.0087 7.29528 15.0683 7.51754C15.2532 8.20766 15.7922 8.74665 16.4823 8.9316C16.7046 8.99116 17.0056 8.99996 17.9999 8.99996C18.9942 8.99996 19.2952 8.99114 19.5175 8.9316C20.2077 8.74667 20.7466 8.20769 20.9316 7.51754C20.9911 7.29528 20.9999 6.99413 20.9999 5.99996C20.9999 5.0058 20.9911 4.70465 20.9316 4.48238C20.7466 3.79226 20.2076 3.25325 19.5175 3.06832C19.2952 3.00879 18.9941 2.99996 17.9999 2.99996Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

assets/icons/archive.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 9C16.1046 9 17 9.89543 17 11C17 12.1046 16.1046 13 15 13H9C7.89543 13 7 12.1046 7 11C7 9.89543 7.89543 9 9 9H15Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 1C22.1046 1 23 1.89543 23 3V5C23 5.73976 22.5971 6.3835 22 6.72949V19C22 21.2091 20.2091 23 18 23H6C3.79086 23 2 21.2091 2 19V6.72949C1.4029 6.3835 1 5.73976 1 5V3C1 1.89543 1.89543 1 3 1H21ZM4 19C4 20.1046 4.89543 21 6 21H18C19.1046 21 20 20.1046 20 19V7H4V19ZM3 5H21V3H3V5Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 604 B

assets/icons/article.svg
+7
View File
@@ -0,0 +1,7 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 16H10C9.44771 16 9 15.5523 9 15C9 14.4477 9.44771 14 10 14H19V16Z" fill="currentColor"/>
<path d="M12 12H10C9.44771 12 9 11.5523 9 11C9 10.4477 9.44771 10 10 10H12V12Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17 6C18.6569 6 20 7.34315 20 9C20 10.6569 18.6569 12 17 12C15.3431 12 14 10.6569 14 9C14 7.34315 15.3431 6 17 6ZM17 8C16.4477 8 16 8.44772 16 9C16 9.55228 16.4477 10 17 10C17.5523 10 18 9.55228 18 9C18 8.44772 17.5523 8 17 8Z" fill="currentColor"/>
<path d="M12 8H10C9.44771 8 9 7.55228 9 7C9 6.44772 9.44771 6 10 6H12V8Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 2C22.6569 2 24 3.34315 24 5V18.5C24 20.433 22.433 22 20.5 22H3.5C1.567 22 0 20.433 0 18.5V9C0 7.34315 1.34315 6 3 6H5V5C5 3.34315 6.34315 2 8 2H21ZM3 8C2.44772 8 2 8.44772 2 9V18.5C2 19.3284 2.67157 20 3.5 20C4.32843 20 5 19.3284 5 18.5V8H3ZM8 4C7.44772 4 7 4.44772 7 5V18.5C7 19.0368 6.87907 19.5454 6.66309 20H20.5C21.3284 20 22 19.3284 22 18.5V5C22 4.44772 21.5523 4 21 4H8Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

assets/icons/ascend.svg
+7
View File
@@ -0,0 +1,7 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.0002 20C21.5524 20.0001 22.0002 20.4478 22.0002 21C22.0002 21.5522 21.5524 21.9999 21.0002 22H7.00022C6.44794 22 6.00022 21.5523 6.00022 21C6.00024 20.4477 6.44795 20 7.00022 20H21.0002Z" fill="currentColor"/>
<path d="M21.0002 16C21.5524 16.0001 22.0002 16.4478 22.0002 17C22.0002 17.5522 21.5524 17.9999 21.0002 18H11.0002C10.4479 18 10.0002 17.5523 10.0002 17C10.0002 16.4477 10.448 16 11.0002 16H21.0002Z" fill="currentColor"/>
<path d="M6.96116 2.00001C7.19311 1.99905 7.41742 2.07869 7.59593 2.22364L7.66917 2.29005L11.7043 6.29005C12.0963 6.67886 12.0988 7.31197 11.7102 7.70411C11.3214 8.09616 10.6883 8.09867 10.2961 7.70997L8.00022 5.43263V13C8.00022 13.5522 7.55241 13.9999 7.00022 14C6.44794 14 6.00022 13.5523 6.00022 13V5.39356L3.71018 7.70411C3.32138 8.09615 2.6883 8.09865 2.29612 7.70997C1.90405 7.32114 1.90149 6.68808 2.29026 6.29591L6.25511 2.29591C6.4418 2.10765 6.69603 2.00118 6.96116 2.00001Z" fill="currentColor"/>
<path d="M21.0002 12C21.5524 12.0001 22.0002 12.4478 22.0002 13C22.0002 13.5522 21.5524 13.9999 21.0002 14H15.0002C14.4479 14 14.0002 13.5523 14.0002 13C14.0002 12.4477 14.448 12 15.0002 12H21.0002Z" fill="currentColor"/>
<path d="M21.0002 8.00001C21.5524 8.00013 22.0002 8.44781 22.0002 9.00001C22.0002 9.55222 21.5524 9.99989 21.0002 10H19.0002C18.4479 10 18.0002 9.55229 18.0002 9.00001C18.0002 8.44774 18.448 8.00001 19.0002 8.00001H21.0002Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

assets/icons/ascending.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.507 8.09277C17.8973 8.48325 17.8973 9.11635 17.507 9.50684C17.1165 9.8972 16.4835 9.89714 16.093 9.50684L13.0002 6.41406V20C13.0002 20.5522 12.5523 20.9998 12.0002 21C11.448 20.9998 11.0002 20.5522 11.0002 20V6.41406L7.9074 9.50684C7.51694 9.89731 6.88388 9.89718 6.49334 9.50684C6.10292 9.11631 6.10286 8.48327 6.49334 8.09277L12.0002 2.58594L17.507 8.09277Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 499 B

assets/icons/assist-listening.svg
+7
View File
@@ -0,0 +1,7 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.50015 1C11.7127 1.00007 14.4285 3.17735 15.4962 5.95312C16.5937 8.80645 15.9587 12.2805 12.5998 14.7998C11.6985 15.4758 11.4068 15.9883 11.3332 16.4229C11.2534 16.8937 11.3827 17.5287 11.8947 18.5527C12.6887 20.1408 11.8277 21.8788 10.5998 22.7998C9.3251 23.7557 7.44351 24.0642 5.62125 22.9453L5.44547 22.832C4.91715 22.4798 4.39547 22.0882 4.0109 21.7891C3.81777 21.6389 3.65657 21.5098 3.54312 21.418C3.48651 21.3721 3.44141 21.3351 3.41031 21.3096C3.39481 21.2968 3.38259 21.2863 3.37418 21.2793C3.37013 21.2759 3.36672 21.2734 3.36441 21.2715L3.36148 21.2695L3.36051 21.2686C2.93632 20.915 2.87806 20.2836 3.2316 19.8594C3.58519 19.4353 4.21656 19.3779 4.64078 19.7314L4.64176 19.7334C4.64176 19.7334 4.64627 19.7365 4.64957 19.7393C4.65626 19.7448 4.66635 19.7536 4.67984 19.7646C4.70729 19.7872 4.74854 19.8209 4.80094 19.8633C4.90615 19.9485 5.05792 20.0698 5.23941 20.2109C5.60477 20.4951 6.08339 20.8537 6.55484 21.168L6.7648 21.2979C7.80681 21.8903 8.75923 21.6812 9.40055 21.2002C10.1723 20.6212 10.3115 19.8591 10.1056 19.4473C9.54275 18.3215 9.17261 17.2063 9.36148 16.0898C9.55664 14.937 10.3022 14.024 11.4005 13.2002C14.0411 11.2196 14.4064 8.6934 13.6291 6.67188C12.8217 4.57286 10.7874 3.00007 8.50015 3C7.07314 3 5.77091 3.5338 4.75894 4.25293C3.71802 4.99278 3.10824 5.83695 2.9484 6.31641C2.77365 6.84011 2.20755 7.12276 1.68375 6.94824C1.15999 6.77348 0.877297 6.20744 1.05191 5.68359C1.39218 4.66319 2.35547 3.50702 3.60074 2.62207C4.87536 1.71631 6.57381 1 8.50015 1Z" fill="currentColor"/>
<path d="M4.66812 7.44531C5.8394 5.68839 7.64247 4.86873 9.31656 5.42676C10.9833 5.98259 12.0001 7.72982 12.0002 10C12.0002 10.5522 11.5524 10.9999 11.0002 11C10.4479 11 10.0002 10.5523 10.0002 10C10.0001 8.27055 9.26673 7.51765 8.68375 7.32324C8.10783 7.13143 7.16068 7.31195 6.33219 8.55469C6.0722 8.94468 5.96051 9.39978 5.82144 10.0498C6.44898 10.1844 7.05067 10.5249 7.49136 11.0303C8.21009 11.8546 8.45756 13.049 7.92886 14.3711C7.48627 15.4776 6.93075 16.3123 6.48062 16.875C6.25556 17.1563 6.05573 17.3712 5.90738 17.5195C5.83316 17.5938 5.77125 17.652 5.72574 17.6934C5.70313 17.7139 5.68441 17.7307 5.67008 17.7432C5.66296 17.7494 5.65645 17.7546 5.65152 17.7588C5.64916 17.7608 5.64653 17.7631 5.64469 17.7646L5.64176 17.7676C5.63932 17.7651 5.60161 17.7217 5.00015 17L5.64078 17.7686C5.21655 18.1221 4.58519 18.0648 4.2316 17.6406C3.87806 17.2164 3.93532 16.585 4.35953 16.2314C4.36369 16.2278 4.37145 16.2216 4.38101 16.2129C4.40429 16.1917 4.44293 16.1559 4.49332 16.1055C4.59488 16.0039 4.74449 15.8433 4.9191 15.625C5.2689 15.1877 5.71414 14.5221 6.07144 13.6289C6.34245 12.9513 6.173 12.562 5.98355 12.3447C5.79237 12.1256 5.52336 12.0119 5.30484 11.9893C5.0784 12.5706 4.74687 13.1673 4.20719 13.707C3.81669 14.0975 3.18365 14.0975 2.79312 13.707C2.40261 13.3165 2.4026 12.6835 2.79312 12.293C3.33001 11.756 3.54586 11.1011 3.73258 10.252C3.90082 9.48679 4.06381 8.35181 4.66812 7.44531Z" fill="currentColor"/>
<path d="M16.5675 12.793C16.9581 12.4025 17.5911 12.4025 17.9816 12.793L19.4816 14.293C19.872 14.6835 19.872 15.3165 19.4816 15.707C19.0911 16.0975 18.4581 16.0975 18.0675 15.707L16.5675 14.207C16.177 13.8165 16.177 13.1835 16.5675 12.793Z" fill="currentColor"/>
<path d="M21.2746 7.5C21.8268 7.50008 22.2746 7.94777 22.2746 8.5C22.2746 9.05223 21.8268 9.49992 21.2746 9.5H18.3332C17.7809 9.5 17.3332 9.05228 17.3332 8.5C17.3332 7.94772 17.7809 7.5 18.3332 7.5H21.2746Z" fill="currentColor"/>
<path d="M18.675 1.2002C19.1168 0.869046 19.7431 0.958635 20.0744 1.40039C20.4055 1.84218 20.3159 2.46848 19.8742 2.7998L17.8742 4.2998C17.4324 4.63102 16.8061 4.54133 16.4748 4.09961C16.1435 3.65778 16.2332 3.03153 16.675 2.7002L18.675 1.2002Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

assets/icons/atm.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 1C21.7614 1 24 3.23858 24 6C24 8.76142 21.7614 11 19 11V21C19 22.1046 18.1046 23 17 23H7C5.89543 23 5 22.1046 5 21V11C2.23858 11 0 8.76142 0 6C0 3.23858 2.23858 1 5 1H19ZM7 21H9C9 19.8954 8.10457 19 7 19V21ZM7 17L7.20605 17.0049C9.31944 17.1121 11 18.86 11 21H13C13 18.7909 14.7909 17 17 17V7H7V17ZM17 19C15.8954 19 15 19.8954 15 21H17V19ZM12 7C13.2136 7 14.2359 7.65821 14.9209 8.57129C15.6056 9.48426 16 10.7 16 12C16 13.3 15.6056 14.5157 14.9209 15.4287C14.2359 16.3418 13.2136 17 12 17C10.7864 17 9.76406 16.3418 9.0791 15.4287C8.39437 14.5157 8 13.3 8 12C8 10.7 8.39437 9.48426 9.0791 8.57129C9.76406 7.65821 10.7864 7 12 7ZM12 9C11.5569 9 11.0795 9.2371 10.6787 9.77148C10.2777 10.3062 10 11.0909 10 12C10 12.9091 10.2777 13.6938 10.6787 14.2285C11.0795 14.7629 11.5569 15 12 15C12.4431 15 12.9205 14.7629 13.3213 14.2285C13.7223 13.6938 14 12.9091 14 12C14 11.0909 13.7223 10.3062 13.3213 9.77148C12.9205 9.2371 12.4431 9 12 9ZM5 3C3.34315 3 2 4.34315 2 6C2 7.65685 3.34315 9 5 9V7H4C3.44772 7 3 6.55228 3 6C3 5.44772 3.44772 5 4 5H20C20.5523 5 21 5.44772 21 6C21 6.55228 20.5523 7 20 7H19V9C20.6569 9 22 7.65685 22 6C22 4.34315 20.6569 3 19 3H5Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

assets/icons/attachment.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.2462 0.690238C17.5831 0.768961 18.8065 1.39316 19.7071 2.29375C20.6076 3.19438 21.232 4.41787 21.3106 5.75469C21.3905 7.11602 20.8987 8.51618 19.7071 9.70782L10.7071 18.7078C10.0154 19.3994 9.17785 19.7038 8.34774 19.6551C7.54219 19.6077 6.81867 19.2333 6.29305 18.7078C5.76751 18.1823 5.39333 17.4587 5.34579 16.6531C5.29695 15.8229 5.60142 14.9856 6.29305 14.2938L15.214 5.37286C15.2397 5.34715 15.2593 5.32658 15.2725 5.31328C15.2791 5.30676 15.2848 5.30199 15.2882 5.29864L15.2931 5.29375L15.3692 5.22442C15.762 4.90436 16.3411 4.92775 16.7071 5.29375C17.0728 5.6598 17.0964 6.23901 16.7765 6.63164L16.7071 6.70782L7.70711 15.7078C7.39929 16.0158 7.32823 16.3039 7.34188 16.5359C7.3572 16.7925 7.48301 17.0697 7.70711 17.2938C7.9313 17.5178 8.20842 17.6438 8.46493 17.659C8.69694 17.6726 8.98519 17.6015 9.29305 17.2938L18.2931 8.29375C19.1009 7.48585 19.3593 6.63512 19.3145 5.87188C19.2682 5.08406 18.8922 4.3071 18.2931 3.70782C17.6938 3.10856 16.9169 2.73276 16.129 2.68633C15.3656 2.64144 14.5152 2.89975 13.7071 3.70782L4.70711 12.7078C3.39926 14.0158 2.95323 15.4289 3.02938 16.7234C3.10719 18.0424 3.73297 19.3196 4.70711 20.2938C5.68133 21.2678 6.95847 21.8938 8.27743 21.9715C9.57189 22.0476 10.9851 21.6015 12.2931 20.2938L21.2931 11.2938L21.3692 11.2244C21.762 10.9044 22.3411 10.9277 22.7071 11.2938C23.0728 11.6598 23.0964 12.239 22.7765 12.6316L22.7071 12.7078L13.7071 21.7078C12.0154 23.3994 10.0529 24.0788 8.16024 23.9676C6.29218 23.8577 4.56867 22.9833 3.29305 21.7078C2.01752 20.4323 1.14333 18.7087 1.03329 16.8406C0.92195 14.9479 1.60143 12.9856 3.29305 11.2938L12.2931 2.29375C13.4848 1.10199 14.8847 0.610229 16.2462 0.690238Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

assets/icons/attraction.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.9997 1C12.552 1.00003 12.9997 1.44773 12.9997 2C13.0408 2 13.0825 2.00267 13.1237 2.00781L17.1237 2.50781C17.6241 2.57039 17.9997 2.9957 17.9997 3.5C17.9997 4.0043 17.6241 4.42961 17.1237 4.49219L13.1237 4.99219C13.0825 4.99732 13.0408 4.99902 12.9997 4.99902V5.47852L22.573 12.1807C22.9305 12.431 23.085 12.8845 22.9538 13.3008C22.8226 13.717 22.4361 14 21.9997 14H20.5583C20.7192 15.4836 21.192 17.147 21.6931 18.5752C21.9968 19.4407 22.301 20.1936 22.529 20.7295C22.6428 20.997 22.7379 21.2099 22.8034 21.3545C22.8361 21.4266 22.8617 21.4821 22.8786 21.5186C22.8869 21.5364 22.8931 21.5499 22.8972 21.5586L22.903 21.5703L22.9499 21.6885C23.0421 21.9696 23.0057 22.2803 22.8454 22.5342C22.6622 22.8241 22.3427 23 21.9997 23H1.99971C1.65675 22.9999 1.33717 22.8241 1.15401 22.5342C0.970994 22.2442 0.949151 21.88 1.09639 21.5703L1.10225 21.5586C1.10631 21.55 1.1125 21.5364 1.1208 21.5186C1.13776 21.4821 1.16333 21.4266 1.196 21.3545C1.2615 21.2099 1.35657 20.997 1.47041 20.7295C1.69843 20.1937 2.00265 19.4407 2.30635 18.5752C2.80746 17.147 3.28026 15.4836 3.44112 14H1.99971C1.5634 13.9998 1.17681 13.7169 1.04561 13.3008C0.914475 12.8846 1.0691 12.431 1.42647 12.1807L10.9997 5.47852V2C10.9997 1.44783 11.4476 1.00019 11.9997 1ZM5.44991 14C5.28488 15.7949 4.72494 17.7215 4.19307 19.2373C3.95956 19.9028 3.72561 20.504 3.52315 21H10.8327L13.0769 15.6152L13.7224 14H5.44991ZM12.9997 21H15.3815L14.0817 18.4014L12.9997 21ZM15.0944 15.9541L17.6179 21H20.4763C20.2738 20.504 20.0399 19.9028 19.8064 19.2373C19.2745 17.7215 18.7145 15.7949 18.5495 14H15.8767L15.0944 15.9541ZM5.17159 12H18.8278L11.9997 7.21973L5.17159 12Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

assets/icons/baby.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.9998 14C14.2336 14 14.4608 14.0818 14.6404 14.2314L17.6404 16.7314C17.8561 16.9113 17.9861 17.1745 17.9988 17.4551C18.0114 17.7356 17.9053 18.0085 17.7068 18.207L15.2068 20.707C14.8163 21.0973 14.1832 21.0974 13.7928 20.707C13.4025 20.3166 13.4025 19.6834 13.7928 19.293L15.5174 17.5674L14.1277 16.4092C14.1125 16.4248 14.0975 16.4414 14.0818 16.457C13.8603 16.6785 13.5769 16.9261 13.2488 17.123C12.9259 17.3167 12.4954 17.5 11.9998 17.5C11.5041 17.4999 11.0736 17.3168 10.7508 17.123C10.4502 16.9426 10.1877 16.7191 9.97537 16.5127L8.9158 17.6787L10.6687 19.2568C11.0791 19.6263 11.1123 20.2585 10.743 20.6689C10.3735 21.0792 9.74127 21.1124 9.33084 20.7432L6.83084 18.4932C6.63323 18.3152 6.51408 18.0654 6.50076 17.7998C6.48753 17.5343 6.58078 17.2739 6.75955 17.0771L9.25955 14.3271L9.33475 14.2529C9.51683 14.0909 9.75361 14.0001 9.99979 14H13.9998ZM13.9998 8C14.2267 8.00004 14.4476 8.07706 14.6248 8.21875L19.6248 12.2188C20.0559 12.5638 20.1259 13.1938 19.781 13.625C19.436 14.0561 18.806 14.1261 18.3748 13.7812L14.9998 11.0811V12C14.9998 12.5522 14.552 12.9999 13.9998 13H9.99979C9.44768 12.9998 8.99979 12.5522 8.99979 12V11.0811L5.62479 13.7812C5.19356 14.126 4.5635 14.0561 4.21854 13.625C3.87376 13.1938 3.94379 12.5637 4.37479 12.2188L9.37479 8.21875L9.51541 8.125C9.6627 8.0435 9.82963 8.00006 9.99979 8H13.9998ZM11.9998 3C13.1043 3.00011 13.9998 3.8955 13.9998 5C13.9998 6.1045 13.1043 6.99989 11.9998 7C10.8954 6.99979 9.99979 6.10444 9.99979 5C9.99979 3.89556 10.8954 3.00021 11.9998 3Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

assets/icons/back-ten.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C6.67721 23 2.23909 19.2205 1.21973 14.1992C1.10986 13.658 1.45975 13.1294 2.00098 13.0195C2.54211 12.9097 3.06967 13.2597 3.17969 13.8008C4.01349 17.9084 7.64704 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C8.87062 3 6.12407 4.596 4.56543 7H6C6.55228 7 7 7.44772 7 8C7 8.55228 6.55228 9 6 9H2C1.44772 9 1 8.55228 1 8V4C1 3.44772 1.44772 3 2 3C2.55228 3 3 3.44772 3 4V5.74023C4.93845 2.87413 8.25452 1 12 1Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.75 8C15.5371 8 16.2073 8.20612 16.7471 8.59375C17.2788 8.97567 17.6152 9.48435 17.8281 9.98047C18.2391 10.9382 18.25 12.0011 18.25 12.5C18.25 12.9752 18.2611 14.0481 17.8604 15.0098C17.6513 15.5113 17.3146 16.025 16.7744 16.4092C16.2281 16.7975 15.5487 17 14.75 17C13.9513 17 13.2719 16.7975 12.7256 16.4092C12.1854 16.025 11.8487 15.5113 11.6396 15.0098C11.2389 14.0481 11.25 12.9752 11.25 12.5C11.25 12.006 11.2562 10.9411 11.665 9.98242C11.8771 9.48522 12.2136 8.97612 12.7471 8.59375C13.2883 8.20583 13.9604 8 14.75 8ZM14.75 10C14.3192 10 14.0685 10.1067 13.9121 10.2188C13.7481 10.3363 13.6126 10.5149 13.5049 10.7676C13.274 11.3089 13.25 11.9941 13.25 12.5C13.25 13.0248 13.2611 13.702 13.4854 14.2402C13.5887 14.4884 13.7212 14.6625 13.8838 14.7783C14.0405 14.8898 14.299 15 14.75 15C15.201 15 15.4595 14.8898 15.6162 14.7783C15.7788 14.6625 15.9113 14.4884 16.0146 14.2402C16.2389 13.702 16.25 13.0248 16.25 12.5C16.25 11.9989 16.2229 11.3118 15.9902 10.7695C15.8813 10.5157 15.7444 10.3368 15.5801 10.2188C15.4238 10.1065 15.1754 10 14.75 10Z" fill="currentColor"/>
<path d="M10 16.75H8V11.1641C7.7637 11.2765 7.54411 11.3598 7.36719 11.4297L6.63281 9.57031C7.00901 9.42162 7.23639 9.33157 7.42676 9.19629C7.57794 9.08881 7.70512 8.95008 7.79395 8.68359L8.02148 8H10V16.75Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

assets/icons/bar.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 1C22.2091 1 24 2.79086 24 5V12.5C24 13.8057 23.1645 14.913 22 15.3252V18C22 20.7614 19.7614 23 17 23H11C8.58108 23 6.5639 21.2822 6.10059 19H6C3.23858 19 1 16.7614 1 14V10C1 7.23858 3.23858 5 6 5C6 2.79086 7.79086 1 10 1H20ZM8 18C8 19.6569 9.34315 21 11 21H17C18.6569 21 20 19.6569 20 18V15.3252C18.8355 14.913 18 13.8057 18 12.5V10.9453C17.0179 10.8299 16.1069 10.5173 15.3896 9.86523C14.6198 9.16535 14.2006 8.1917 14.0576 7H8V18ZM12 10C12.5523 10 13 10.4477 13 11V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V11C11 10.4477 11.4477 10 12 10ZM16 13C16.5523 13 17 13.4477 17 14V17C17 17.5523 16.5523 18 16 18C15.4477 18 15 17.5523 15 17V14C15 13.4477 15.4477 13 16 13ZM6 7C4.34315 7 3 8.34315 3 10V14C3 15.6569 4.34315 17 6 17V7ZM10 3C8.89543 3 8 3.89543 8 5H16V6C16 7.34726 16.3358 8.02149 16.7354 8.38477C17.1543 8.76562 17.8543 9 19 9H20V12.5C20 12.799 20.1318 13.0667 20.3398 13.25C20.516 13.0948 20.7467 13 21 13C21.253 13 21.4831 13.0951 21.6592 13.25C21.8675 13.0667 22 12.7993 22 12.5V5C22 3.89543 21.1046 3 20 3H10Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

assets/icons/battery-empty.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 4C19.7614 4 22 6.23858 22 9C23.1046 9 24 9.89543 24 11V13C24 14.1046 23.1046 15 22 15C22 17.7614 19.7614 20 17 20H6C3.23858 20 1 17.7614 1 15V9C1 6.23858 3.23858 4 6 4H17ZM6 6C4.34315 6 3 7.34315 3 9V15C3 16.6569 4.34315 18 6 18H17C18.6569 18 20 16.6569 20 15V9C20 7.34315 18.6569 6 17 6H6Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 430 B

assets/icons/battery-full.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 4C19.7614 4 22 6.23858 22 9C23.1046 9 24 9.89543 24 11V13C24 14.1046 23.1046 15 22 15C22 17.7614 19.7614 20 17 20H6C3.23858 20 1 17.7614 1 15V9C1 6.23858 3.23858 4 6 4H17ZM6 6C4.34315 6 3 7.34315 3 9V15C3 16.6569 4.34315 18 6 18H17C18.6569 18 20 16.6569 20 15V9C20 7.34315 18.6569 6 17 6H6ZM16 8C17.1046 8 18 8.89543 18 10V14C18 15.1046 17.1046 16 16 16H7C5.89543 16 5 15.1046 5 14V10C5 8.89543 5.89543 8 7 8H16Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 552 B

assets/icons/battery-low.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 4C19.7614 4 22 6.23858 22 9C23.1046 9 24 9.89543 24 11V13C24 14.1046 23.1046 15 22 15C22 17.7614 19.7614 20 17 20H6C3.23858 20 1 17.7614 1 15V9C1 6.23858 3.23858 4 6 4H17ZM6 6C4.34315 6 3 7.34315 3 9V15C3 16.6569 4.34315 18 6 18H17C18.6569 18 20 16.6569 20 15V9C20 7.34315 18.6569 6 17 6H6ZM6.5 8C7.32843 8 8 8.67157 8 9.5V14.5C8 15.3284 7.32843 16 6.5 16C5.67157 16 5 15.3284 5 14.5V9.5C5 8.67157 5.67157 8 6.5 8Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 554 B

assets/icons/battery.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 4C19.7614 4 22 6.23858 22 9C23.1046 9 24 9.89543 24 11V13C24 14.1046 23.1046 15 22 15C22 17.7614 19.7614 20 17 20H6C3.23858 20 1 17.7614 1 15V9C1 6.23858 3.23858 4 6 4H17ZM6 6C4.34315 6 3 7.34315 3 9V15C3 16.6569 4.34315 18 6 18H17C18.6569 18 20 16.6569 20 15V9C20 7.34315 18.6569 6 17 6H6ZM10 8C11.1046 8 12 8.89543 12 10V14C12 15.1046 11.1046 16 10 16H7C5.89543 16 5 15.1046 5 14V10C5 8.89543 5.89543 8 7 8H10Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 552 B

assets/icons/beacon.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.0003 7.07178C13.657 7.07197 15.0003 8.41506 15.0003 10.0718C15.0001 11.3772 14.1646 12.4848 13.0003 12.897V22.0005C13.0002 22.5525 12.5524 23.0003 12.0003 23.0005C11.4481 23.0005 11.0005 22.5527 11.0003 22.0005V12.897C9.83593 12.4848 9.00055 11.3773 9.00034 10.0718C9.00036 8.41495 10.3435 7.07178 12.0003 7.07178ZM4.22202 2.29346C4.61251 1.90306 5.24557 1.90307 5.63608 2.29346C6.02629 2.68397 6.02642 3.31708 5.63608 3.70752C2.23133 7.11241 2.12472 12.5672 5.31674 16.1001L5.63608 16.4351L5.70541 16.5112C6.02544 16.904 6.002 17.4841 5.63608 17.8501C5.27007 18.2157 4.69083 18.2384 4.29819 17.9185L4.22202 17.8501L3.83237 17.439C-0.0689867 13.1209 0.0606337 6.45498 4.22202 2.29346ZM18.3646 2.29346C18.7308 1.92749 19.3098 1.90469 19.7025 2.2251L19.7787 2.29346L20.1683 2.70361C24.0697 7.02166 23.9401 13.6886 19.7787 17.8501L19.7025 17.9185C19.3099 18.2386 18.7307 18.2156 18.3646 17.8501C17.9741 17.4596 17.9741 16.8256 18.3646 16.4351L18.6839 16.1001C21.7728 12.6813 21.7725 7.46243 18.6839 4.04346L18.3646 3.70752L18.2953 3.63135C17.9752 3.23859 17.9986 2.65946 18.3646 2.29346ZM7.12631 5.05322C7.51909 4.73279 8.09904 4.75544 8.46518 5.12158C8.85517 5.51199 8.85514 6.14521 8.46518 6.53564L8.28745 6.72217C6.57117 8.62159 6.57128 11.5209 8.28745 13.4204L8.46518 13.6069L8.53354 13.6831C8.85342 14.0757 8.83078 14.655 8.46518 15.021C8.09918 15.387 7.51907 15.4103 7.12631 15.0903L7.05014 15.021L6.80209 14.7603C4.31944 12.0124 4.40206 7.76983 7.05014 5.12158L7.12631 5.05322ZM15.5355 5.12158C15.9017 4.75549 16.4816 4.73273 16.8744 5.05322L16.9505 5.12158L17.1986 5.3833C19.6806 8.13103 19.5981 12.3729 16.9505 15.021L16.8744 15.0903C16.4817 15.4105 15.9016 15.3868 15.5355 15.021C15.1453 14.6305 15.1452 13.9974 15.5355 13.6069L15.7132 13.4204C17.4292 11.521 17.4293 8.62157 15.7132 6.72217L15.5355 6.53564L15.4671 6.46045C15.1466 6.06772 15.1694 5.48777 15.5355 5.12158ZM12.0003 9.07178C11.4481 9.07178 11.0004 9.51951 11.0003 10.0718C11.0006 10.6238 11.4482 11.0718 12.0003 11.0718C12.5523 11.0716 13.0001 10.6237 13.0003 10.0718C13.0003 9.51963 12.5524 9.07197 12.0003 9.07178Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

assets/icons/bike.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4639 1C14.8227 1.00019 16.012 1.91364 16.3623 3.22656L18.7031 12.0088C18.8014 12.003 18.9003 12 19 12C21.7614 12 24 14.2386 24 17C24 19.7614 21.7614 22 19 22C16.2386 22 14 19.7614 14 17C14 15.0394 15.1287 13.3428 16.7715 12.5234L16.4863 11.457L9.73535 15.3955C9.90599 15.8993 10 16.4386 10 17C10 19.7614 7.76142 22 5 22C2.23858 22 0 19.7614 0 17C0 14.2386 2.23858 12 5 12C5.34622 12 5.68434 12.0346 6.01074 12.1016L6.93066 9.95508L6.50684 8.68359C6.37066 8.27543 5.98889 8.00005 5.55859 8H3C2.44772 8 2 7.55228 2 7C2 6.44772 2.44772 6 3 6H5.55859C6.84984 6.00005 7.99597 6.82677 8.4043 8.05176L8.7207 9H15.832L14.4297 3.74219C14.3129 3.30464 13.9167 3.00019 13.4639 3H12C11.4477 3 11 2.55228 11 2C11 1.44772 11.4477 1 12 1H13.4639ZM5 14C3.34315 14 2 15.3431 2 17C2 18.6569 3.34315 20 5 20C6.65685 20 8 18.6569 8 17C8 16.808 7.98076 16.6204 7.94629 16.4385L5.50391 17.8643C5.13124 18.0815 4.66114 18.0347 4.33789 17.749C4.0147 17.4633 3.91124 17.003 4.08105 16.6064L5.19434 14.0068C5.13007 14.0027 5.0653 14 5 14ZM19.9658 16.7422C20.1081 17.2757 19.7913 17.8234 19.2578 17.9658C18.7243 18.1081 18.1766 17.7913 18.0342 17.2578L17.3047 14.5244C16.5167 15.065 16 15.9722 16 17C16 18.6569 17.3431 20 19 20C20.6569 20 22 18.6569 22 17C22 15.423 20.7832 14.1308 19.2373 14.0098L19.9658 16.7422ZM7.84766 12.8906C8.17025 13.1146 8.46537 13.3752 8.72656 13.667L13.2998 11H8.65918L7.84766 12.8906Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

assets/icons/blades-horizontal.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 2C6.65685 2 8 3.34315 8 5V19C8 20.6569 6.65685 22 5 22C3.34315 22 2 20.6569 2 19V5C2 3.34315 3.34315 2 5 2ZM12 2C13.6569 2 15 3.34315 15 5V19C15 20.6569 13.6569 22 12 22C10.3431 22 9 20.6569 9 19V5C9 3.34315 10.3431 2 12 2ZM19 2C20.6569 2 22 3.34315 22 5V19C22 20.6569 20.6569 22 19 22C17.3431 22 16 20.6569 16 19V5C16 3.34315 17.3431 2 19 2ZM5 14C4.44772 14 4 14.4477 4 15V19C4 19.5523 4.44772 20 5 20C5.55228 20 6 19.5523 6 19V15C6 14.4477 5.55228 14 5 14ZM12 14C11.4477 14 11 14.4477 11 15V19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19V15C13 14.4477 12.5523 14 12 14ZM19 14C18.4477 14 18 14.4477 18 15V19C18 19.5523 18.4477 20 19 20C19.5523 20 20 19.5523 20 19V15C20 14.4477 19.5523 14 19 14ZM5 4C4.44772 4 4 4.44772 4 5V12.1738C4.31306 12.0631 4.649 12 5 12C5.351 12 5.68694 12.0631 6 12.1738V5C6 4.44772 5.55228 4 5 4ZM12 4C11.4477 4 11 4.44772 11 5V12.1738C11.3131 12.0631 11.649 12 12 12C12.351 12 12.6869 12.0631 13 12.1738V5C13 4.44772 12.5523 4 12 4ZM19 4C18.4477 4 18 4.44772 18 5V12.1738C18.3131 12.0631 18.649 12 19 12C19.351 12 19.6869 12.0631 20 12.1738V5C20 4.44772 19.5523 4 19 4Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

assets/icons/blades-vertical.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.1543 16.0039C20.7394 16.0842 22 17.3949 22 19C22 20.6051 20.7394 21.9158 19.1543 21.9961L19 22H5C3.34315 22 2 20.6569 2 19C2 17.3431 3.34315 16 5 16H19L19.1543 16.0039ZM5 18C4.44772 18 4 18.4477 4 19C4 19.5523 4.44772 20 5 20H12.1738C12.0631 19.6869 12 19.351 12 19C12 18.649 12.0631 18.3131 12.1738 18H5ZM15 18C14.4477 18 14 18.4477 14 19C14 19.5523 14.4477 20 15 20H19L19.1025 19.9951C19.6067 19.9438 20 19.5177 20 19C20 18.4823 19.6067 18.0562 19.1025 18.0049L19 18H15ZM19.1543 9.00391C20.7394 9.08421 22 10.3949 22 12C22 13.6051 20.7394 14.9158 19.1543 14.9961L19 15H5C3.34315 15 2 13.6569 2 12C2 10.3431 3.34315 9 5 9H19L19.1543 9.00391ZM5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H12.1738C12.0631 12.6869 12 12.351 12 12C12 11.649 12.0631 11.3131 12.1738 11H5ZM15 11C14.4477 11 14 11.4477 14 12C14 12.5523 14.4477 13 15 13H19L19.1025 12.9951C19.6067 12.9438 20 12.5177 20 12C20 11.4823 19.6067 11.0562 19.1025 11.0049L19 11H15ZM19.1543 2.00391C20.7394 2.08421 22 3.39489 22 5C22 6.60511 20.7394 7.91579 19.1543 7.99609L19 8H5C3.34315 8 2 6.65685 2 5C2 3.34315 3.34315 2 5 2H19L19.1543 2.00391ZM5 4C4.44772 4 4 4.44772 4 5C4 5.55228 4.44772 6 5 6H12.1738C12.0631 5.68694 12 5.351 12 5C12 4.649 12.0631 4.31306 12.1738 4H5ZM15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6H19L19.1025 5.99512C19.6067 5.94379 20 5.51768 20 5C20 4.48232 19.6067 4.05621 19.1025 4.00488L19 4H15Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

assets/icons/blog.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 10.5234C2.51788 10.5234 2.94406 10.9175 2.99512 11.4219L3 11.5234V15.7607C3.55083 15.4577 4.18424 15.2861 4.85742 15.2861C6.98758 15.2863 8.71372 17.0124 8.71387 19.1426C8.71387 21.2729 6.98767 22.9998 4.85742 23C2.79376 23 1.1084 21.3797 1.00488 19.3418L1 19.1426V11.5234C1.0002 10.9713 1.44784 10.5234 2 10.5234ZM4.85742 17.2861C3.8317 17.2861 3.00015 18.1169 3 19.1426C3 20.1684 3.83161 21 4.85742 21C5.8831 20.9998 6.71387 20.1683 6.71387 19.1426C6.71372 18.117 5.88301 17.2863 4.85742 17.2861ZM5.2998 10.5352C9.84798 10.7663 13.4764 14.5379 13.4766 19.1426C13.4766 19.6947 13.0287 20.1424 12.4766 20.1426C11.9243 20.1426 11.4766 19.6949 11.4766 19.1426C11.4764 15.6081 8.68853 12.71 5.19727 12.5322L4.85742 12.5234L4.75488 12.5186C4.25064 12.4673 3.85742 12.0412 3.85742 11.5234C3.85762 10.9713 4.30526 10.5234 4.85742 10.5234L5.2998 10.5352ZM5.20215 5.7666C12.4222 5.9502 18.2381 11.8791 18.2383 19.1426C18.2383 19.6948 17.7905 20.1425 17.2383 20.1426C16.686 20.1426 16.2383 19.6949 16.2383 19.1426C16.2381 13.0642 11.4454 8.0816 5.44141 7.77637L4.85742 7.76172L4.75488 7.75684C4.25063 7.70562 3.85742 7.27948 3.85742 6.76172C3.85752 6.20952 4.3052 5.76172 4.85742 5.76172L5.20215 5.7666ZM5.3252 1.00586C15.1143 1.25494 22.9999 9.29452 23 19.1426C23 19.6949 22.5523 20.1426 22 20.1426C21.4477 20.1426 21 19.6949 21 19.1426C20.9999 10.3818 13.9819 3.22651 5.27344 3.00488L4.85742 3L4.75488 2.99512C4.25062 2.94391 3.85742 2.51777 3.85742 2C3.85742 1.44772 4.30514 1 4.85742 1L5.3252 1.00586Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

assets/icons/bluetooth.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5527 2.10547C11.8915 1.93611 12.2966 1.97304 12.5996 2.2002L18.5996 6.7002L18.6895 6.77539C18.8866 6.96295 19 7.22456 19 7.5C18.9999 7.77542 18.8866 8.03709 18.6895 8.22461L18.5996 8.2998L13.957 11.7803L18.6445 15.7354L18.7275 15.8135C18.9083 16.005 19.0075 16.262 19 16.5283C18.9912 16.8328 18.8433 17.117 18.5996 17.2998L12.5996 21.7998C12.2966 22.0269 11.8914 22.0638 11.5527 21.8945C11.214 21.7252 11.0001 21.3787 11 21V13.999L6.59961 17.2998C6.15784 17.6309 5.53153 17.5412 5.2002 17.0996C4.86899 16.6578 4.95869 16.0315 5.40039 15.7002L10.7471 11.6895L5.35547 7.13965L5.28027 7.06934C4.9281 6.70516 4.90191 6.12616 5.23535 5.73047C5.56927 5.33471 6.14505 5.2627 6.56348 5.54883L6.64453 5.61035L11 9.28516V3L11.0098 2.85938C11.0555 2.53722 11.2565 2.25364 11.5527 2.10547ZM13 19L16.3945 16.4541L13 13.5889V19ZM13 10L16.334 7.5L13 4.99902V10Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 986 B

assets/icons/book.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M20 1C21.6569 1 23 2.34315 23 4V15C23 16.4865 21.9188 17.7199 20.5 17.958V18C19.6716 18 19 18.6716 19 19.5C19 20.3284 19.6716 21 20.5 21H22C22.5523 21 23 21.4477 23 22C23 22.5523 22.5523 23 22 23H4.5C2.567 23 1 21.433 1 19.5V4.5C1 2.567 2.567 1 4.5 1H20ZM4.5 18C3.67157 18 3 18.6716 3 19.5C3 20.3284 3.67157 21 4.5 21H17.3369C17.1209 20.5454 17 20.0368 17 19.5C17 18.9632 17.1209 18.4546 17.3369 18H4.5ZM4.5 3C3.67157 3 3 3.67157 3 4.5V16.3359C3.45233 16.1211 3.9584 16.0012 4.49219 16H20C20.5523 16 21 15.5523 21 15V4C21 3.44772 20.5523 3 20 3H14V12.8682L10 10.2012L6 12.8682V3H4.5ZM8 9.13086L10 7.79785L12 9.13086V3H8V9.13086Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 804 B

assets/icons/bookmark.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17 1C18.6569 1 20 2.34315 20 4V20.0566C20 21.6832 18.1616 22.6296 16.8379 21.6846L12 18.2285L7.16211 21.6846C5.8384 22.6296 4 21.6832 4 20.0566V4C4 2.34315 5.34315 1 7 1H17ZM7 3C6.44772 3 6 3.44772 6 4V20.0566L10.8379 16.6016C11.5332 16.105 12.4668 16.105 13.1621 16.6016L18 20.0566V4C18 3.44772 17.5523 3 17 3H7Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 490 B

assets/icons/braille.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 13C9.20914 13 11 14.7909 11 17C11 19.2091 9.20914 21 7 21C4.79086 21 3 19.2091 3 17C3 14.7909 4.79086 13 7 13ZM7 15C5.89543 15 5 15.8954 5 17C5 18.1046 5.89543 19 7 19C8.10457 19 9 18.1046 9 17C9 15.8954 8.10457 15 7 15Z" fill="currentColor"/>
<path d="M17 13C19.2091 13 21 14.7909 21 17C21 19.2091 19.2091 21 17 21C14.7909 21 13 19.2091 13 17C13 14.7909 14.7909 13 17 13Z" fill="currentColor"/>
<path d="M7 3C9.20914 3 11 4.79086 11 7C11 9.20914 9.20914 11 7 11C4.79086 11 3 9.20914 3 7C3 4.79086 4.79086 3 7 3Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17 3C19.2091 3 21 4.79086 21 7C21 9.20914 19.2091 11 17 11C14.7909 11 13 9.20914 13 7C13 4.79086 14.7909 3 17 3ZM17 5C15.8954 5 15 5.89543 15 7C15 8.10457 15.8954 9 17 9C18.1046 9 19 8.10457 19 7C19 5.89543 18.1046 5 17 5Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 987 B

assets/icons/briefcase.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 1C15.6569 1 17 2.34315 17 4V6H18C20.7614 6 23 8.23858 23 11V18C23 20.7614 20.7614 23 18 23H6C3.23858 23 1 20.7614 1 18V11C1 8.23858 3.23858 6 6 6H7V4C7 2.34315 8.34315 1 10 1H14ZM6 8C4.34315 8 3 9.34315 3 11V18C3 19.6569 4.34315 21 6 21H7V8H6ZM9 21H15V8H9V21ZM17 21H18C19.6569 21 21 19.6569 21 18V11C21 9.34315 19.6569 8 18 8H17V21ZM10 3C9.44772 3 9 3.44772 9 4V6H15V4C15 3.44772 14.5523 3 14 3H10Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 578 B

assets/icons/brush.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.9092 2.68262C18.1344 1.57542 20.0261 1.61216 21.207 2.79297C22.4259 4.01188 22.4259 5.98807 21.207 7.20703L13.3184 15.0947C13.3868 15.3948 13.4253 15.7002 13.4287 16.0107C13.4436 17.3809 12.8014 18.6517 11.6943 19.7197C11.0405 20.3504 10.2979 20.6484 9.55469 20.8086C8.85662 20.959 8.06326 21.002 7.37207 21.0674C5.94713 21.2022 4.38897 21.4578 2.59961 22.7998L1 24V22C1.00002 20.3996 1.26488 18.5505 1.79395 16.8311C2.31872 15.1256 3.13244 13.4535 4.29297 12.293C5.40529 11.1807 6.63426 10.5177 7.97949 10.5322C8.30308 10.5358 8.61943 10.5787 8.92871 10.6562L16.793 2.79297L16.9092 2.68262ZM7.95703 12.5322C7.33597 12.5257 6.59441 12.8197 5.70703 13.707C4.86763 14.5464 4.18128 15.8746 3.70605 17.4189C3.4326 18.3077 3.24047 19.2376 3.12598 20.1348C4.64495 19.3864 6.01726 19.1865 7.18359 19.0762C8.00145 18.9988 8.58803 18.9709 9.13281 18.8535C9.63258 18.7458 9.99673 18.5783 10.3057 18.2803C11.1239 17.491 11.4372 16.7189 11.4297 16.0322C11.422 15.3415 11.0881 14.5461 10.2314 13.7197C9.33879 12.8586 8.58848 12.5391 7.95703 12.5322ZM19.793 4.20703C19.3551 3.76928 18.6449 3.76928 18.207 4.20703L10.8174 11.5957C11.0915 11.8004 11.3598 12.0291 11.6201 12.2803C11.9165 12.5662 12.179 12.8667 12.4082 13.1768L19.793 5.79297C20.2308 5.35506 20.2308 4.6449 19.793 4.20703Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

assets/icons/bucket.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0006 1C15.9705 1.00006 18.5175 1.59441 20.0582 2.9541C21.6462 4.3557 21.9194 6.34845 21.982 8.35059C22.0203 9.57359 21.2538 10.5912 20.1998 10.9941V19.2725C20.1998 20.0336 19.789 20.6424 19.3014 21.0791C18.8132 21.5163 18.1635 21.8649 17.4459 22.1367C16.0035 22.6831 14.0777 22.9999 12.0006 23C9.92353 23 7.99772 22.683 6.55526 22.1367C5.83761 21.8649 5.18706 21.5163 4.69882 21.0791C4.21118 20.6424 3.80038 20.0336 3.80038 19.2725V10.9941C2.74641 10.5912 1.97991 9.57356 2.01815 8.35059C2.08077 6.34839 2.35487 4.35571 3.94296 2.9541C5.48375 1.59466 8.03081 1 12.0006 1ZM18.1998 10.3594C17.9283 10.4555 17.6384 10.5429 17.3365 10.6191C15.9327 10.9736 14.0463 11.1816 12.0006 11.1816C9.95493 11.1816 8.06849 10.9736 6.66464 10.6191C6.36258 10.5429 6.07197 10.4556 5.80038 10.3594V19.2725C5.80038 19.2757 5.80018 19.2975 5.82675 19.3467C5.85595 19.4007 5.91573 19.485 6.0328 19.5898C6.27323 19.8051 6.67825 20.044 7.26327 20.2656C8.42662 20.7062 10.1016 21 12.0006 21C13.8994 20.9999 15.5737 20.7062 16.7369 20.2656C17.3219 20.044 17.7269 19.8051 17.9674 19.5898C18.0844 19.485 18.1452 19.4007 18.1744 19.3467C18.2008 19.2977 18.1998 19.2757 18.1998 19.2725V10.3594ZM12.0006 7.5459C10.0702 7.5459 8.35585 7.74435 7.1539 8.04785C6.75006 8.14983 6.4293 8.25952 6.1871 8.36328C6.42934 8.46708 6.74989 8.57766 7.1539 8.67969C8.35585 8.98318 10.0702 9.18164 12.0006 9.18164C13.9307 9.1816 15.6444 8.98315 16.8463 8.67969C17.2502 8.57769 17.5709 8.46706 17.8131 8.36328C17.5709 8.25954 17.25 8.14982 16.8463 8.04785C15.6444 7.74438 13.9307 7.54594 12.0006 7.5459ZM12.0006 3C8.10072 3 6.21805 3.6142 5.2662 4.4541C4.51046 5.1211 4.18906 6.06769 4.06796 7.50586C4.29023 7.17555 4.60786 6.94331 4.85312 6.79688C5.33656 6.50827 5.9704 6.28371 6.66464 6.1084C8.0685 5.75396 9.9549 5.5459 12.0006 5.5459C14.0463 5.54594 15.9327 5.7539 17.3365 6.1084C18.0306 6.28369 18.6637 6.50834 19.1471 6.79688C19.392 6.94314 19.709 7.17525 19.9312 7.50488C19.8101 6.06755 19.4902 5.12092 18.735 4.4541C17.7832 3.61413 15.9004 3.00006 12.0006 3Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

assets/icons/bug.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 0C18.5523 0 19 0.447715 19 1C19 1.55228 18.5523 2 18 2C17.5744 2 17.3331 2.0541 17.2061 2.10352C17.0976 2.14567 17.082 2.17969 17.082 2.17969C17.0718 2.19498 17.0423 2.24914 17.0225 2.39746C17.0016 2.55419 17 2.73605 17 3V5.10156C17.8588 5.97809 18.4869 7.07981 18.792 8.30957C20.6989 7.30477 22 5.30523 22 3C22 2.44772 22.4477 2 23 2C23.5523 2 24 2.44772 24 3C24 6.35705 21.9314 9.22903 19 10.416V15.582C21.931 16.7686 24 19.6415 24 23C24 23.5523 23.5523 24 23 24C22.4477 24 22 23.5523 22 23C22 20.6958 20.7004 18.6936 18.793 17.6885C18.0373 20.7386 15.2837 23 12 23C8.71625 23 5.96161 20.7387 5.20605 17.6885C3.29908 18.6937 2 20.6961 2 23C2 23.5523 1.55228 24 1 24C0.447715 24 0 23.5523 0 23C0 19.6416 2.06912 16.7697 5 15.583V10.416C2.06862 9.22903 0 6.35705 0 3C0 2.44772 0.447715 2 1 2C1.55228 2 2 2.44772 2 3C2 5.30492 3.30055 7.30464 5.20703 8.30957C5.51207 7.07972 6.14111 5.97815 7 5.10156V3C7 2.73605 6.99844 2.55419 6.97754 2.39746C6.95773 2.24914 6.92816 2.19498 6.91797 2.17969C6.91797 2.17969 6.90236 2.14568 6.79395 2.10352C6.66688 2.0541 6.42561 2 6 2C5.44772 2 5 1.55228 5 1C5 0.447715 5.44772 0 6 0C7.13206 0 8.05709 0.2829 8.58203 1.07031C9.03257 1.74612 9 2.58635 9 3V3.67383C9.90928 3.24187 10.9264 3 12 3C13.0736 3 14.0907 3.24187 15 3.67383V3C15 2.58635 14.9674 1.74612 15.418 1.07031C15.9429 0.2829 16.8679 0 18 0ZM17 10.9355C16.6723 10.9764 16.3388 11 16 11H8C7.66123 11 7.32769 10.9764 7 10.9355V16C7 18.7614 9.23858 21 12 21C14.7614 21 17 18.7614 17 16V10.9355ZM12 5C9.60458 5 7.60287 6.68455 7.11426 8.93359C7.40337 8.97638 7.69899 9 8 9H16C16.3007 9 16.596 8.97629 16.8848 8.93359C16.3961 6.68465 14.3953 5 12 5Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

assets/icons/bulb.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C16.5523 0 20 3.44838 20 8.00098C19.9998 10.3537 18.8097 12.0874 17.8086 13.4639C17.2863 14.1819 16.8356 14.7741 16.498 15.3789C16.1707 15.9656 16 16.4824 16 17.001V20.001C15.9999 21.1548 15.7105 22.2045 14.957 22.958C14.2034 23.7114 13.1539 24.001 12 24.001C10.8461 24.001 9.79662 23.7114 9.04297 22.958C8.3835 22.2985 8.07933 21.4121 8.01367 20.4277L8 20.001V17.001C8 16.4824 7.82935 15.9656 7.50195 15.3789C7.1644 14.7741 6.71368 14.1819 6.19141 13.4639C5.19028 12.0874 4.00016 10.3537 4 8.00098C4 3.44838 7.44774 0 12 0ZM10 20.001C10.0001 20.8463 10.2108 21.2977 10.457 21.5439C10.7034 21.7901 11.1546 22.001 12 22.001C12.8454 22.001 13.2966 21.7901 13.543 21.5439C13.7892 21.2977 13.9999 20.8463 14 20.001V19.001H10V20.001ZM12 2.00098C8.55226 2.00098 6 4.553 6 8.00098C6.00016 9.64799 6.80991 10.915 7.80859 12.2881C8.28615 12.9447 8.83574 13.6656 9.24805 14.4043C9.67038 15.1611 10 16.0197 10 17.001H14C14 16.0197 14.3296 15.1611 14.752 14.4043C15.1643 13.6656 15.7139 12.9447 16.1914 12.2881C17.1901 10.915 17.9998 9.64799 18 8.00098C18 4.553 15.4477 2.00098 12 2.00098Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

assets/icons/bundle.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 1C15.3059 1 16.4141 1.83532 16.8262 3H20C21.6569 3 23 4.34315 23 6V18C23 19.6569 21.6569 21 20 21H16.8262C16.4141 22.1647 15.3059 23 14 23H10C8.69415 23 7.58594 22.1647 7.17383 21H4C2.34315 21 1 19.6569 1 18V6C1 4.34315 2.34315 3 4 3H7.17383C7.58594 1.83532 8.69415 1 10 1H14ZM9 20C9 20.5523 9.44772 21 10 21H14C14.5523 21 15 20.5523 15 20V16H9V20ZM3 18C3 18.5523 3.44772 19 4 19H7V15H4C3.64888 15 3.31314 14.936 3 14.8252V18ZM21 14.8252C20.6869 14.936 20.3511 15 20 15H17V19H20C20.5523 19 21 18.5523 21 18V14.8252ZM10 3C9.44772 3 9 3.44772 9 4V14H15V4C15 3.44772 14.5523 3 14 3H10ZM4 5C3.44772 5 3 5.44772 3 6V12C3 12.5523 3.44772 13 4 13H7V5H4ZM17 13H20C20.5523 13 21 12.5523 21 12V6C21 5.44772 20.5523 5 20 5H17V13Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 858 B

assets/icons/bus.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 1C20.6569 1 22 2.34315 22 4V7H23C23.5523 7 24 7.44772 24 8V12C24 12.5523 23.5523 13 23 13H22.8262C22.9369 13.3131 23 13.649 23 14V22C23 23.1046 22.1046 24 21 24H19C18.2601 24 17.6155 23.5973 17.2695 23H17C15.8954 23 15 22.1046 15 21H9C9 22.1046 8.10457 23 7 23H6.73047C6.38454 23.5973 5.73993 24 5 24H3C1.89543 24 1 23.1046 1 22V14C1 13.649 1.06306 13.3131 1.17383 13H1C0.447715 13 0 12.5523 0 12V8C0 7.44772 0.447715 7 1 7H2V4C2 2.34315 3.34315 1 5 1H19ZM3 22H5V21H3V22ZM19 22H21V21H19V22ZM4 13C3.44772 13 3 13.4477 3 14V19H21V14C21 13.4477 20.5523 13 20 13H4ZM6 14C7.10457 14 8 14.8954 8 16C8 17.1046 7.10457 18 6 18C4.89543 18 4 17.1046 4 16C4 14.8954 4.89543 14 6 14ZM18 14C19.1046 14 20 14.8954 20 16C20 17.1046 19.1046 18 18 18C16.8954 18 16 17.1046 16 16C16 14.8954 16.8954 14 18 14ZM14 17H10C9.44771 17 9 16.5523 9 16C9 15.4477 9.44771 15 10 15H14V17ZM4 11H11V6H4V11ZM13 11H20V6H13V11ZM5 3C4.48232 3 4.05621 3.39333 4.00488 3.89746L4 4H20C20 3.44772 19.5523 3 19 3H5Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

assets/icons/business-service.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 1C15.6569 1 17 2.34315 17 4V5H18C20.7614 5 23 7.23858 23 10V18C23 20.7614 20.7614 23 18 23H6C3.23858 23 1 20.7614 1 18V10C1 7.23858 3.23858 5 6 5H7V4C7 2.34315 8.34315 1 10 1H14ZM21 16.6631C20.5454 16.8791 20.0368 17 19.5 17H17V18C17 18.5523 16.5523 19 16 19C15.4477 19 15 18.5523 15 18V17H9V18C9 18.5523 8.55228 19 8 19C7.44772 19 7 18.5523 7 18V17H4.5C3.96319 17 3.45464 16.8791 3 16.6631V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V16.6631ZM6 7C4.34315 7 3 8.34315 3 10V13.5C3 14.3284 3.67157 15 4.5 15H7C7 14.4477 7.44772 14 8 14C8.55228 14 9 14.4477 9 15H15C15 14.4477 15.4477 14 16 14C16.5523 14 17 14.4477 17 15H19.5C20.3284 15 21 14.3284 21 13.5V10C21 8.34315 19.6569 7 18 7H6ZM10 3C9.44772 3 9 3.44772 9 4V5H15V4C15 3.44772 14.5523 3 14 3H10Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 907 B

assets/icons/cafeteria.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 1C2.5522 1 2.99986 1.44783 3 2V8C3.0001 9.10448 3.89549 10 5 10H8C9.10451 10 9.9999 9.10448 10 8V2H12V8C11.9999 9.86375 10.7252 11.43 9 11.874V20.5C8.9999 21.8806 7.88065 23 6.5 23C5.11935 23 4.0001 21.8806 4 20.5V11.874C2.27483 11.43 1.00009 9.86375 1 8V2C1.00014 1.44783 1.4478 1 2 1ZM17.1631 0.117188L17.5381 0.191406C18.4617 0.392939 19.7063 0.818429 20.7822 1.73047C22.0522 2.80719 22.9999 4.49002 23 7V9C22.9999 10.5752 22.3209 11.6057 21.4561 12.2158C21.0289 12.5171 20.6441 12.8305 20.3721 13.1602C20.1035 13.4856 20.0001 13.7591 20 14V20.4951C20 21.8832 18.8814 23 17.5 23C16.111 23 15.0001 21.8781 15 20.5V1.99512C15.0001 0.984719 15.8063 0.0279983 16.9336 0.0908203L17.1631 0.117188ZM6 20.5C6.0001 20.7761 6.22392 21 6.5 21C6.77608 21 6.9999 20.7761 7 20.5V12H6V20.5ZM17 20.5C17.0001 20.7788 17.2208 21 17.5 21C17.7755 21 18 20.7799 18 20.4951V14C18.0001 13.1367 18.3849 12.4272 18.8301 11.8877C19.272 11.3522 19.8273 10.9163 20.3027 10.5811C20.6461 10.3389 21 9.91336 21 9V7C20.9999 5.05851 20.2959 3.94048 19.4883 3.25586C18.7047 2.59171 17.7448 2.27179 17 2.12207V20.5ZM5 1C5.5522 1 5.99986 1.44783 6 2V6C5.9999 6.5522 5.55222 7 5 7C4.44778 7 4.0001 6.5522 4 6V2C4.00014 1.44783 4.4478 1 5 1ZM8 1C8.5522 1 8.99986 1.44783 9 2V6C8.9999 6.5522 8.55222 7 8 7C7.44778 7 7.0001 6.5522 7 6V2C7.00014 1.44783 7.4478 1 8 1Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

assets/icons/calculator.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 1C20.7614 1 23 3.23858 23 6V18C23 20.7614 20.7614 23 18 23H6C3.23858 23 1 20.7614 1 18V6C1 3.23858 3.23858 1 6 1H18ZM3 18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V8H3V18ZM7 15C8.10457 15 9 15.8954 9 17C9 18.1046 8.10457 19 7 19C5.89543 19 5 18.1046 5 17C5 15.8954 5.89543 15 7 15ZM12 15C13.1046 15 14 15.8954 14 17C14 18.1046 13.1046 19 12 19C10.8954 19 10 18.1046 10 17C10 15.8954 10.8954 15 12 15ZM17 10C18.1046 10 19 10.8954 19 12V17C19 18.1046 18.1046 19 17 19C15.8954 19 15 18.1046 15 17V12C15 10.8954 15.8954 10 17 10ZM7 10C8.10457 10 9 10.8954 9 12C9 13.1046 8.10457 14 7 14C5.89543 14 5 13.1046 5 12C5 10.8954 5.89543 10 7 10ZM12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10ZM6 3C4.34315 3 3 4.34315 3 6H21C21 4.34315 19.6569 3 18 3H6Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 969 B

assets/icons/calendar.svg
+12
View File
@@ -0,0 +1,12 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 16C7.55228 16 8 16.4477 8 17C8 17.5523 7.55228 18 7 18H6C5.44772 18 5 17.5523 5 17C5 16.4477 5.44772 16 6 16H7Z" fill="currentColor"/>
<path d="M12.5 16C13.0523 16 13.5 16.4477 13.5 17C13.5 17.5523 13.0523 18 12.5 18H11.5C10.9477 18 10.5 17.5523 10.5 17C10.5 16.4477 10.9477 16 11.5 16H12.5Z" fill="currentColor"/>
<path d="M18 16C18.5523 16 19 16.4477 19 17C19 17.5523 18.5523 18 18 18H17C16.4477 18 16 17.5523 16 17C16 16.4477 16.4477 16 17 16H18Z" fill="currentColor"/>
<path d="M7 12C7.55228 12 8 12.4477 8 13C8 13.5523 7.55228 14 7 14H6C5.44772 14 5 13.5523 5 13C5 12.4477 5.44772 12 6 12H7Z" fill="currentColor"/>
<path d="M12.5 12C13.0523 12 13.5 12.4477 13.5 13C13.5 13.5523 13.0523 14 12.5 14H11.5C10.9477 14 10.5 13.5523 10.5 13C10.5 12.4477 10.9477 12 11.5 12H12.5Z" fill="currentColor"/>
<path d="M18 12C18.5523 12 19 12.4477 19 13C19 13.5523 18.5523 14 18 14H17C16.4477 14 16 13.5523 16 13C16 12.4477 16.4477 12 17 12H18Z" fill="currentColor"/>
<path d="M7 8C7.55228 8 8 8.44771 8 9C8 9.55229 7.55228 10 7 10H6C5.44772 10 5 9.55229 5 9C5 8.44771 5.44772 8 6 8H7Z" fill="currentColor"/>
<path d="M12.5 8C13.0523 8 13.5 8.44771 13.5 9C13.5 9.55229 13.0523 10 12.5 10H11.5C10.9477 10 10.5 9.55229 10.5 9C10.5 8.44771 10.9477 8 11.5 8H12.5Z" fill="currentColor"/>
<path d="M18 8C18.5523 8 19 8.44771 19 9C19 9.55229 18.5523 10 18 10H17C16.4477 10 16 9.55229 16 9C16 8.44771 16.4477 8 17 8H18Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C16.5523 0 17 0.447715 17 1H18C20.7614 1 23 3.23858 23 6V18C23 20.7614 20.7614 23 18 23H6C3.23858 23 1 20.7614 1 18V6C1 3.23858 3.23858 1 6 1H7C7 0.447715 7.44772 0 8 0C8.55228 0 9 0.447715 9 1H15C15 0.447715 15.4477 0 16 0ZM6 3C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3H17V4C17 4.55228 16.5523 5 16 5C15.4477 5 15 4.55228 15 4V3H9V4C9 4.55228 8.55228 5 8 5C7.44772 5 7 4.55228 7 4V3H6Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

assets/icons/camera.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7637 4C14.8999 4 15.9391 4.64191 16.4473 5.6582L17.6182 8H20C21.6569 8 23 9.34315 23 11V19C23 20.6569 21.6569 22 20 22H4C2.34315 22 1 20.6569 1 19V11C1 9.34315 2.34315 8 4 8H6.38184L7.55273 5.6582L7.6543 5.47266C8.19127 4.56453 9.17093 4 10.2363 4H13.7637ZM4 10C3.44772 10 3 10.4477 3 11V19C3 19.5523 3.44772 20 4 20H7.10254C5.80553 18.7294 5 16.9591 5 15C5 13.0409 5.80553 11.2706 7.10254 10H4ZM12 10C9.23858 10 7 12.2386 7 15C7 17.7614 9.23858 20 12 20C14.7614 20 17 17.7614 17 15C17 12.2386 14.7614 10 12 10ZM16.8975 10C17.2095 10.3057 17.4924 10.6407 17.7432 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H18.709C18.8976 13.6338 19 14.3049 19 15C19 16.9591 18.1945 18.7294 16.8975 20H20C20.5523 20 21 19.5523 21 19V11C21 10.4477 20.5523 10 20 10H16.8975ZM12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13C10.8954 13 10 13.8954 10 15C10 15.5523 9.55229 16 9 16C8.44772 16 8 15.5523 8 15C8 12.7909 9.79086 11 12 11ZM10.2363 6C9.90492 6 9.59802 6.16375 9.41309 6.43164L9.3418 6.55273L8.61816 8H15.3818L14.6582 6.55273C14.4888 6.21401 14.1424 6 13.7637 6H10.2363Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

assets/icons/car.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.5117 1C18.8365 1 20.005 1.86882 20.3857 3.1377L22.873 11.4316L22.9287 11.6436C22.976 11.8568 23 12.0751 23 12.2939V13C23 13.1074 22.9825 13.2107 22.9512 13.3076C22.9825 13.534 23 13.765 23 14V17C23 17.205 22.9684 17.4026 22.9111 17.5889C22.9678 17.7143 23 17.8534 23 18V21C23 22.1046 22.1046 23 21 23H19C17.8954 23 17 22.1046 17 21H16C14.8954 21 14 20.1046 14 19H10C10 20.1046 9.10457 21 8 21H7C7 22.1046 6.10457 23 5 23H3C1.89543 23 1 22.1046 1 21V18C1 17.8534 1.03216 17.7143 1.08887 17.5889C1.03155 17.4026 1 17.205 1 17V14C1 13.765 1.01746 13.534 1.04883 13.3076C1.01749 13.2107 1 13.1074 1 13V12.2939C1 12.002 1.04306 11.7113 1.12695 11.4316L3.61426 3.1377C3.99499 1.86882 5.16351 1 6.48828 1H17.5117ZM3 21H5V19H3V21ZM19 21H21V19H19V21ZM6 11C4.34315 11 3 12.3431 3 14V17H21V14C21 12.3431 19.6569 11 18 11H6ZM6 12C7.10456 12 8 12.8954 8 14C8 15.1046 7.10456 16 6 16C4.89543 16 4 15.1046 4 14C4 12.8954 4.89543 12 6 12ZM18 12C19.1046 12 20 12.8954 20 14C20 15.1046 19.1046 16 18 16C16.8954 16 16 15.1046 16 14C16 12.8954 16.8954 12 18 12ZM14 13C14.5523 13 15 13.4477 15 14C15 14.5523 14.5523 15 14 15H10C9.44772 15 9 14.5523 9 14C9 13.4477 9.44772 13 10 13H14ZM6.48828 3C6.04667 3 5.65717 3.28991 5.53027 3.71289L3.78906 9.51465C4.45572 9.18541 5.20616 9 6 9H9.7334L7.24707 6.1582C6.88371 5.74256 6.92628 5.11065 7.3418 4.74707C7.75744 4.38371 8.38935 4.42628 8.75293 4.8418L12.2529 8.8418C12.2965 8.89168 12.3342 8.94473 12.3662 9H18C18.7935 9 19.5435 9.18565 20.21 9.51465L18.4697 3.71289C18.3428 3.28991 17.9533 3 17.5117 3H6.48828Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

assets/icons/caret-down.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.7932 6.20703C21.5747 6.20726 22.4668 8.3612 21.2072 9.62109L13.6213 17.207C12.8403 17.988 11.5742 17.9879 10.7932 17.207L3.20723 9.62109C1.94742 8.36116 2.83955 6.20707 4.62129 6.20703H19.7932ZM12.2072 15.793L19.7932 8.20703H4.62129L12.2072 15.793Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 428 B

assets/icons/caret-left.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5863 3.00017C15.8462 1.74047 18.0003 2.63253 18.0003 4.41424V19.5861C18.0001 21.3676 15.8461 22.2596 14.5863 21.0002L7.00031 13.4142C6.21928 12.6332 6.21931 11.3672 7.00031 10.5861L14.5863 3.00017ZM8.41438 12.0002L16.0003 19.5861V4.41424L8.41438 12.0002Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 434 B

assets/icons/caret-right.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.41414C6.00004 2.63238 8.15414 1.7402 9.41406 3.00008L17 10.586C17.7809 11.3671 17.781 12.6331 17 13.4141L9.41406 21.0001C8.15418 22.2597 6.00022 21.3676 6 19.586V4.41414ZM8 19.586L15.5859 12.0001L8 4.41414V19.586Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 394 B

assets/icons/caret-up.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5304 6.65528C11.316 6.01468 12.475 6.0608 13.2072 6.79298L20.7931 14.3789C22.0526 15.6388 21.1605 17.7926 19.3791 17.793H4.20718C2.42545 17.7929 1.53334 15.6388 2.79311 14.3789L10.3791 6.79298L10.5304 6.65528ZM4.20718 15.793H19.3791L11.7931 8.20704L4.20718 15.793Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 444 B

assets/icons/cart.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 19C10.1048 19 11 19.8952 11 21C11 22.1048 10.1048 23 9 23C7.89522 23 7 22.1048 7 21C7 19.8952 7.89522 19 9 19Z" fill="currentColor"/>
<path d="M19 19C20.1048 19 21 19.8952 21 21C21 22.1048 20.1048 23 19 23C17.8952 23 17 22.1048 17 21C17 19.8952 17.8952 19 19 19Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.83105 1C4.28066 1.0001 5.52269 2.03674 5.78223 3.46289L5.87988 4H20.8672C22.0702 4 23.0008 5.05434 22.8516 6.24805L22.2109 11.3721C22.0233 12.8734 20.7473 14 19.2344 14H8.16895C7.94022 14 7.71633 13.9739 7.50098 13.9248L7.70801 15.1641C7.78837 15.6463 8.2055 16 8.69434 16H20C20.5523 16 21 16.4477 21 17C21 17.5523 20.5523 18 20 18H8.69434C7.22782 18 5.97645 16.9397 5.73535 15.4932L4.01367 5.16406C3.99759 5.06739 3.9956 4.9715 4.00684 4.87891L3.81445 3.82129C3.72801 3.34587 3.31425 3.0001 2.83105 3H1C0.447715 3 0 2.55228 0 2C0 1.44772 0.447715 1 1 1H2.83105ZM7.18555 11.1787C7.27199 11.6541 7.68575 11.9999 8.16895 12H19.2344C19.7387 12 20.164 11.6244 20.2266 11.124L20.8672 6H6.24414L7.18555 11.1787Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

assets/icons/catalog.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 6C19.5523 6 20 6.44772 20 7C20 7.55228 19.5523 8 19 8H15C14.4477 8 14 7.55228 14 7C14 6.44772 14.4477 6 15 6H19Z" fill="currentColor"/>
<path d="M9 10C9.55229 10 10 10.4477 10 11C10 11.5523 9.55229 12 9 12H7C6.44772 12 6 11.5523 6 11C6 10.4477 6.44772 10 7 10H9Z" fill="currentColor"/>
<path d="M9 6C9.55229 6 10 6.44772 10 7C10 7.55228 9.55229 8 9 8H5C4.44772 8 4 7.55228 4 7C4 6.44772 4.44772 6 5 6H9Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C10.1961 1 11.3087 1.60918 12 2.40137C12.6913 1.60918 13.8039 1 15.5 1H21.001C22.6586 1 24 2.34396 24 4V14C24 14.1079 23.9935 14.2144 23.9824 14.3193C23.9931 14.378 24 14.4382 24 14.5V17C24 18.656 22.6587 20 21.001 20H16C14.8811 20 14.1401 20.5448 13.6436 21.1406C13.3922 21.4422 13.2131 21.7476 13.0977 21.9785C13.0405 22.0928 13.0001 22.1855 12.9756 22.2461C12.9634 22.2762 12.9557 22.2983 12.9512 22.3105L12.9473 22.3213V22.3193L12.9482 22.3174L12.9473 22.3164L12 25.1621L11.0527 22.3203C11.0527 22.3203 11.051 22.3165 11.0488 22.3105C11.0443 22.2983 11.0366 22.2762 11.0244 22.2461C10.9999 22.1855 10.9595 22.0928 10.9023 21.9785C10.7869 21.7476 10.6078 21.4422 10.3564 21.1406C9.8599 20.5448 9.1189 20 8 20H2.99902C1.34134 20 0 18.656 0 17V14.5C0 14.4382 0.00685851 14.378 0.0175781 14.3193C0.00647667 14.2144 0 14.1079 0 14V4C0 2.34396 1.34136 1 2.99902 1H8.5ZM2 17C2 17.5531 2.44757 18 2.99902 18H8C9.055 18 9.91452 18.3001 10.5986 18.7236C10.5063 18.4557 10.3994 18.2256 10.2773 18.0303C9.87704 17.3898 9.24258 17 8 17H2.99902C2.64822 17 2.31273 16.9358 2 16.8252V17ZM22 16.8252C21.6873 16.9358 21.3518 17 21.001 17H16C14.9156 17 14.2246 17.5044 13.749 18.3604C13.708 18.4342 13.6694 18.5111 13.6318 18.5898C14.2756 18.2383 15.0602 18 16 18H21.001C21.5524 18 22 17.5531 22 17V16.8252ZM15.5 3C14.1024 3 13.5584 3.56409 13.3018 4.00391C13.1545 4.25633 13.0759 4.51751 13.0361 4.72168C13.0167 4.82187 13.0072 4.90305 13.0029 4.9541C13.0008 4.97917 13.0003 4.99655 13 5.00488V16.1133C13.7543 15.428 14.7465 15 16 15H21.001C21.5524 15 22 14.5531 22 14V4C22 3.4469 21.5524 3 21.001 3H15.5ZM2.99902 3C2.44755 3 2 3.4469 2 4V14C2 14.5531 2.44757 15 2.99902 15H8C9.19397 15 10.2066 15.2826 11 15.8896V5.00488C10.9997 4.99655 10.9992 4.97917 10.9971 4.9541C10.9928 4.90305 10.9833 4.82187 10.9639 4.72168C10.9241 4.51751 10.8455 4.25633 10.6982 4.00391C10.4416 3.56409 9.89755 3 8.5 3H2.99902Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

assets/icons/certificate.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 11C7.55228 11 8 11.4477 8 12C8 12.5523 7.55228 13 7 13H5C4.44772 13 4 12.5523 4 12C4 11.4477 4.44772 11 5 11H7Z" fill="currentColor"/>
<path d="M10 8C10.5523 8 11 8.44772 11 9C11 9.55228 10.5523 10 10 10H5C4.44772 10 4 9.55228 4 9C4 8.44772 4.44772 8 5 8H10Z" fill="currentColor"/>
<path d="M8 5C8.55228 5 9 5.44772 9 6C9 6.55228 8.55228 7 8 7H5C4.44772 7 4 6.55228 4 6C4 5.44772 4.44772 5 5 5H8Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 1C16.443 1 18.4755 2.75226 18.9121 5.06836C21.793 5.5077 24 7.99636 24 11C24 12.7766 23.2271 14.3721 22 15.4707V21.1318C21.9997 22.6791 20.3293 23.6212 19.0166 22.873L18.8906 22.7959L18 22.2021L17.1094 22.7959C15.7804 23.6817 14.0003 22.7289 14 21.1318V21H6C3.23858 21 1 18.7614 1 16V6C1 3.23858 3.23858 1 6 1H14ZM20 16.6572C19.3743 16.8784 18.7014 17 18 17C17.2986 17 16.6257 16.8784 16 16.6572V21.1318L16.8906 20.5381C17.5624 20.0902 18.4376 20.0902 19.1094 20.5381L20 21.1318V16.6572ZM6 3C4.34315 3 3 4.34315 3 6V16C3 17.6569 4.34315 19 6 19H14V15.4707C12.7729 14.3721 12 12.7766 12 11C12 8.07433 14.0942 5.63893 16.8652 5.1084C16.4856 3.88694 15.3464 3 14 3H6ZM18 7C15.7909 7 14 8.79086 14 11C14 13.2091 15.7909 15 18 15C20.2091 15 22 13.2091 22 11C22 8.79086 20.2091 7 18 7Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

assets/icons/channel.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.24707 1.3418C2.58796 0.952268 3.16495 0.890297 3.57812 1.18359L3.6582 1.24707L11.376 8H12.624L20.3418 1.24707C20.7574 0.883778 21.3894 0.926346 21.7529 1.3418C22.1163 1.75742 22.0737 2.38934 21.6582 2.75293L15.6611 8H20C21.6568 8 22.9999 9.34319 23 11V20C23 21.6569 21.6569 23 20 23H4C2.34315 23 1 21.6569 1 20V11C1.00006 9.34319 2.34318 8 4 8H8.33887L2.3418 2.75293L2.26758 2.68164C1.92199 2.31115 1.90646 1.73142 2.24707 1.3418ZM4 10C3.44775 10 3.00006 10.4478 3 11V20C3 20.5523 3.44772 21 4 21H20C20.5523 21 21 20.5523 21 20V11C20.9999 10.4478 20.5523 10 20 10H4Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 705 B

assets/icons/chapter-add.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 16C4.55228 16 5 16.4477 5 17V19H7C7.55228 19 8 19.4477 8 20C8 20.5523 7.55228 21 7 21H5V23C5 23.5523 4.55228 24 4 24C3.44772 24 3 23.5523 3 23V21H1C0.447715 21 0 20.5523 0 20C0 19.4477 0.447715 19 1 19H3V17C3 16.4477 3.44772 16 4 16Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19 0C21.7614 0 24 2.23858 24 5V11C24 13.7614 21.7614 16 19 16C19 18.7614 16.7614 21 14 21H11C10.4477 21 10 20.5523 10 20C10 19.4477 10.4477 19 11 19H14C15.6569 19 17 17.6569 17 16V10C17 8.34315 15.6569 7 14 7H8C6.34315 7 5 8.34315 5 10V13C5 13.5523 4.55228 14 4 14C3.44772 14 3 13.5523 3 13V10C3 7.23858 5.23858 5 8 5C8 2.23858 10.2386 0 13 0H19ZM13 2C11.3431 2 10 3.34315 10 5H14C16.7614 5 19 7.23858 19 10V14C20.6569 14 22 12.6569 22 11V5C22 3.34315 20.6569 2 19 2H13Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 916 B

assets/icons/chapter-next.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M23 22H21V13.2354L10.5879 20.8086C10.2837 21.0297 9.88103 21.0623 9.5459 20.8916C9.21076 20.7209 9 20.3761 9 20V15.8682L1.55469 20.832C1.2479 21.0366 0.853438 21.0557 0.52832 20.8818C0.203163 20.7078 0 20.3688 0 20V3.5C0 3.12447 0.210565 2.78034 0.544922 2.60938C0.87923 2.43855 1.28158 2.46964 1.58594 2.68945L9 8.04395V4C9 3.6239 9.21076 3.27909 9.5459 3.1084C9.88103 2.93774 10.2837 2.97026 10.5879 3.19141L21 10.7637V2H23V22ZM2 18.1309L9.44531 13.168C9.7521 12.9634 10.1466 12.9443 10.4717 13.1182C10.7968 13.2922 11 13.6312 11 14V18.0361L19.2998 12L11 5.96289V10C11 10.3755 10.7894 10.7197 10.4551 10.8906C10.1208 11.0614 9.71842 11.0304 9.41406 10.8105L2 5.45508V18.1309Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 853 B

assets/icons/chapter-previous.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 10.7637L13.4121 3.19141C13.7163 2.97026 14.119 2.93774 14.4541 3.1084C14.7892 3.27909 15 3.6239 15 4V8.04395L22.4141 2.68945C22.7184 2.46964 23.1208 2.43855 23.4551 2.60938C23.7894 2.78034 24 3.12447 24 3.5V20C24 20.3688 23.7968 20.7078 23.4717 20.8818C23.1466 21.0557 22.7521 21.0366 22.4453 20.832L15 15.8682V20C15 20.3761 14.7892 20.7209 14.4541 20.8916C14.119 21.0623 13.7163 21.0297 13.4121 20.8086L3 13.2354V22H1V2H3V10.7637ZM14.5859 10.8105C14.2816 11.0304 13.8792 11.0614 13.5449 10.8906C13.2106 10.7197 13 10.3755 13 10V5.96289L4.69922 12L13 18.0361V14C13 13.6312 13.2032 13.2922 13.5283 13.1182C13.8534 12.9443 14.2479 12.9634 14.5547 13.168L22 18.1309V5.45508L14.5859 10.8105Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 866 B

assets/icons/chart-bar.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 23H2C1.44772 23 1 22.5523 1 22C1 21.4477 1.44772 21 2 21H22V23Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 5C5.65685 5 7 6.34315 7 8V16C7 17.6569 5.65685 19 4 19C2.34315 19 1 17.6569 1 16V8C1 6.34315 2.34315 5 4 5ZM4 7C3.44772 7 3 7.44772 3 8V16C3 16.5523 3.44772 17 4 17C4.55228 17 5 16.5523 5 16V8C5 7.44772 4.55228 7 4 7Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 9C13.6569 9 15 10.3431 15 12V16C15 17.6569 13.6569 19 12 19C10.3431 19 9 17.6569 9 16V12C9 10.3431 10.3431 9 12 9ZM12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12C13 11.4477 12.5523 11 12 11Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20 1C21.6569 1 23 2.34315 23 4V16C23 17.6569 21.6569 19 20 19C18.3431 19 17 17.6569 17 16V4C17 2.34315 18.3431 1 20 1ZM20 3C19.4477 3 19 3.44772 19 4V16C19 16.5523 19.4477 17 20 17C20.5523 17 21 16.5523 21 16V4C21 3.44772 20.5523 3 20 3Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

assets/icons/chart-line.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 21C22.5523 21 23 21.4477 23 22C23 22.5523 22.5523 23 22 23H2C1.44772 23 1 22.5523 1 22C1 21.4477 1.44772 21 2 21H22Z" fill="currentColor"/>
<path d="M23 9C23 9.55228 22.5523 10 22 10C21.4477 10 21 9.55228 21 9V5.5L14.1387 12.3623L10.6172 9.34277L2.77148 16.7285C2.36931 17.107 1.73592 17.0877 1.35742 16.6855C0.978964 16.2834 0.998237 15.65 1.40039 15.2715L10.5547 6.65625L14.0332 9.6377L19.6719 4H16C15.4477 4 15 3.55228 15 3C15 2.44772 15.4477 2 16 2H23V9Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 598 B

assets/icons/chart-pie.svg
+5
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

assets/icons/chat-conversation.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 1C22.6569 1 24 2.34315 24 4V11C24 12.6569 22.6569 14 21 14H20V19.4141L16.9736 16.3877C16.7834 17.8613 15.5254 19 14 19H11.3516L5 24.0811V19H3C1.34315 19 0 17.6569 0 16V9C0 7.34315 1.34315 6 3 6H7V4C7 2.34315 8.34315 1 10 1H21ZM3 8C2.44772 8 2 8.44772 2 9V16C2 16.5523 2.44772 17 3 17H7V19.918L10.375 17.2188L10.6494 17H14C14.5523 17 15 16.5523 15 16V9C15 8.44772 14.5523 8 14 8H3ZM10 3C9.44771 3 9 3.44772 9 4V6H14C15.6569 6 17 7.34315 17 9V13.5859L18 14.5859V12H21C21.5523 12 22 11.5523 22 11V4C22 3.44772 21.5523 3 21 3H10Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 705 B

assets/icons/chat.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 11C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H10C9.44772 13 9 12.5523 9 12C9 11.4477 9.44772 11 10 11H17Z" fill="currentColor"/>
<path d="M17 7C17.5523 7 18 7.44772 18 8C18 8.55228 17.5523 9 17 9H6C5.44772 9 5 8.55228 5 8C5 7.44772 5.44772 7 6 7H17Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 1C20.7614 1 23 3.23858 23 6V24.0811L16.6484 19H6C3.23858 19 1 16.7614 1 14V6C1 3.23858 3.23858 1 6 1H18ZM6 3C4.34315 3 3 4.34315 3 6V14C3 15.6569 4.34315 17 6 17H17.3506L17.625 17.2188L21 19.918V6C21 4.34315 19.6569 3 18 3H6Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 704 B

assets/icons/checkmark.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.2618 4.83813C19.6341 4.43028 20.266 4.40145 20.6739 4.77368C21.0817 5.14598 21.1106 5.77789 20.7383 6.18579L9.75591 18.218C9.57161 18.4199 9.3124 18.5382 9.03911 18.5442C8.76568 18.5501 8.50159 18.4431 8.30864 18.2493L3.29106 13.2092C2.90146 12.8178 2.90354 12.1848 3.29497 11.7952C3.68641 11.4056 4.31942 11.4067 4.70903 11.7981L8.9854 16.095L19.2618 4.83813Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 500 B

assets/icons/circle-empty.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 400 B

assets/icons/circle-fill.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 248 B

assets/icons/clear.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM4.96875 6.38281C3.73712 7.92249 3 9.87498 3 12C3 16.9706 7.02944 21 12 21C14.125 21 16.0766 20.2619 17.6162 19.0303L4.96875 6.38281ZM12 3C9.87498 3 7.92249 3.73712 6.38281 4.96875L19.0303 17.6162C20.2619 16.0766 21 14.125 21 12C21 7.02944 16.9706 3 12 3Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 543 B

assets/icons/clipboard.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15 1C16.1046 1 17 1.89543 17 3V3.03516C18.1743 3.1142 19.1901 3.3727 19.9102 4.09277C20.8277 5.01055 21 6.40856 21 8.00293V18.0029C21 19.5972 20.8278 20.9954 19.9102 21.9131C18.9924 22.8306 17.5944 23.0029 16 23.0029H8C6.40563 23.0029 5.00762 22.8306 4.08984 21.9131C3.17217 20.9954 3.00004 19.5972 3 18.0029V8.00293C3 6.40856 3.17229 5.01055 4.08984 4.09277C4.80992 3.3727 5.82574 3.1142 7 3.03516V3C7 1.89543 7.89543 1 9 1H15ZM16.9971 5.03906C16.9762 6.12558 16.0915 7 15 7H9C7.90849 7 7.02278 6.12559 7.00195 5.03906C6.11487 5.11346 5.71658 5.29416 5.50391 5.50684C5.22408 5.78689 5 6.38877 5 8.00293V18.0029C5.00005 19.6172 5.22399 20.2191 5.50391 20.499C5.78396 20.7789 6.38584 21.0029 8 21.0029H16C17.6142 21.0029 18.216 20.7789 18.4961 20.499C18.776 20.2191 19 19.6172 19 18.0029V8.00293C19 6.38877 18.7759 5.78689 18.4961 5.50684C18.2833 5.29408 17.8848 5.11341 16.9971 5.03906ZM9 5H15V3H9V5Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

assets/icons/clock.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 6C12.5523 6 13 6.44772 13 7V11.5L16.5996 14.2002C17.0414 14.5315 17.131 15.1578 16.7998 15.5996C16.4685 16.0414 15.8422 16.131 15.4004 15.7998L11.4004 12.7998C11.1486 12.611 11 12.3148 11 12V7C11 6.44772 11.4477 6 12 6Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 656 B

assets/icons/clone.svg
+8
View File
@@ -0,0 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 10.833C1.55218 10.833 1.99982 11.2809 2 11.833V13C2 14.6569 3.34315 16 5 16H6.16699C6.66658 16.0002 7.07905 16.3669 7.15332 16.8457C7.63267 16.9195 7.99984 17.333 8 17.833V19C8 20.6569 9.34315 22 11 22H12.167C12.7191 22.0002 13.167 22.4478 13.167 23C13.167 23.5522 12.7191 23.9998 12.167 24H11C8.23858 24 6 21.7614 6 19V18H5C2.23858 18 0 15.7614 0 13V11.833C0.000175711 11.2809 0.447824 10.833 1 10.833Z" fill="currentColor"/>
<path d="M23 16.833C23.5522 16.833 23.9998 17.2809 24 17.833V19C24 21.7614 21.7614 24 19 24H17.833C17.2809 23.9998 16.833 23.5522 16.833 23C16.833 22.4478 17.2809 22.0002 17.833 22H19C20.6569 22 22 20.6569 22 19V17.833C22.0002 17.2809 22.4478 16.833 23 16.833Z" fill="currentColor"/>
<path d="M17 10.833C17.5522 10.833 17.9998 11.2809 18 11.833V13C18 15.7614 15.7614 18 13 18H11.833C11.2809 17.9998 10.833 17.5522 10.833 17C10.833 16.4478 11.2809 16.0002 11.833 16H13C14.6569 16 16 14.6569 16 13V11.833C16.0002 11.2809 16.4478 10.833 17 10.833Z" fill="currentColor"/>
<path d="M12.167 6C12.7191 6.00018 13.167 6.44782 13.167 7C13.167 7.55218 12.7191 7.99982 12.167 8H11C9.34315 8 8 9.34315 8 11V12.167C7.99982 12.7191 7.55218 13.167 7 13.167C6.44782 13.167 6.00018 12.7191 6 12.167V11C6 8.23858 8.23858 6 11 6H12.167Z" fill="currentColor"/>
<path d="M13 0C15.7614 0 18 2.23858 18 5V6H19C21.7614 6 24 8.23858 24 11V12.167C23.9998 12.7191 23.5522 13.167 23 13.167C22.4478 13.167 22.0002 12.7191 22 12.167V11C22 9.34315 20.6569 8 19 8H17.833C17.333 7.99984 16.9195 7.63267 16.8457 7.15332C16.3669 7.07905 16.0002 6.66658 16 6.16699V5C16 3.34315 14.6569 2 13 2H11.833C11.2809 1.99982 10.833 1.55218 10.833 1C10.833 0.447824 11.2809 0.000175712 11.833 0H13Z" fill="currentColor"/>
<path d="M6.16699 0C6.71913 0.000175712 7.16699 0.447824 7.16699 1C7.16699 1.55218 6.71913 1.99982 6.16699 2H5C3.34315 2 2 3.34315 2 5V6.16699C1.99982 6.71913 1.55218 7.16699 1 7.16699C0.447824 7.16699 0.000175969 6.71913 0 6.16699V5C0 2.23858 2.23858 0 5 0H6.16699Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

assets/icons/close.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.2931 4.29308C18.6836 3.90264 19.3166 3.90258 19.7071 4.29308C20.0976 4.68358 20.0975 5.31663 19.7071 5.70714L13.4142 12.0001L19.7071 18.2931C20.0975 18.6836 20.0976 19.3167 19.7071 19.7071C19.3167 20.0976 18.6836 20.0975 18.2931 19.7071L12.0001 13.4142L5.70713 19.7071C5.31662 20.0976 4.68359 20.0976 4.29306 19.7071C3.90255 19.3166 3.90256 18.6836 4.29306 18.2931L10.586 12.0001L4.29306 5.70714C3.90255 5.31662 3.90256 4.6836 4.29306 4.29308C4.68359 3.90255 5.3166 3.90255 5.70713 4.29308L12.0001 10.586L18.2931 4.29308Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 661 B

assets/icons/closed-caption.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.75 7C8.6466 7 9.50833 7.2265 10.1699 7.74316C10.8574 8.28003 11.25 9.07302 11.25 10V11H8.96094L8.97852 9.98242C8.98404 9.65251 8.86507 9.44009 8.69238 9.29297C8.50147 9.13036 8.18269 9 7.75 9C7.31731 9 6.99853 9.13036 6.80762 9.29297C6.63493 9.44009 6.51596 9.65251 6.52148 9.98242V14C6.52148 14.3354 6.64561 14.5556 6.82324 14.707C7.01704 14.8721 7.33233 15 7.75 15C8.16767 15 8.48297 14.8721 8.67676 14.707C8.85439 14.5556 8.97852 14.3354 8.97852 14V13H11.25V14C11.25 14.9051 11.0194 15.7757 10.2656 16.3555C9.58251 16.8807 8.66726 17 7.75 17C6.83274 17 5.91748 16.8807 5.23438 16.3555C4.48065 15.7757 4.25 14.9051 4.25 14V10C4.25 9.07302 4.64263 8.28003 5.33008 7.74316C5.99167 7.2265 6.8534 7 7.75 7Z" fill="currentColor"/>
<path d="M15.75 7C16.6466 7 17.5083 7.2265 18.1699 7.74316C18.8574 8.28003 19.25 9.07302 19.25 10V11H16.9609L16.9785 9.98242C16.984 9.65251 16.8651 9.44009 16.6924 9.29297C16.5015 9.13036 16.1827 9 15.75 9C15.3173 9 14.9985 9.13036 14.8076 9.29297C14.6349 9.44009 14.516 9.65251 14.5215 9.98242V14C14.5215 14.3354 14.6456 14.5556 14.8232 14.707C15.017 14.8721 15.3323 15 15.75 15C16.1677 15 16.483 14.8721 16.6768 14.707C16.8544 14.5556 16.9785 14.3354 16.9785 14V13H19.25V14C19.25 14.9051 19.0194 15.7757 18.2656 16.3555C17.5825 16.8807 16.6673 17 15.75 17C14.8327 17 13.9175 16.8807 13.2344 16.3555C12.4806 15.7757 12.25 14.9051 12.25 14V10C12.25 9.07302 12.6426 8.28003 13.3301 7.74316C13.9917 7.2265 14.8534 7 15.75 7Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C14.3807 3 16.3143 3.06231 17.8633 3.27539C19.4058 3.48763 20.6721 3.86202 21.6465 4.56348C23.6723 6.02204 24 8.55789 24 12C24 15.4421 23.6723 17.978 21.6465 19.4365C20.6721 20.138 19.4058 20.5124 17.8633 20.7246C16.3143 20.9377 14.3807 21 12 21C9.61931 21 7.68568 20.9377 6.13672 20.7246C4.59419 20.5124 3.32786 20.138 2.35352 19.4365C0.327727 17.978 0 15.4421 0 12C0 8.55789 0.327727 6.02204 2.35352 4.56348C3.32786 3.86202 4.59419 3.48763 6.13672 3.27539C7.68568 3.06231 9.61931 3 12 3ZM12 5C9.63096 5 7.81426 5.06275 6.41016 5.25586C4.99989 5.44986 4.10951 5.76315 3.52148 6.18652C2.42243 6.97799 2 8.44233 2 12C2 15.5577 2.42243 17.022 3.52148 17.8135C4.10951 18.2369 4.99989 18.5501 6.41016 18.7441C7.81426 18.9373 9.63096 19 12 19C14.369 19 16.1857 18.9373 17.5898 18.7441C19.0001 18.5501 19.8905 18.2369 20.4785 17.8135C21.5776 17.022 22 15.5577 22 12C22 8.44233 21.5776 6.97799 20.4785 6.18652C19.8905 5.76315 19.0001 5.44986 17.5898 5.25586C16.1857 5.06275 14.369 5 12 5Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

assets/icons/cloud-add.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13 1C14.5767 1 16.079 1.25646 17.2061 2.06152C18.4004 2.91461 19 4.25341 19 6C19.0013 6.00308 19.0066 6.01441 19.0215 6.03027C19.0546 6.06549 19.1157 6.10291 19.1914 6.11816C21.9343 6.67124 24 9.09342 24 12C24 12.5523 23.5523 13 23 13C22.4477 13 22 12.5523 22 12C22 10.0642 20.6238 8.44765 18.7959 8.0791C17.9096 7.90039 17 7.14253 17 6C17 4.74659 16.5996 4.08539 16.0439 3.68848C15.421 3.24354 14.4233 3 13 3H11C9.57673 3 8.57896 3.24354 7.95605 3.68848C7.40038 4.08539 7 4.74659 7 6H11C11.5523 6 12 6.44772 12 7C12 7.55228 11.5523 8 11 8H6C3.79086 8 2 9.79086 2 12C2 13.9358 3.3762 15.5523 5.2041 15.9209L5.37012 15.9609C6.2004 16.1955 7 16.9288 7 18C7 19.2534 7.40038 19.9146 7.95605 20.3115C8.57896 20.7565 9.57673 21 11 21H13C13.5523 21 14 21.4477 14 22C14 22.5523 13.5523 23 13 23H11C9.42327 23 7.92104 22.7435 6.79395 21.9385C5.59962 21.0854 5 19.7466 5 18C4.9987 17.9969 4.99341 17.9856 4.97852 17.9697C4.95361 17.9433 4.91291 17.9152 4.8623 17.8965L4.80859 17.8818C2.06569 17.3288 0 14.9066 0 12C0 9.02706 2.16237 6.56013 5 6.08398V6C5 4.25341 5.59962 2.91461 6.79395 2.06152C7.92104 1.25646 9.42327 1 11 1H13ZM18 12C18.5523 12 19 12.4477 19 13V16H22C22.5523 16 23 16.4477 23 17C23 17.5523 22.5523 18 22 18H19V21C19 21.5523 18.5523 22 18 22C17.4477 22 17 21.5523 17 21V18H14C13.4477 18 13 17.5523 13 17C13 16.4477 13.4477 16 14 16H17V13C17 12.4477 17.4477 12 18 12Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

assets/icons/cloud-computer.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 10C15.6569 10 17 11.3431 17 13V16C17 17.6569 15.6569 19 14 19H13V21H15C15.5523 21 16 21.4477 16 22C16 22.5523 15.5523 23 15 23H9C8.44771 23 8 22.5523 8 22C8 21.4477 8.44771 21 9 21H11V19H10C8.34315 19 7 17.6569 7 16V13C7 11.3431 8.34315 10 10 10H14ZM13 1C14.5767 1 16.079 1.25646 17.2061 2.06152C18.4004 2.91461 19 4.25341 19 6L19.0215 6.03027C19.0546 6.06549 19.1157 6.10291 19.1914 6.11816L19.4463 6.17578C22.0612 6.82336 24 9.18419 24 12C24 14.9038 21.9382 17.3238 19.1992 17.8799L19.0977 17.8955C18.5933 17.9456 18.1225 17.606 18.0195 17.0986C17.9099 16.5576 18.2598 16.0299 18.8008 15.9199L18.9707 15.8818C20.7109 15.4485 22 13.8736 22 12C22 10.1246 20.7084 8.54886 18.9658 8.11719L18.7959 8.0791C17.9096 7.90039 17 7.14253 17 6C17 4.74659 16.5996 4.08539 16.0439 3.68848C15.421 3.24354 14.4233 3 13 3H11C9.57673 3 8.57896 3.24354 7.95605 3.68848C7.40038 4.08539 7 4.74659 7 6H11C11.5523 6 12 6.44772 12 7C12 7.55228 11.5523 8 11 8H6C3.79086 8 2 9.79086 2 12C2 13.8736 3.2891 15.4485 5.0293 15.8818L5.19922 15.9199L5.29785 15.9453C5.78187 16.0957 6.08327 16.5913 5.98047 17.0986C5.87747 17.606 5.40668 17.9456 4.90234 17.8955L4.80078 17.8799L4.5459 17.8223C1.93491 17.1719 0 14.813 0 12C0 9.02706 2.16237 6.56013 5 6.08398V6C5 4.25341 5.59962 2.91461 6.79395 2.06152C7.92104 1.25646 9.42327 1 11 1H13ZM10 12C9.44772 12 9 12.4477 9 13V16C9 16.5523 9.44772 17 10 17H14C14.5523 17 15 16.5523 15 16V13C15 12.4477 14.5523 12 14 12H10Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

Some files were not shown because too many files have changed in this diff Show More