Compare commits

..
Author SHA1 Message Date
Eric f8dfcec367 Merge branch 'main' of https://github.com/lucide-icons/lucide into icon-usage-context 2026-10-19 15:01:32 +02:00
Eric 1ef648145b adjust model 2026-10-09 12:05:24 +02:00
Claude 6983a6a175 feat(scripts): follow metadata instructions for described use-cases
Load the Use Cases section of .github/instructions/metadata.instructions.md
into the --describe prompt so generated use-cases match the repository
style, and make useCase an array of phrases per usage group.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Q2D9GYbnSV56MAVVhHPRhH
2026-10-09 09:46:01 +00:00
Claude fba5e3f3cc feat(scripts): retry timeouts and save icon usage progress
Retry 408 responses (and other transient errors) with backoff, only waiting
for the rate-limit reset on 403/429. Requests that still fail are skipped
with a warning instead of aborting the run, and the OpenAI client retries
too. Each icon is now described as soon as its searches finish and
--output is rewritten after every icon, so an interrupted run keeps its
results.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Q2D9GYbnSV56MAVVhHPRhH
2026-10-09 09:38:14 +00:00
Claude 58db0a0b0b Merge remote-tracking branch 'origin/icon-usage-context' into icon-usage-context 2026-10-09 07:00:29 +00:00
Claude 77ac5c4685 feat(scripts): add --output to write icon usage as JSON
Writes { [icon]: [...usage] } to a file: grouped use cases with --describe,
otherwise every individual usage context. Implies --context.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Q2D9GYbnSV56MAVVhHPRhH
2026-10-09 07:00:21 +00:00
Eric 15c128336f Merge branch 'main' of https://github.com/lucide-icons/lucide into icon-usage-context 2026-10-09 08:50:01 +02:00
Claude 924b5fda27 feat(scripts): describe icon usage in context
Add --context and --describe to the icon usage script. --context extracts
how each matched icon is used (parent elements, labels, handlers, links,
snippet) and summarizes it per icon. --describe groups those usages into
use-case descriptions with an OpenAI model. Also adds --max-contexts and
--icons-file, accepts export names like Trash2, and allows a single icon.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Q2D9GYbnSV56MAVVhHPRhH
2026-10-09 06:41:45 +00:00
Karsa ec3c3906f7 feat(scripts): added icon usage script 2026-08-31 17:54:23 +02:00
223 changed files with 3588 additions and 3890 deletions
@@ -1,7 +0,0 @@
# Local testing for the icon-preview action.
# Copy to `.env` in this folder and run `pnpm --filter @lucide/icon-preview-action debug`.
# The comment markup is printed to stdout.
# Required
# Space-separated list of changed icon files, relative to the repo root
CHANGED_FILES=icons/heart.svg icons/star.svg
-67
View File
@@ -1,67 +0,0 @@
name: Icon preview
description: Generates the icon preview comment markup for changed icons in a pull request.
inputs:
changed-files:
description: Space-separated list of changed icon files, relative to the repository root.
required: true
ref:
description: >-
Commit to read the changed icons from, e.g. the pull request head SHA. Only the changed SVG
files are taken from it with `git show`, nothing is checked out. Defaults to the working tree.
required: false
default: ''
output-file:
description: File the comment markup is written to.
required: false
default: comment-markup.md
outputs:
has-changes:
description: Whether any changed icons were found. When `false`, no output file is written.
value: ${{ steps.generate.outputs.has-changes }}
runs:
using: composite
steps:
- name: Read changed icons from ref
id: read-ref
if: inputs.ref != ''
shell: bash
run: |
git fetch --no-tags --depth=1 origin "$REF"
for file in $CHANGED_FILES; do
# Only plain icon file names, so nothing from the pull request ends up in a path or the markup
if [[ ! "$file" =~ ^icons/[a-z0-9-]+\.svg$ ]]; then
echo "::error::Unexpected changed file: $file"
exit 1
fi
mkdir -p "$RUNNER_TEMP/icon-preview/icons"
git show "$REF:$file" > "$RUNNER_TEMP/icon-preview/$file"
done
echo "dir=$RUNNER_TEMP/icon-preview" >> "$GITHUB_OUTPUT"
env:
CHANGED_FILES: ${{ inputs.changed-files }}
REF: ${{ inputs.ref }}
- name: Generate comment markup
id: generate
shell: bash
run: |
markup="$(node "$GITHUB_ACTION_PATH/generateChangedIconsCommentMarkup.mts")"
if [ -z "$markup" ]; then
echo "has-changes=false" >> "$GITHUB_OUTPUT"
exit 0
fi
mkdir -p "$(dirname "$OUTPUT_FILE")"
printf '%s\n' "$markup" > "$OUTPUT_FILE"
echo "has-changes=true" >> "$GITHUB_OUTPUT"
env:
CHANGED_FILES: ${{ inputs.changed-files }}
CHANGED_FILES_DIR: ${{ steps.read-ref.outputs.dir }}
OUTPUT_FILE: ${{ inputs.output-file }}
-14
View File
@@ -1,14 +0,0 @@
{
"name": "@lucide/icon-preview-action",
"private": true,
"type": "module",
"description": "GitHub action that generates the icon preview comment markup for changed icons in a pull request",
"scripts": {
"start": "node ./generateChangedIconsCommentMarkup.mts",
"debug": "node --env-file .env ./generateChangedIconsCommentMarkup.mts"
},
"dependencies": {
"@lucide/helpers": "workspace:*",
"svgson": "^5.3.1"
}
}
@@ -1,20 +0,0 @@
# Local testing for the suggest-metadata action.
# Copy to `.env` in this folder and run `pnpm suggest:metadata:debug`.
# In debug mode the review is printed instead of posted to GitHub.
# Required
OPENAI_API_KEY=
# A GitHub token with read access to pull requests (e.g. a fine-grained PAT)
GITHUB_TOKEN=
# The pull request to generate suggestions for
PULL_REQUEST_NUMBER=
# Optional
# OpenAI model to use (default: gpt-5-mini)
# OPENAI_API_MODEL=gpt-5-mini
# Commit the review comments are anchored to (default: the pull request's head commit)
# COMMIT_SHA=
# Reviewer login used to skip PRs that were already reviewed (default: github-actions[bot])
# REVIEWER=
# Read icon JSON from the local checkout instead of the PR on GitHub (default: false)
# USE_FILE_SYSTEM=true
@@ -1,33 +0,0 @@
name: Suggest icon metadata
description: Asks an OpenAI model for tags, categories and use-cases for changed icons in a pull request and posts them as review suggestions.
inputs:
openai-api-key:
description: OpenAI API key used to generate the suggestions.
required: true
github-token:
description: 'GitHub token with `pull-requests: write` permission to post the review.'
required: true
pull-request-number:
description: Number of the pull request to review.
required: true
commit-sha:
description: Head commit SHA of the pull request the review comments are anchored to.
required: true
model:
description: OpenAI model used to generate the suggestions.
required: false
default: gpt-6-luna
runs:
using: composite
steps:
- name: Generate metadata suggestions
shell: bash
run: node "$GITHUB_ACTION_PATH/suggestMetaData.mts"
env:
OPENAI_API_KEY: ${{ inputs.openai-api-key }}
GITHUB_TOKEN: ${{ inputs.github-token }}
PULL_REQUEST_NUMBER: ${{ inputs.pull-request-number }}
COMMIT_SHA: ${{ inputs.commit-sha }}
OPENAI_API_MODEL: ${{ inputs.model }}
@@ -1,17 +0,0 @@
{
"name": "@lucide/suggest-metadata-action",
"private": true,
"type": "module",
"description": "GitHub action that suggests tags, categories and use-cases for changed icons in a pull request",
"scripts": {
"start": "node ./suggestMetaData.mts",
"debug": "node --env-file .env ./suggestMetaData.mts --debug",
"watch": "node --env-file .env --watch ./suggestMetaData.mts"
},
"dependencies": {
"@octokit/rest": "^22.0.1",
"dotenv": "^17.4.2",
"openai": "^7.9.0",
"zod": "^4.5.4"
}
}
@@ -0,0 +1,65 @@
name: Icon preview comment
on:
workflow_run:
workflows: ['Pull request icon preview']
types:
- completed
permissions: {}
jobs:
upload:
runs-on: ubuntu-latest
permissions:
contents: read
actions: read # Required to download the artifact from the triggering run
pull-requests: write
if: >
github.repository == 'lucide-icons/lucide' &&
github.event.workflow_run.event == 'pull_request' &&
github.event.workflow_run.conclusion == 'success'
steps:
- name: 'Download artifact'
uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
with:
script: |
let allArtifacts = await github.rest.actions.listWorkflowRunArtifacts({
owner: context.repo.owner,
repo: context.repo.repo,
run_id: context.payload.workflow_run.id,
});
let matchArtifact = allArtifacts.data.artifacts.filter((artifact) => {
return artifact.name == "pr_number"
})[0];
let download = await github.rest.actions.downloadArtifact({
owner: context.repo.owner,
repo: context.repo.repo,
artifact_id: matchArtifact.id,
archive_format: 'zip',
});
const fs = require('fs');
fs.writeFileSync('${{github.workspace}}/pr_number.zip', Buffer.from(download.data));
- name: 'Unzip artifact'
run: unzip pr_number.zip
- name: 'Get PR number'
run: echo "number=$(cat NR)" >> $GITHUB_OUTPUT
id: pr-number
- name: Find Comment
uses: peter-evans/find-comment@b30e6a3c0ed37e7c023ccd3f1db5c6c0b0c23aad # v4.0.0
id: pr-comment
with:
issue-number: ${{ steps.pr-number.outputs.number }}
comment-author: 'github-actions[bot]'
body-includes: Added or changed icons
- name: Create or update comment
uses: peter-evans/create-or-update-comment@e8674b075228eee787fea43ef493e45ece1004c9 # v5.0.0
with:
comment-id: ${{ steps.pr-comment.outputs.comment-id }}
issue-number: ${{ steps.pr-number.outputs.number }}
body-path: comment-markup.md
edit-mode: replace
+18 -41
View File
@@ -1,37 +1,25 @@
name: Pull request icon preview
on:
pull_request_target:
pull_request:
paths:
- 'icons/*.svg'
permissions: {}
concurrency:
group: icon-preview-${{ github.event.pull_request.number }}
cancel-in-progress: true
jobs:
icon-preview:
name: Icon Preview
generate-changed-icons-comment:
name: Generate Changed Icons Comment
if: github.repository == 'lucide-icons/lucide'
runs-on: ubuntu-latest
permissions:
contents: read
pull-requests: write # Required to post the preview comment
pull-requests: write
steps:
# We check out the main branch of the main repository for security reasons.
# The changed SVGs are read from the pull request head as plain files with
# `git show`, so no code from the (untrusted) pull request is checked out or run.
- uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
with:
repository: lucide-icons/lucide
persist-credentials: false
- uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
- uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
with:
cache: 'pnpm'
node-version-file: 'package.json'
- name: Get changed files
@@ -39,34 +27,23 @@ jobs:
uses: tj-actions/changed-files@9426d40962ed5378910ee2e21d5f8c6fcbf2dd96 # v47.0.6
with:
files: icons/*.svg
# The checkout is the base branch, so the PR head commit isn't available locally.
use_rest_api: true
- name: Install dependencies
run: pnpm install --frozen-lockfile --filter @lucide/icon-preview-action...
- uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
- name: Install svgson for code preview (safer and faster than installing all deps)
run: npm install svgson@5.3.1 --force
- name: Save PR number
run: |
mkdir -p ./pr
echo ${{ github.event.number }} > ./pr/NR
- name: Generate comment markup
run: node ./scripts/generateChangedIconsCommentMarkup.mts >> ./pr/comment-markup.md
id: comment-markup
uses: ./.github/actions/icon-preview
with:
changed-files: ${{ steps.changed-files.outputs.all_changed_files }}
ref: ${{ github.event.pull_request.head.sha }}
output-file: ${{ runner.temp }}/comment-markup.md
env:
CHANGED_FILES: ${{ steps.changed-files.outputs.all_changed_files }}
- name: Find Comment
if: steps.comment-markup.outputs.has-changes == 'true'
uses: peter-evans/find-comment@b30e6a3c0ed37e7c023ccd3f1db5c6c0b0c23aad # v4.0.0
id: pr-comment
- uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
with:
issue-number: ${{ github.event.pull_request.number }}
comment-author: 'github-actions[bot]'
body-includes: Added or changed icons
- name: Create or update comment
if: steps.comment-markup.outputs.has-changes == 'true'
uses: peter-evans/create-or-update-comment@e8674b075228eee787fea43ef493e45ece1004c9 # v5.0.0
with:
comment-id: ${{ steps.pr-comment.outputs.comment-id }}
issue-number: ${{ github.event.pull_request.number }}
body-path: ${{ runner.temp }}/comment-markup.md
edit-mode: replace
name: pr_number
path: pr/
@@ -2,21 +2,11 @@ name: Pull request metadata suggestions
on:
pull_request_target:
types:
- opened
- reopened
- synchronize
paths:
- 'icons/*.json'
permissions: {}
# Queue runs instead of cancelling them, so a run that already called the
# OpenAI API can save its cache before the next run restores it.
concurrency:
group: metadata-suggestions-${{ github.event.pull_request.number }}
cancel-in-progress: false
jobs:
pull-request-metadata-suggestions:
name: Pull Request Metadata Suggestions
@@ -39,12 +29,12 @@ jobs:
node-version-file: 'package.json'
- name: Install dependencies
run: pnpm install --frozen-lockfile --filter @lucide/suggest-metadata-action
run: pnpm install --frozen-lockfile
- name: Suggest metadata
uses: ./.github/actions/suggest-metadata
with:
openai-api-key: ${{ secrets.OPENAI_API_KEY }}
github-token: ${{ secrets.GITHUB_TOKEN }}
pull-request-number: ${{ github.event.number }}
commit-sha: ${{ github.event.pull_request.head.sha }}
- name: Generate comment markup
run: node ./scripts/suggestMetaData.mts
env:
OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
PULL_REQUEST_NUMBER: ${{ github.event.number }}
COMMIT_SHA: ${{ github.event.pull_request.head.sha }}
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+6 -12
View File
@@ -90,24 +90,18 @@ Thank you to all the people who contributed to Lucide!
<a href="https://www.digitalocean.com/?refcode=b0877a2caebd&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge"><img src="docs/public/digitalocean.svg" width="200" alt="DigitalOcean Referral Badge" /></a>
[//]: <> (Sponsor tiers start)
### Hero backers 🦸
### Hero Backer 🦸
<a href="https://about.sourcegraph.com"><img src="https://images.opencollective.com/sourcegraph/f67b621/logo.png" height="64" alt="Sourcegraph – Understand, fix, and automate across your codebase with Sourcegraph's code intelligence platform" /></a>
<a href="https://opencollective.com/zephyr-cloud"><img src="docs/public/sponsors/zephyr-cloud.svg" height="64" alt="Zephyr Cloud" /></a>
<a href="https://zephyr-cloud.io/"><img src="docs/public/sponsors/zephyr-cloud.svg" width="180" alt="Zephyr Cloud – From idea to prod: fast micro-frontend delivery!" /></a>
### Awesome backers 🍺
<a href="https://www.paxhistoria.co"><img src="https://images.opencollective.com/pax-historia/9b4e54b/logo.png" height="64" alt="Pax Historia" /></a>
<a href="https://pdfme.com"><img src="https://images.opencollective.com/pdfmeorg/9e0174d/logo.png" height="64" alt="pdfme – Free and Open source PDF generation library!" /></a>
<a href="https://github.com/pdfme/pdfme"><img src="docs/public/sponsors/pdfme.svg" width="180" alt="pdfme – Open-source PDF generation library built with TypeScript and React." /></a>
<a href="https://www.paxhistoria.co/"><img src="docs/public/sponsors/paxhistoria.svg?" width="180" alt="Pax Historia – An alternate history sandbox game" /></a>
### Backer ☕️
### Backers ☕
<a href="https://www.fina.money"><img src="docs/public/sponsors/fina-money.png" height="64" alt="Fina Money – Build the most flexible finance tracker" /></a>
<a href="https://opencollective.com/rjvdw"><img src="https://images.opencollective.com/rjvdw/28bc9cd/avatar.png" height="64" alt="Ruud" /></a>
[//]: <> (Sponsor tiers end)
<a href="https://www.fina.money/"><img src="docs/public/sponsors/fina-money.png" width="180" alt="Fina Money – Modular Finance Tracker" /></a>
### Other contributors 💸
-7
View File
@@ -16,13 +16,6 @@ const getHeadConfig = ({
href: 'https://analytics.lucide.dev',
},
],
[
'link',
{
rel: 'preconnect',
href: 'https://insights.lucide.dev',
},
],
[
'script',
{
@@ -54,6 +54,16 @@ const links = computed(() => [
width="200"
/>
</a>
<a
href="https://www.digitalocean.com/?refcode=b0877a2caebd&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge"
rel="noreferrer noopener"
>
<img
src="/digitalocean.svg"
alt="Digital Ocean"
width="200"
/>
</a>
</div>
<div class="links">
<VPLink
+2 -6
View File
@@ -1,4 +1,4 @@
import { h, nextTick } from 'vue';
import { h } from 'vue';
import DefaultTheme from 'vitepress/theme';
import './style.css';
import 'virtual:group-icons.css';
@@ -12,7 +12,6 @@ import { CATEGORY_VIEW_CONTEXT, categoryViewContext } from './composables/useCat
import { EXTERNAL_LIBS_CONTEXT, externalLibContext } from './composables/useExternalLibs';
import SideBarNavBefore from './layouts/SideBarNavBefore.vue';
import SnackPlayer from './components/editors/SnackPlayer.vue';
import { op } from './utils/openpanel';
const theme: Partial<Theme> = {
extends: DefaultTheme,
@@ -27,14 +26,11 @@ const theme: Partial<Theme> = {
// 'layout-top': () => h(LayoutTop),
});
},
enhanceApp({ app, router }) {
enhanceApp({ app }) {
app.provide(ICON_STYLE_CONTEXT, iconStyleContext);
app.provide(CATEGORY_VIEW_CONTEXT, categoryViewContext);
app.provide(EXTERNAL_LIBS_CONTEXT, externalLibContext);
app.component('SnackPlayer', SnackPlayer);
// Wait for VitePress to update the document title before tracking the page view.
router.onAfterRouteChange = () => nextTick(() => op?.screenView());
},
};
-19
View File
@@ -1,19 +0,0 @@
import { OpenPanel } from '@openpanel/web';
const clientId = import.meta.env.VITE_OPENPANEL_CLIENT_ID;
/**
* Shared OpenPanel instance, only created in the browser and when a client ID is configured.
* Page views are tracked from the VitePress router (see theme/index.ts) instead of
* `trackScreenViews`, so the page title is already updated when the event is sent.
*/
export const op =
!import.meta.env.SSR && clientId
? new OpenPanel({
clientId,
apiUrl: 'https://insights.lucide.dev/api',
trackScreenViews: false,
trackOutgoingLinks: false,
trackAttributes: false,
})
: undefined;
-11
View File
@@ -50,17 +50,6 @@ const App = () => {
export default App;
```
### Importing a single icon
You can also import one icon at a time. This skips the icon barrel, which matters when modules are resolved at runtime (server-side rendering, for example), and only loads a small type declaration instead of the full one.
```tsx
import Camera from 'lucide-react/icons/camera';
import type { LucideProps } from 'lucide-react/types';
```
These per-icon entry points are ES modules only. `require()` of one works on Node.js 20.19 and 22.12 or newer; on older versions, import the icon from the package root instead.
## Props
To customize the appearance of an icon, you can use the following props:
+1 -2
View File
@@ -39,7 +39,7 @@
"@types/react-dom": "^19.3.0",
"@types/semver": "^7.8.0",
"h3": "^1.15.11",
"markdown-it": "^15.0.3",
"markdown-it": "^15.0.1",
"markdown-it-container": "^4.0.0",
"nitropack": "^2.13.4",
"rollup-plugin-copy": "^3.5.0",
@@ -62,7 +62,6 @@
"@floating-ui/vue": "^2.0.1",
"@headlessui/vue": "^1.7.23",
"@lucide/vue": "workspace:*",
"@openpanel/web": "^1.4.2",
"@vueuse/components": "^14.4.0",
"@vueuse/core": "^14.4.0",
"@vueuse/integrations": "^14.4.0",
+3 -3
View File
@@ -1,9 +1,9 @@
{
"$schema": "../icon.schema.json",
"use-cases": [
"Indicating large and small text sizes",
"Adjusting text size in text editors",
"Indicating heading and body text styles"
"indicating a large and small text size",
"formatting text size",
"indicating a heading and body text"
],
"contributors": [
"it-is-not",
+2 -2
View File
@@ -7,8 +7,8 @@
"jguddas"
],
"use-cases": [
"Marking content as sponsored",
"Linking to an advertise-with-us page"
"marking content as sponsored",
"linking to an advertise with us page"
],
"tags": [
"advert",
+5 -5
View File
@@ -4,11 +4,11 @@
"samuelalake"
],
"use-cases": [
"Setting rotation in a design inspector",
"Measuring angles in CAD software",
"Dimensioning angles in technical drawings",
"Labeling angles in geometry exercises",
"Displaying degrees in rotation controls"
"rotation input in a design inspector",
"measurement tool in cad software",
"dimensioning in technical drawings",
"labeling angles in geometry exercises",
"displaying degrees for rotation controls"
],
"tags": [
"angle",
-17
View File
@@ -1,17 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect width="20" height="5" x="2" y="3" rx="1" />
<path d="M4 8v11a2 2 0 0 0 2 2h.343" />
<path d="M20 8v11a2 2 0 0 1-2 2h-.343" />
<path d="m9 18 3 3 3-3" />
<path d="M12 12v9" />
</svg>

Before

Width:  |  Height:  |  Size: 399 B

-35
View File
@@ -1,35 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"karsa-mistmere",
"ericfennis",
"danielbayley"
],
"use-cases": [
"Restoring archived email messages to an inbox",
"Restoring archived files and records to active storage"
],
"tags": [
"unarchive",
"index",
"backup",
"box",
"storage",
"records",
"restore",
"retrieve",
"recover",
"reactivate"
],
"aliases": [
{
"name": "archive-restore",
"deprecated": true,
"deprecationReason": "alias.name"
}
],
"categories": [
"files",
"mail"
]
}
@@ -3,22 +3,16 @@
"contributors": [
"karsa-mistmere",
"ericfennis",
"danielbayley",
"bduffany"
],
"use-cases": [
"Archiving email messages from an inbox",
"Saving files and records to an archive"
"danielbayley"
],
"use-cases": [],
"tags": [
"unarchive",
"index",
"backup",
"box",
"storage",
"records",
"email",
"download",
"save"
"records"
],
"categories": [
"files",

Before

Width:  |  Height:  |  Size: 393 B

After

Width:  |  Height:  |  Size: 393 B

+9 -9
View File
@@ -5,15 +5,15 @@
"karsa-mistmere"
],
"use-cases": [
"Indicating that audio levels, playback, or monitoring are turned off",
"Showing muted sound, silenced voice activity, or disabled audio output",
"Marking controls that pause waveform visualization or stop live audio analysis",
"Representing inactive music, radio, broadcast, or voice signal displays",
"Identifying settings that disable sound processing, hearing feedback, or media levels",
"Showing a muted microphone during voice or video calls",
"Indicating speaker or headphone output is disabled in system audio controls",
"Marking disabled waveform or spectrum visualization in audio editors and DAWs",
"Showing that sound notifications or alerts are silenced"
"indicating that audio levels, playback, or monitoring are turned off",
"showing muted sound, silenced voice activity, or disabled audio output",
"marking controls that pause waveform visualization or stop live audio analysis",
"representing inactive music, radio, broadcast, or voice signal displays",
"identifying settings that disable sound processing, hearing feedback, or media levels",
"showing a muted microphone during voice or video calls",
"indicating speaker or headphone output is disabled in system audio controls",
"marking disabled waveform or spectrum visualization in audio editors and daws",
"showing that sound notifications or alerts are silenced"
],
"tags": [
"audio",
+9 -9
View File
@@ -5,15 +5,15 @@
"karsa-mistmere"
],
"use-cases": [
"Indicating muted, blocked, or unavailable audio playback",
"Showing that an audio track, waveform, or signal has been removed",
"Marking controls that disable sound, music, voice, or broadcast output",
"Representing cancelled recording, paused monitoring, or silenced audio analysis",
"Identifying error states for sound processing, voice activity, or media levels",
"Showing a device's speaker or system volume is turned off",
"Indicating a user's microphone or input is muted",
"Signaling muted notifications or alerts",
"Representing muted voice chat in conferencing or multiplayer games"
"indicating muted, blocked, or unavailable audio playback",
"showing that an audio track, waveform, or signal has been removed",
"marking controls that disable sound, music, voice, or broadcast output",
"representing cancelled recording, paused monitoring, or silenced audio analysis",
"identifying error states for sound processing, voice activity, or media levels",
"showing a device's speaker or system volume is turned off",
"indicating a user's microphone or input is muted",
"signaling muted notifications or alerts",
"representing muted voice chat in conferencing or multiplayer games"
],
"tags": [
"sound",
-24
View File
@@ -1,24 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"karsa-mistmere"
],
"use-cases": [
"Showing the Azerbaijani Manat currency symbol in financial applications or websites",
"Representing the Azerbaijani Manat in currency conversion tools or financial reports"
],
"tags": [
"currency",
"money",
"payment",
"azerbaijan",
"azn",
"exchange",
"banking",
"pricing",
"currency symbol"
],
"categories": [
"finance"
]
}
-14
View File
@@ -1,14 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M12 4v16" />
<path d="M18 20v-8a6 6 0 00-12 0v8" />
</svg>

Before

Width:  |  Height:  |  Size: 273 B

-44
View File
@@ -1,44 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"karsa-mistmere",
"ericfennis",
"felipeajzanetti",
"jguddas"
],
"use-cases": [
"Categorizing water polo events in sports apps",
"Marking water polo competitions in sports dashboards",
"Representing water polo in Olympic sport listings",
"Representing aquatic sports in dashboards and infographics"
],
"tags": [
"polo",
"watercraft",
"athlete",
"feature",
"sport",
"ball",
"aquatic",
"swimming",
"pool",
"team",
"game",
"competition",
"olympic",
"water",
"match",
"aquatic sports",
"water polo",
"aquatics",
"water sports",
"pool sport",
"team sport",
"tournament",
"league"
],
"categories": [
"sports",
"gaming"
]
}
-15
View File
@@ -1,15 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M2 20c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1" />
<path d="M7.757 13.243a2 6 45 1 0 8.486-8.486 2 6 45 1 0-8.486 8.486" />
<circle cx="12" cy="9" r="6" />
</svg>

Before

Width:  |  Height:  |  Size: 421 B

+2 -2
View File
@@ -4,8 +4,8 @@
"mfjramirezf"
],
"use-cases": [
"Confirming a product has been paid for",
"Confirming a payment method was added successfully"
"confirm a paid product",
"confirm a payment method was added successfully"
],
"tags": [
"banknote",
+2 -2
View File
@@ -4,8 +4,8 @@
"Patolord"
],
"use-cases": [
"Indicating injury or fracture status in health and fitness tracking",
"Showing an error or failed state in healthcare interfaces"
"indicate injury or fracture status in health/fitness tracking",
"show an error or failed state in healthcare UI flows"
],
"tags": [
"bone",
-39
View File
@@ -1,39 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"ericfennis"
],
"use-cases": [
"Showing dependencies between software packages or modules",
"Representing connections between stages in supply chain diagrams",
"Representing connections between computers in network diagrams",
"Representing linked nodes in blockchain explorers",
"Visualizing connected components in system architecture diagrams",
"Showing linked inventory units in logistics workflows"
],
"tags": [
"cubes",
"package",
"module",
"dependencies",
"link",
"chain",
"blockchain",
"network",
"nodes",
"supply chain",
"integration",
"component",
"logistics",
"distributed",
"interconnected",
"relationship",
"coupling",
"system architecture",
"distributed systems",
"inventory"
],
"categories": [
"development"
]
}
-19
View File
@@ -1,19 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M14 6h2a2 2 0 0 1 2 2v5" />
<path d="M14.21 15.202 18 17.4V22" />
<path d="M14.796 14.611A1.6 1.6 0 0 0 14 15.995v3.013a1.6 1.6 0 0 0 .797 1.384l2.4 1.392a1.6 1.6 0 0 0 1.606 0l2.4-1.392A1.6 1.6 0 0 0 22 19.008v-3.013a1.6 1.6 0 0 0-.796-1.384l-2.4-1.394a1.6 1.6 0 0 0-1.514-.051z" />
<path d="m18 17.4 3.79-2.198" />
<path d="M2.21 4.202 6 6.4V16a2 2 0 0 0 2 2h2" />
<path d="M2.796 3.611A1.6 1.6 0 0 0 2 4.995v3.013a1.6 1.6 0 0 0 .797 1.384l2.4 1.392a1.6 1.6 0 0 0 1.606 0l2.4-1.392A1.6 1.6 0 0 0 10 8.008V4.995a1.6 1.6 0 0 0-.796-1.384l-2.4-1.394a1.6 1.6 0 0 0-1.514-.052z" />
<path d="m6 6.4 3.79-2.198" />
</svg>

Before

Width:  |  Height:  |  Size: 841 B

+5 -5
View File
@@ -8,11 +8,11 @@
"jguddas"
],
"use-cases": [
"Adding luggage to a booking in travel apps",
"Adding a new business or company profile",
"Creating or saving a professional portfolio",
"Adding a job or role to a user profile",
"Saving a product or service listing for later"
"Indicating you're adding luggage",
"adding a new business or company profile",
"creating or saving a professional portfolio",
"adding a job or role to a user's profile",
"indicating add to briefcase or save for later in a product/service listing"
],
"tags": [
"work",
+4 -4
View File
@@ -5,10 +5,10 @@
"karsa-mistmere"
],
"use-cases": [
"Representing AI-assisted sweeping or cleaning automation",
"Indicating spotless or freshly swept floors",
"Showing automated sweeping actions in smart home apps",
"Representing enchanted brooms or Halloween themes"
"representing AI-assisted sweeping or cleaning automation",
"indicating spotless or freshly cleaned floors",
"showing magical cleanup actions in smart home apps",
"representing enchanted broom or Halloween themes"
],
"tags": [
"broomstick",
+4 -4
View File
@@ -5,10 +5,10 @@
"karsa-mistmere"
],
"use-cases": [
"Representing sweeping and floor cleaning tasks",
"Indicating housekeeping or janitorial services",
"Showing brooms and sweeping supplies in home maintenance apps",
"Representing witchcraft or Halloween themes"
"representing sweeping and floor cleaning tasks",
"indicating housekeeping or janitorial services",
"showing cleaning supplies in home maintenance apps",
"representing witchcraft or Halloween themes"
],
"tags": [
"broomstick",
-42
View File
@@ -1,42 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"ryck",
"karsa-mistmere",
"ericfennis",
"jguddas",
"colebemis",
"AlexandrePhilibert"
],
"use-cases": [
"Navigating to the previous day, week or month in calendar views",
"Rescheduling an event to an earlier date",
"Viewing past events or history in a schedule",
"Moving back through dates in date pickers"
],
"tags": [
"date",
"day",
"month",
"year",
"event",
"arrow",
"direction",
"navigation",
"previous",
"back",
"backward",
"past",
"earlier",
"reschedule",
"postpone",
"schedule",
"timeline",
"date picker"
],
"categories": [
"time",
"arrows",
"navigation"
]
}
-18
View File
@@ -1,18 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M16 2v3" />
<path d="M21 9H3" />
<path d="M3 12.34V5a2 2 0 012-2h14a2 2 0 012 2v14a2 2 0 01-2 2h-7.35" />
<path d="M3 18h6" />
<path d="m6 21-3-3 3-3" />
<path d="M8 2v3" />
</svg>

Before

Width:  |  Height:  |  Size: 403 B

-43
View File
@@ -1,43 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"ryck",
"karsa-mistmere",
"ericfennis",
"jguddas",
"colebemis",
"AlexandrePhilibert"
],
"use-cases": [
"Navigating to the next day, week or month in calendar views",
"Rescheduling or postponing an event to a later date",
"Viewing upcoming events in a schedule",
"Moving forward through dates in date pickers"
],
"tags": [
"date",
"day",
"month",
"year",
"event",
"arrow",
"direction",
"navigation",
"next",
"forward",
"future",
"upcoming",
"later",
"reschedule",
"postpone",
"defer",
"schedule",
"timeline",
"appointment"
],
"categories": [
"time",
"arrows",
"navigation"
]
}
-18
View File
@@ -1,18 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M16 2v3" />
<path d="m18 21 3-3h-6" />
<path d="M21 12.34V5a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h7.35" />
<path d="m21 18-3-3" />
<path d="M3 9h18" />
<path d="M8 2v3" />
</svg>

Before

Width:  |  Height:  |  Size: 406 B

+3 -3
View File
@@ -5,9 +5,9 @@
"jaynewey"
],
"use-cases": [
"Representing canned drinks like soda or beer",
"Representing canned foods like soup or legumes",
"Representing litter or waste"
"representing canned drinks like soda or beer",
"representing canned foods like soup or legumes",
"representing litter/waste"
],
"tags": [
"beverage",
+3 -3
View File
@@ -4,9 +4,9 @@
"andreynaz4renko"
],
"use-cases": [
"Showing car battery status, power, or charging state",
"Categorizing car batteries, jump starters, or battery testers",
"Opening power-related vehicle information"
"Showing battery status, power, and charging state",
"Category icon for car batteries, jump starters, or battery testers",
"Menu or shortcut for power-related info"
],
"tags": [
"battery",
-37
View File
@@ -1,37 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"danielbayley",
"ericfennis",
"nito"
],
"use-cases": [
"Showing 2D data points on 4 areas",
"Visualizing 2D point distributions split into four sectors in analytics dashboards",
"Comparing two-variable trade-offs in decision-making and product strategy interfaces",
"Representing SWOT or other 2x2 strategic matrices in business tools"
],
"tags": [
"quadrant",
"chart",
"diagram",
"statistics",
"analytics",
"graph",
"chart-scatter",
"scatter plot",
"2x2",
"matrix",
"segmentation",
"correlation",
"comparison",
"risk",
"swot",
"clustering"
],
"categories": [
"charts",
"science",
"math"
]
}
-19
View File
@@ -1,19 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M13 3v18" />
<path d="M3 12h18" />
<path d="M3 3v16a2 2 0 002 2h16" />
<circle cx="17.5" cy="5.5" r="0.5" fill="currentColor" />
<circle cx="19.5" cy="16.5" r="0.5" fill="currentColor" />
<circle cx="7.5" cy="16.5" r="0.5" fill="currentColor" />
<circle cx="7.5" cy="7.5" r="0.5" fill="currentColor" />
</svg>

Before

Width:  |  Height:  |  Size: 534 B

-36
View File
@@ -1,36 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"danielbayley",
"jguddas",
"nito",
"karsa-mistmere",
"congemcd",
"ericfennis"
],
"use-cases": [
"Representing data as 2D areas in a circular format"
],
"tags": [
"radar",
"chart",
"diagram",
"shape",
"gem",
"mineral",
"pentagon",
"multidimensional",
"metrics",
"performance",
"comparison",
"profile",
"analytics",
"visualization",
"attributes"
],
"categories": [
"charts",
"shapes",
"science"
]
}
-16
View File
@@ -1,16 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M12 2v10" />
<path d="m16 18 3.085-8.125L12 4.103 3.473 9.442l3.196 10.554z" />
<path d="m2 9 10 3 6 9" />
<path d="m6 21 6-9 10-3" />
</svg>

Before

Width:  |  Height:  |  Size: 360 B

-41
View File
@@ -1,41 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"ypotti",
"karsa-mistmere",
"ericfennis",
"jguddas",
"colebemis",
"AlexandrePhilibert"
],
"use-cases": [
"Navigating to the bottom of a page or feed",
"Fast-scrolling downwards in long document readers",
"Collapsing expanded panels or drawers downward",
"Jumping to the latest message in chat and activity feeds"
],
"tags": [
"bottom",
"descend",
"page",
"page down",
"scroll",
"jump",
"south",
"caret",
"button",
"skip",
"end",
"last page",
"latest",
"feed",
"chat",
"pagination",
"fast",
"media"
],
"categories": [
"arrows",
"navigation"
]
}
-15
View File
@@ -1,15 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M9 14L12 17L15 14" />
<path d="M9 8L12 11L15 8" />
<circle cx="12" cy="12" r="10" />
</svg>

Before

Width:  |  Height:  |  Size: 308 B

-46
View File
@@ -1,46 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"ypotti",
"karsa-mistmere",
"ericfennis",
"jguddas",
"colebemis",
"AlexandrePhilibert"
],
"use-cases": [
"Skipping to the first page in pagination controls",
"Rewinding playback in audio or video media players",
"Fast-navigating backward through steps in multi-step wizards",
"Jumping to the first track or chapter in playlists"
],
"tags": [
"previous",
"rewind",
"backward",
"first",
"beginning",
"start",
"west",
"music",
"caret",
"button",
"pagination",
"skip",
"skip-back",
"seek-back",
"media-controls",
"player",
"playlist",
"track",
"chapter",
"jump",
"timeline",
"controls"
],
"categories": [
"arrows",
"navigation",
"multimedia"
]
}
-15
View File
@@ -1,15 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M10 9L7 12L10 15" />
<path d="M16 9L13 12L16 15" />
<circle cx="12" cy="12" r="10" />
</svg>

Before

Width:  |  Height:  |  Size: 309 B

-43
View File
@@ -1,43 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"ypotti",
"karsa-mistmere",
"ericfennis",
"jguddas",
"colebemis",
"AlexandrePhilibert"
],
"use-cases": [
"Skipping to the last page in pagination controls",
"Fast-forwarding playback in audio or video media players",
"Fast-navigating forward through steps in multi-step wizards",
"Advancing to the final chapter or track in playlists and audiobooks"
],
"tags": [
"next",
"forward",
"skip",
"fast forward",
"last",
"end",
"east",
"music",
"caret",
"button",
"pagination",
"jump",
"seek",
"seek forward",
"player control",
"chapter",
"track",
"timeline",
"navigation control"
],
"categories": [
"arrows",
"navigation",
"multimedia"
]
}
-15
View File
@@ -1,15 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M14 15L17 12L14 9" />
<path d="M8 15L11 12L8 9" />
<circle cx="12" cy="12" r="10" />
</svg>

Before

Width:  |  Height:  |  Size: 308 B

-42
View File
@@ -1,42 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"ypotti",
"karsa-mistmere",
"ericfennis",
"jguddas",
"colebemis",
"AlexandrePhilibert"
],
"use-cases": [
"Navigating to the top of a page or feed",
"Fast-scrolling upwards in long document readers",
"Expanding collapsed panels or drawers upward"
],
"tags": [
"top",
"ascend",
"page",
"page up",
"back to top",
"scroll",
"jump",
"north",
"caret",
"button",
"skip",
"pagination",
"first page",
"fast",
"fast scroll",
"rewind",
"jump to start",
"floating action button",
"anchor",
"timeline"
],
"categories": [
"arrows",
"navigation"
]
}
-15
View File
@@ -1,15 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M15 10L12 7L9 10" />
<path d="M15 16L12 13L9 16" />
<circle cx="12" cy="12" r="10" />
</svg>

Before

Width:  |  Height:  |  Size: 309 B

+2 -2
View File
@@ -4,8 +4,8 @@
"Guido3000"
],
"use-cases": [
"Selecting euro in currency selector buttons",
"Displaying prices in euros on pricing badges"
"currency selector buttons",
"pricing badges"
],
"tags": [
"symbol",
+2 -1
View File
@@ -6,7 +6,8 @@
"use-cases": [
"Labeling alto clef notation in sheet music editors",
"Representing viola parts in music composition or practice apps",
"Indicating C clef selection in notation software"
"Indicating C clef selection in notation software",
"Supporting clef choices in MIDI editors, instrument emulators, or music education tools"
],
"tags": [
"do",
+1 -1
View File
@@ -7,7 +7,7 @@
"Labeling bass clef notation in sheet music editors",
"Representing bass, cello, trombone, tuba, or lower-pitched instrument parts",
"Indicating left-hand piano notation in music learning apps",
"Selecting the bass clef in MIDI editors or music education tools"
"Supporting clef choices in MIDI editors, instrument emulators, or music education tools"
],
"tags": [
"fa",
+3 -3
View File
@@ -5,9 +5,9 @@
"jguddas"
],
"use-cases": [
"Indicating the start of a time range",
"Assigning timing information to an item",
"Opening time settings for an item"
"indicating the start of a time range",
"assign timing information",
"open time settings"
],
"tags": [
"time",
+2 -2
View File
@@ -5,8 +5,8 @@
"jguddas"
],
"use-cases": [
"Indicating the end of a time range",
"Removing timing information from an item"
"indicating the end of a time range",
"unassign timing information"
],
"tags": [
"time",
+2 -2
View File
@@ -7,8 +7,8 @@
"rrod497"
],
"use-cases": [
"Exporting or downloading data from a database",
"Syncing data from a remote to a local environment"
"exporting or downloading data from a database",
"syncing data from a remote to a local environment"
],
"tags": [
"storage",
+3 -3
View File
@@ -7,9 +7,9 @@
"rrod497"
],
"use-cases": [
"Importing or uploading data into a database",
"Restoring from a backup",
"Pushing local data to a remote database"
"importing or uploading data into a database",
"restoring from a backup",
"pushing local data to a remote database"
],
"tags": [
"storage",
+3 -3
View File
@@ -7,9 +7,9 @@
"rrod497"
],
"use-cases": [
"Indicating a successful database connection",
"Showing a verified or healthy database instance",
"Confirming backup integrity or successful sync"
"indicating a successful database connection",
"showing a verified or healthy database instance",
"confirming backup integrity or successful sync"
],
"tags": [
"storage",
-30
View File
@@ -1,30 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"PrimeTestLab"
],
"use-cases": [
"Representing database settings or configuration page",
"Representing managing database connections in an admin panel",
"Indicating database maintenance or migration tools",
"Representing server and storage configuration in developer dashboards"
],
"tags": [
"db",
"settings",
"configuration",
"preferences",
"gear",
"admin",
"sql",
"storage",
"server",
"maintenance",
"schema",
"query",
"relational"
],
"categories": [
"development"
]
}
-25
View File
@@ -1,25 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m14.305 19.53.923-.382" />
<path d="m15.228 16.852-.923-.383" />
<path d="m16.852 15.228-.383-.923" />
<path d="m16.852 20.772-.383.924" />
<path d="m19.148 15.228.383-.923" />
<path d="m19.53 21.696-.382-.924" />
<path d="m20.772 16.852.924-.383" />
<path d="m20.772 19.148.924.383" />
<path d="M21 10.5V5" />
<path d="M3 12a9 3 0 0 0 7.599 2.963" />
<path d="M3 5v14a9 3 0 0 0 8.148 2.987" />
<circle cx="18" cy="18" r="3" />
<ellipse cx="12" cy="5" rx="9" ry="3" />
</svg>

Before

Width:  |  Height:  |  Size: 712 B

+3 -3
View File
@@ -7,9 +7,9 @@
"rrod497"
],
"use-cases": [
"Removing a database instance",
"Deleting or detaching a database connection",
"Reducing allocated database resources"
"removing a database instance",
"deleting or detaching a database connection",
"reducing allocated database resources"
],
"tags": [
"storage",
+2 -2
View File
@@ -7,8 +7,8 @@
"rrod497"
],
"use-cases": [
"Creating a new database instance",
"Adding a database connection in a client or admin panel"
"creating a new database instance",
"adding a database connection in a client or admin panel"
],
"tags": [
"storage",
+3 -3
View File
@@ -7,9 +7,9 @@
"rrod497"
],
"use-cases": [
"Indicating a failed or lost database connection",
"Displaying error states in monitoring tools",
"Representing rejected queries or destructive operations"
"indicating a failed or lost database connection",
"displaying error states in monitoring tools",
"representing rejected queries or destructive operations"
],
"tags": [
"storage",
-34
View File
@@ -1,34 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"rrod497"
],
"use-cases": [
"Disconnecting the audio output from wireless earphones in music apps",
"Representing disconnected or disabled status in the bluetooth pairing process in user manuals",
"Indicating that the usage of in-ear audio devices is prohibited, for example in workspaces that require attention to ambient sounds"
],
"tags": [
"earphones",
"audio",
"sound",
"bluetooth",
"wireless",
"music",
"noise cancelling",
"acoustics",
"stereo",
"media",
"listen",
"pairing",
"hands-free",
"speaker",
"volume",
"disconnected",
"disabled",
"inactive"
],
"categories": [
"devices"
]
}
-16
View File
@@ -1,16 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M10 10v9a2 2 0 01-4 0v-8a5 5 0 01-3.75-1.693A1 1 0 012 8.646V5.354a1 1 0 01.25-.661 5 5 0 011.359-1.084" />
<path d="M14 14v5a2 2 90 004 0v-1" />
<path d="M18 12.343V11a5 5 90 003.75-1.693 1 1 90 00.25-.661V5.354a1 1 90 00-.25-.661A5 5 90 0018 3a4 4 90 00-4 4v1.343" />
<path d="m2 2 20 20" />
</svg>

Before

Width:  |  Height:  |  Size: 519 B

-33
View File
@@ -1,33 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"rrod497"
],
"use-cases": [
"Indicating audio products or earbud accessories in e-commerce store catalogs",
"Switching the audio output to connected wireless earphones in music apps",
"Representing the bluetooth pairing process in user manuals",
"Representing connected earbud device status indicators or device settings",
"Routing hands-free audio calls to wireless listening devices"
],
"tags": [
"earphones",
"audio",
"sound",
"bluetooth",
"wireless",
"music",
"noise cancelling",
"acoustics",
"stereo",
"media",
"listen",
"pairing",
"hands-free",
"speaker",
"volume"
],
"categories": [
"devices"
]
}
-14
View File
@@ -1,14 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M18 3a4 4 90 00-4 4v12a2 2 90 004 0v-8a5 5 90 003.75-1.693 1 1 90 00.25-.661V5.354a1 1 90 00-.25-.661A5 5 90 0018 3" />
<path d="M6 3a4 4 0 014 4v12a2 2 0 01-4 0v-8a5 5 0 01-3.75-1.693A1 1 0 012 8.646V5.354a1 1 0 01.25-.661A5 5 0 016 3" />
</svg>

Before

Width:  |  Height:  |  Size: 461 B

+1 -1
View File
@@ -7,7 +7,7 @@
"jamiemlaw"
],
"use-cases": [
"Representing a song or single audio track",
"Representing music or an audio track",
"Representing a single eighth note in music notation"
],
"tags": [
+1 -1
View File
@@ -8,7 +8,7 @@
"jamiemlaw"
],
"use-cases": [
"Representing music, playlists, or audio content",
"Representing music or an audio track",
"Representing paired eighth notes in music notation"
],
"tags": [
+5 -4
View File
@@ -6,10 +6,11 @@
"karsa-mistmere"
],
"use-cases": [
"Ejecting removable media or optical discs",
"Unmounting external storage devices",
"Ejecting media in media player controls",
"Representing eject buttons on hardware controls"
"eject removable media",
"unmount external storage",
"optical disc drive",
"media player controls",
"hardware controls"
],
"tags": [
"disc",
-33
View File
@@ -1,33 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"karsa-mistmere",
"DrashtiC07"
],
"use-cases": [
"Displaying prices in United Arab Emirates dirhams",
"Selecting AED as a payment currency",
"Formatting monetary amounts in UAE dirhams"
],
"tags": [
"currency",
"money",
"payment",
"finance",
"price",
"aed",
"arab emirates dirham",
"uae",
"United Arab Emirates",
"cash",
"currency symbol",
"middle east",
"gulf",
"banking",
"invoice",
"exchange rate"
],
"categories": [
"finance"
]
}
-15
View File
@@ -1,15 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M11 4a8 8 0 0 1 0 16H6.406A.4.4 0 0 1 6 19.594V4.406A.4.4 0 0 1 6.406 4z" />
<path d="M4 10h17" />
<path d="M4 14h17" />
</svg>

Before

Width:  |  Height:  |  Size: 344 B

+6 -6
View File
@@ -5,13 +5,13 @@
"jamiemlaw"
],
"use-cases": [
"Indicating engine health or need for repair",
"Indicating engine health or need of repair",
"Representing the engine category in a parts list",
"Representing automotive repair services",
"Showing a check engine warning on a dashboard",
"Marking scheduled vehicle maintenance",
"Filtering vehicle parts in an online catalog",
"Labeling automotive diagnostic reports"
"Representing automotive repair",
"showing a check engine warning on a dashboard",
"marking scheduled vehicle maintenance",
"filtering vehicle parts in an online catalog",
"labeling automotive diagnostic reports"
],
"tags": [
"vehicle",
+4 -4
View File
@@ -5,10 +5,10 @@
"danielbayley"
],
"use-cases": [
"Representing 3D model files such as OBJ, STL, FBX, or GLTF",
"Indicating CAD and engineering model documents",
"Showing printable or manufacturable 3D assets",
"Identifying files containing digital product models"
"representing 3D model files such as OBJ, STL, FBX, or GLTF",
"indicating CAD and engineering model documents",
"showing printable or manufacturable 3D assets",
"identifying files containing digital product models"
],
"tags": [
"document",
+8 -8
View File
@@ -4,14 +4,14 @@
"karsa-mistmere"
],
"use-cases": [
"Representing galaxies, stars, or deep space in astronomy content",
"Visualizing the universe or cosmos in science education",
"Marking space exploration, stargazing, or observatory features",
"Identifying star chart or constellation map features",
"Signifying interstellar or sci-fi travel sections in apps",
"Branding planetarium events or astronomy clubs",
"Decorating space-themed user interfaces or games",
"Marking cosmic discoveries or research in science publications"
"representing galaxies, stars, or deep space in astronomy content",
"visualizing the universe or cosmos in science education",
"marking space exploration, stargazing, or observatory features",
"identifying star chart or constellation map features",
"signifying interstellar or sci-fi travel sections in apps",
"branding planetarium events or astronomy clubs",
"decorative element in space-themed user interfaces or games",
"marking cosmic discoveries or research in science publications"
],
"tags": [
"astronomy",
+4 -4
View File
@@ -5,10 +5,10 @@
"karsa-mistmere"
],
"use-cases": [
"Indicating horizontal gap setting in a design inspector",
"Representing the column-gap control in grid or flex panels",
"Adjusting horizontal spacing between components in a page builder",
"Visualizing a spacing token in a design system or theme editor"
"indicating horizontal gap setting in a design inspector",
"representing the column-gap control in grid or flex panels",
"adjusting horizontal spacing between components in a page builder",
"visualizing a spacing token in a design system or theme editor"
],
"tags": [
"gap",
+5 -5
View File
@@ -5,11 +5,11 @@
"karsa-mistmere"
],
"use-cases": [
"Displaying vertical spacing between stacked elements in a design inspector",
"Representing the row-gap control in CSS grid or flex panels",
"Adjusting vertical gutter in a page builder or layout editor",
"Visualizing space between rows in an auto-layout stack",
"Indicating configurable vertical spacing in a UI component library"
"displaying vertical spacing between stacked elements in a design inspector",
"representing the row-gap control in a css grid or flex panel",
"adjusting vertical gutter in a page builder or layout editor",
"visualizing space between rows in an auto-layout stack",
"indicating configurable vertical spacing in a ui component library"
],
"tags": [
"gap",
+3
View File
@@ -4,6 +4,9 @@
"Carlito-la-banane"
],
"use-cases": [
"Representing a load balancer in cloud infrastructure",
"Showing traffic distributed across multiple servers",
"Indicating a task split into parallel processes",
"Representing a load balancer in cloud service consoles",
"Showing incoming traffic distributed across multiple backends",
"Indicating a task split into parallel worker threads or processes",
+5 -5
View File
@@ -6,11 +6,11 @@
"rrod497"
],
"use-cases": [
"Representing instrument tracks or guitar settings in music production software",
"Categorizing rock playlists or genres in music streaming apps",
"Highlighting rock concerts and music festivals on ticketing websites",
"Categorizing instruments and gear in online music stores",
"Tagging guitar lessons and tutorials in music education content"
"Digital Audio Workstations (DAWs) or music production software to represent MIDI track routing, virtual instrument tracks, or guitar controller settings.",
"Music streaming apps to represent rock playlists, genre categories, or live radio stations.",
"Event ticketing websites to highlight upcoming rock concerts and music festivals.",
"Online music store platforms to categorize instruments, gear, or digital audio tracks.",
"Music education blogs to tag articles, video tutorials, or guitar lesson courses."
],
"tags": [
"acoustic",
+1
View File
@@ -6,6 +6,7 @@
"karsa-mistmere"
],
"use-cases": [
"Representing music or an audio track",
"Representing a half note in music notation"
],
"tags": [
+6 -5
View File
@@ -5,11 +5,12 @@
"karsa-mistmere"
],
"use-cases": [
"Representing hiking activities in fitness or outdoor apps",
"Marking hiking routes or trailheads on maps",
"Denoting hiking gear in packing lists",
"Labeling guided walking or trekking tours",
"Indicating recommended equipment for a route"
"Hiking routes",
"Hiking activities",
"marking trailheads on maps",
"denoting hiking gear in packing lists",
"labeling guided walking or trekking tours",
"indicating recommended equipment for a route"
],
"tags": [
"hiking",
-33
View File
@@ -1,33 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"joffx",
"karsa-mistmere"
],
"use-cases": [
"Representing hockey equipment in sports interfaces",
"Marking hockey-related games or gameplay modes",
"Categorizing hockey content in sports apps"
],
"tags": [
"sport",
"campus",
"puck",
"athlete",
"ice",
"player",
"goal",
"cricket",
"bat",
"sports",
"game",
"equipment",
"stick",
"ball",
"match",
"play"
],
"categories": [
"sports"
]
}
-18
View File
@@ -1,18 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M11 4v4c0 1.1-2.025 2-4.5 2S2 9.1 2 8V4" />
<path d="M18.21 3.106a2 2 0 013.579 1.789l-6.895 13.789A6 6 0 019.529 22H4.5a1 1 0 010-5h5.528a2 2 0 001.788-1.105z" />
<path d="m18.59 11.295-3.578-1.789" />
<path d="m20.79 6.895-3.578-1.789" />
<path d="M7 17v5" />
<ellipse cx="6.5" cy="4" rx="4.5" ry="2" />
</svg>

Before

Width:  |  Height:  |  Size: 535 B

-24
View File
@@ -1,24 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"roygommer",
"jamiemlaw"
],
"use-cases": [
"Selecting balloon-based aircraft in aviation weather dashboards",
"Displaying weather conditions for lighter-than-air aircraft",
"Representing recreational sightseeing flights in travel interfaces"
],
"tags": [
"aircraft",
"flight",
"adventure",
"travel",
"sky",
"celebration",
"festive"
],
"categories": [
"sports"
]
}
-15
View File
@@ -1,15 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M11.5 18C10 15 9 12 9 9a3 7 0 0 1 6 0c0 3-1 6-2.5 9" />
<path d="M15 18c3-3 5-5 5-9A8 7 0 0 0 4 9c0 4 2 6 5 9" />
<path d="M15 18H9v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1z" />
</svg>

Before

Width:  |  Height:  |  Size: 392 B

+3 -3
View File
@@ -4,9 +4,9 @@
"rrod497"
],
"use-cases": [
"Editing a timer or countdown",
"Configuring session timeout settings",
"Setting expiration for scheduled tasks"
"editing a timer or countdown",
"configuring session timeout",
"setting expiration for scheduled tasks"
],
"tags": [
"timer",
+2 -2
View File
@@ -4,8 +4,8 @@
"hkayrad"
],
"use-cases": [
"Displaying prices or amounts in Kazakh tenge in financial apps",
"Representing Kazakh tenge in currency conversion tools or financial reports"
"Showing the Kazakh Tenge currency symbol in financial applications or websites",
"Representing the Kazakh Tenge in currency conversion tools or financial reports"
],
"tags": [
"currency",
-30
View File
@@ -1,30 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"ericfennis",
"karsa-mistmere",
"kotaindah55"
],
"use-cases": [
"Annotating a screen during presentation",
"Drawing attention to a specific part of a screen during presentation",
"Indicating a pointer location in remote presentation or screen-sharing tools",
"Representing a virtual pointer tool in design and whiteboard apps"
],
"tags": [
"annotation",
"beam",
"draw",
"guide",
"highlight",
"pointer",
"presentation",
"screen",
"spotlight",
"pointer device",
"projection"
],
"categories": [
"tools"
]
}
-21
View File
@@ -1,21 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m13 8 .95-.95" />
<path d="M13.95 16.95 13 16" />
<path d="M22 12h-9" />
<path d="M4 12H2" />
<path d="M4.05 16.95 5 16" />
<path d="m5 8-.95-.95" />
<path d="M9 12h.01" />
<path d="M9 19v-2" />
<path d="M9 7V5" />
</svg>

Before

Width:  |  Height:  |  Size: 450 B

+2 -2
View File
@@ -7,8 +7,8 @@
"karsa-mistmere"
],
"use-cases": [
"Lowering a selected layer by one step",
"Moving an item backward in layer order"
"lowering a selected layer by one step",
"moving an item backward in layer order"
],
"tags": [
"move back",
+2 -2
View File
@@ -7,8 +7,8 @@
"karsa-mistmere"
],
"use-cases": [
"Raising a selected layer by one step",
"Moving an item forward in layer order"
"raising a selected layer by one step",
"moving an item forward in layer order"
],
"tags": [
"move forward",
+2 -2
View File
@@ -7,8 +7,8 @@
"karsa-mistmere"
],
"use-cases": [
"Sending a selected object to the back of a stack",
"Moving an item behind all others in layer order"
"sending a selected object to the back of a stack",
"moving an item behind all others in layer order"
],
"tags": [
"send to back",
+2 -2
View File
@@ -7,8 +7,8 @@
"karsa-mistmere"
],
"use-cases": [
"Bringing a selected object to the front of a stack",
"Moving an item in front of all others in layer order"
"bringing a selected object to the front of a stack",
"moving an item in front of all others in layer order"
],
"tags": [
"bring to front",
+7 -5
View File
@@ -5,11 +5,13 @@
],
"use-cases": [
"Setting auto layout direction to vertical in design tools",
"Selecting flex-direction: column in developer tools or style panels",
"Stacking content blocks from top to bottom",
"Switching to column view in file managers or galleries",
"Indicating vertical stacking mode in UI editors or prototyping tools",
"Choosing vertical orientation in responsive layout controls"
"Selecting flex-direction: column in devtools panels",
"Stacking content blocks top to bottom",
"Toggle between horizontal and vertical layouts in design tools",
"Switch to column view in file managers or galleries",
"Set flex-direction to column in css or style panels",
"Indicate vertical stacking mode in ui editors or prototyping tools",
"Choose vertical orientation for responsive layout controls"
],
"tags": [
"layout",
+5 -3
View File
@@ -5,10 +5,12 @@
],
"use-cases": [
"Setting auto layout direction to horizontal in design tools",
"Selecting flex-direction: row in developer tools or style panels",
"Selecting flex-direction: row in devtools panels",
"Switching sections from stacked to side-by-side",
"Choosing a side-by-side or two-column display",
"Toggling panel orientation to horizontal",
"Switching the canvas to a horizontal layout",
"Choosing side-by-side or two-column display",
"Representing css flex-direction: row in developer tools",
"Toggling panel orientation in a ui",
"Selecting left-to-right flow in design editors"
],
"tags": [
+5 -5
View File
@@ -4,11 +4,11 @@
"samuelalake"
],
"use-cases": [
"Turning off auto layout in a design inspector",
"Switching a dashboard section to free drag-and-drop placement",
"Selecting freeform arrangement in a page builder",
"Indicating unstructured layout mode in a whiteboard or canvas app",
"Representing elements not aligned to a grid"
"turning off auto layout in a design inspector",
"switching a dashboard section to free drag-and-drop placement",
"selecting freeform arrangement in a page builder",
"indicating unstructured layout mode in a whiteboard or canvas app",
"representing elements not aligned to a grid"
],
"tags": [
"layout",

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