feat: add Apertis icon#269
Merged
Merged
Conversation
Add Apertis (apertis.ai) — a unified API platform for 500+ AI models across 30+ providers. Includes Mono, Text, Avatar, and Combine components following the standard icon package structure. Primary color: #0d9488 (Apertis Teal)
Contributor
Reviewer's GuideAdds a new Apertis icon package that follows the existing icon architecture (Mono, Text, Avatar, Combine, style, index, docs) and wires it into the shared icon composition utilities with Apertis-specific sizing and color tokens. Class diagram for the new Apertis icon packageclassDiagram
direction LR
class IconType {
}
class IconCombineProps {
}
class IconAvatarProps {
}
class Mono {
+Mono(props) JSXElement
}
class Text {
+Text(props) JSXElement
}
class Avatar {
+Avatar(props) JSXElement
}
class Combine {
+Combine(props) JSXElement
}
class CompoundedIcon {
+Avatar : typeof Avatar
+Combine : typeof Combine
+Text : typeof Text
+colorPrimary : string
+title : string
}
class Icons {
+Text : typeof Text
+Combine : typeof Combine
+Avatar : typeof Avatar
+colorPrimary : string
+title : string
}
class IconCombine {
+IconCombine(props) JSXElement
}
class IconAvatar {
+IconAvatar(props) JSXElement
}
class StyleConstants {
+TITLE : string
+COMBINE_TEXT_MULTIPLE : number
+COMBINE_SPACE_MULTIPLE : number
+COLOR_PRIMARY : string
+AVATAR_BACKGROUND : string
+AVATAR_COLOR : string
+AVATAR_ICON_MULTIPLE : number
}
Mono ..|> IconType
Text ..|> IconType
Combine --> Mono : uses as Icon
Combine --> Text : uses as Text
Combine --> IconCombine : wraps
Combine --> StyleConstants : COMBINE_TEXT_MULTIPLE, COMBINE_SPACE_MULTIPLE, TITLE
Avatar --> Mono : uses as Icon
Avatar --> IconAvatar : wraps
Avatar --> StyleConstants : AVATAR_BACKGROUND, AVATAR_COLOR, AVATAR_ICON_MULTIPLE, TITLE
Mono --> StyleConstants : TITLE
Text --> StyleConstants : TITLE
CompoundedIcon <|-- Icons
Icons .. Mono
Icons --> Avatar
Icons --> Combine
Icons --> Text
Icons --> StyleConstants : COLOR_PRIMARY, TITLE
Flow diagram for Apertis icon composition and usageflowchart LR
direction LR
Consumer[Consumer code
import Apertis]
Consumer -->|default export| Icons[Apertis Icons
Mono component]
Icons -->|Apertis| Mono[Mono
SVG icon]
Icons -->|Apertis.Text| Text[Text
wordmark SVG]
Icons -->|Apertis.Avatar| Avatar[Avatar
Mono on teal bg]
Icons -->|Apertis.Combine| Combine[Combine
Mono + Text lockup]
subgraph Composition_Utilities
IconAvatar[IconAvatar
shared utility]
IconCombine[IconCombine
shared utility]
end
Avatar -->|wraps| IconAvatar
Combine -->|wraps| IconCombine
subgraph Style_Tokens
TITLE[TITLE
Apertis]
COLOR_PRIMARY[COLOR_PRIMARY
#0d9488]
AVATAR_BACKGROUND[AVATAR_BACKGROUND
#0d9488]
AVATAR_COLOR[AVATAR_COLOR
#fff]
AVATAR_ICON_MULTIPLE[AVATAR_ICON_MULTIPLE
0.75]
COMBINE_SPACE_MULTIPLE[COMBINE_SPACE_MULTIPLE
0.1]
COMBINE_TEXT_MULTIPLE[COMBINE_TEXT_MULTIPLE
0.75]
end
Mono --> TITLE
Text --> TITLE
Avatar --> TITLE
Combine --> TITLE
Avatar --> AVATAR_BACKGROUND
Avatar --> AVATAR_COLOR
Avatar --> AVATAR_ICON_MULTIPLE
Combine --> COMBINE_SPACE_MULTIPLE
Combine --> COMBINE_TEXT_MULTIPLE
Icons --> COLOR_PRIMARY
File-Level Changes
Tips and commandsInteracting with Sourcery
Customizing Your ExperienceAccess your dashboard to:
Getting Help
|
Member
|
👍 @theQuert |
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: 011984c58c
ℹ️ About Codex in GitHub
Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".
| @@ -0,0 +1,22 @@ | |||
| import Avatar from './components/Avatar'; | |||
There was a problem hiding this comment.
Export Apertis from the public icon entrypoint
Adding src/Apertis/index.ts alone does not make the new icon usable to package consumers. The published root only re-exports ./icons from src/index.ts, and src/icons.ts still has no Apertis export, so import { Apertis } from '@lobehub/icons' will fail after this lands. Because scripts/tocWorkflow/index.ts also builds the docs TOC from ../../src/icons, the generated toc/docs will miss this icon as well.
Useful? React with 👍 / 👎.
| @@ -0,0 +1,22 @@ | |||
| import Avatar from './components/Avatar'; | |||
There was a problem hiding this comment.
Add the matching React Native icon package
This repo ships a checked-in React Native workspace in parallel with the web icons, but this commit only adds src/Apertis. packages/react-native/package.json builds whatever is already under packages/react-native/src, and there is currently no packages/react-native/src/icons/Apertis folder or export in packages/react-native/src/index.ts, so @lobehub/icons-rn will remain missing Apertis even though the web package gained it.
Useful? React with 👍 / 👎.
Add Apertis to src/icons.ts barrel export and create the full react-native icon set (Mono, Text, Avatar, Combine) under packages/react-native/src/icons/Apertis.
Member
|
❤️ Great PR @theQuert ❤️ |
canisminor1990
added a commit
that referenced
this pull request
Mar 26, 2026
* ✨ feat(icons): add Qoder brand icon (#270) * ✨ feat(icons): add Qoder brand icon - Add Qoder icon components (Avatar, Color, Mono, Text) - Add Qoder icon documentation - Export Qoder icon in icons.ts - Add Qoder entry in table of contents new file: src/Qoder/components/Avatar.tsx new file: src/Qoder/components/Color.tsx new file: src/Qoder/components/Mono.tsx new file: src/Qoder/components/Text.tsx new file: src/Qoder/index.md new file: src/Qoder/index.ts new file: src/Qoder/style.ts modified: src/icons.ts modified: src/toc.ts * ✨ feat: add Qoder icon - Add Qoder icon with Avatar, Color, Mono, and Text variants - Export Qoder icon from react-native package * ✨ feat: add Coding Plan provider icons support (#272) * ✨ feat: add Coding Plan provider support * ✨ feat: add Coding Plan provider support for React Native * feat: add Apertis icon (#269) * feat: add Apertis icon Add Apertis (apertis.ai) — a unified API platform for 500+ AI models across 30+ providers. Includes Mono, Text, Avatar, and Combine components following the standard icon package structure. Primary color: #0d9488 (Apertis Teal) * feat: export Apertis icon and add react-native support Add Apertis to src/icons.ts barrel export and create the full react-native icon set (Mono, Text, Avatar, Combine) under packages/react-native/src/icons/Apertis. * Update Together AI logo (#268) * wip * wip * Revert "wip" This reverts commit 76dfa33. * wip * feat: add AskVerdict AI brand icons (#265) Add AskVerdict AI (askverdict.ai) — multi-agent AI debate engine. Components: Mono, Color (gold gradient), Text, Combine, Avatar Shared SVG paths extracted to paths.ts to prevent divergence. Brand color: #E8A317 (gold) Website: https://askverdict.ai * ✨ feat: add AgentVoice icon (#257) Co-authored-by: RRyanHoward <ryan@websitellm.com> Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com> * feat: merge PR #259 (LLM API) and PR #262 (Xpay) into dev (#276) * ✨ feat: Add LLM API logo * ✨ feat: add xpay icon * fix: set hasBrandColor to true in toc entry --------- Co-authored-by: Markos Basilio <markosbasilio@MacBook-Pro-Markos.local> Co-authored-by: xPay <xpaysh@gmail.com> Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> * 💄 style: Fix some icon style * ✨ feat: Update rn --------- Co-authored-by: zhi <yantze@126.com> Co-authored-by: Hardy <yimingmail@yandex.com> Co-authored-by: Quert <a97041304@gmail.com> Co-authored-by: Hassan El Mghari <hassan4709@gmail.com> Co-authored-by: GDS K S <39922405+thegdsks@users.noreply.github.com> Co-authored-by: Ryan Howard <ryan@agentvoice.com> Co-authored-by: RRyanHoward <ryan@websitellm.com> Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com> Co-authored-by: Copilot <198982749+Copilot@users.noreply.github.com> Co-authored-by: Markos Basilio <markosbasilio@MacBook-Pro-Markos.local> Co-authored-by: xPay <xpaysh@gmail.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
💻 变更类型 | Change Type
🔀 变更说明 | Description of Change
Add icon package for Apertis (apertis.ai) — a unified API platform for 500+ AI models across 30+ providers.
Components:
#0d9488) backgroundStyle:
COLOR_PRIMARY:#0d9488(Apertis Teal)AVATAR_BACKGROUND:#0d9488AVATAR_COLOR:#fff📝 补充信息 | Additional Information
The Stacked A logo represents multiple AI providers unified behind a single API — the layered depth effect is achieved with a separated back plane visible as a right-side sliver.
Follows the standard icon package structure (Mono, Text, Avatar, Combine, style.ts, index.ts, index.md).