| 1 | // Brand marks for the integration apps — the app's identity where an emoji |
| 2 | // glyph used to stand in (a plug called 🔌 reads as a toy; the GitHub mark |
| 3 | // reads as GitHub). Static, in-code SVG only, monochrome via currentColor so |
| 4 | // they theme like every other icon. `logo` renders wherever app avatars and |
| 5 | // app-sender notices draw (appGlyphInto, apps.js); the emoji `glyph` remains |
| 6 | // the fallback everywhere a string is required (native palettes, typeahead |
| 7 | // insert text) and for apps with no mark of their own. |
| 8 | // |
| 9 | // Sources: GitHub, Stripe, HubSpot, Linear from Simple Icons |
| 10 | // (https://simpleicons.org, CC0). DNSimple from its official pinned-tab mask |
| 11 | // icon (dnsimple.com, monochrome by design). The "plug" mark (the |
| 12 | // Integrations app itself — not a brand) is Lucide's plug (ISC). All |
| 13 | // trademarks identify their services and remain their owners' property. |
| 14 | |
| 15 | // The GitHub mark (Invertocat). |
| 16 | export const LOGO_GITHUB = |
| 17 | '<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">' + |
| 18 | '<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg>'; |
| 19 | |
| 20 | // DNSimple's mask-icon mark. |
| 21 | export const LOGO_DNSIMPLE = |
| 22 | '<svg viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">' + |
| 23 | '<path fill-rule="evenodd" d="M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm2.146-13c-.285 0-.57.015-.84.075v2.788c-.39-.15-.84-.225-1.44-.225C5.74 5.638 4 7.092 4 9.43c0 2.4 1.59 3.718 3.927 3.718 1.154 0 2.34-.315 3.073-.705V3.075c-.285-.06-.585-.075-.854-.075zm-2.25 8.664c-1.288 0-2.172-.87-2.172-2.264 0-1.38.944-2.263 2.203-2.263.51 0 .974.06 1.38.315v3.987c-.45.164-.915.24-1.41.224z"></path></svg>'; |
| 24 | |
| 25 | // The Stripe S. |
| 26 | export const LOGO_STRIPE = |
| 27 | '<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">' + |
| 28 | '<path d="M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409 0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975 15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757 7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.92 3.445 1.574 3.445 2.583 0 .98-.84 1.545-2.354 1.545-1.875 0-4.965-.921-6.99-2.109l-.9 5.555C5.175 22.99 8.385 24 11.714 24c2.641 0 4.843-.624 6.328-1.813 1.664-1.305 2.525-3.236 2.525-5.732 0-4.128-2.524-5.851-6.594-7.305h.003z"></path></svg>'; |
| 29 | |
| 30 | // The HubSpot sprocket. |
| 31 | export const LOGO_HUBSPOT = |
| 32 | '<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">' + |
| 33 | '<path d="M18.164 7.93V5.084a2.198 2.198 0 001.267-1.978v-.067A2.2 2.2 0 0017.238.845h-.067a2.2 2.2 0 00-2.193 2.193v.067a2.196 2.196 0 001.252 1.973l.013.006v2.852a6.22 6.22 0 00-2.969 1.31l.012-.01-7.828-6.095A2.497 2.497 0 104.3 4.656l-.012.006 7.697 5.991a6.176 6.176 0 00-1.038 3.446c0 1.343.425 2.588 1.147 3.607l-.013-.02-2.342 2.343a1.968 1.968 0 00-.58-.095h-.002a2.033 2.033 0 102.033 2.033 1.978 1.978 0 00-.1-.595l.005.014 2.317-2.317a6.247 6.247 0 104.782-11.134l-.036-.005zm-.964 9.378a3.206 3.206 0 113.215-3.207v.002a3.206 3.206 0 01-3.207 3.207z"></path></svg>'; |
| 34 | |
| 35 | // The Linear mark (for the linear app when it lands). |
| 36 | export const LOGO_LINEAR = |
| 37 | '<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">' + |
| 38 | '<path d="M2.886 4.18A11.982 11.982 0 0 1 11.99 0C18.624 0 24 5.376 24 12.009c0 3.64-1.62 6.903-4.18 9.105L2.887 4.18ZM1.817 5.626l16.556 16.556c-.524.33-1.075.62-1.65.866L.951 7.277c.247-.575.537-1.126.866-1.65ZM.322 9.163l14.515 14.515c-.71.172-1.443.282-2.195.322L0 11.358a12 12 0 0 1 .322-2.195Zm-.17 4.862 9.823 9.824a12.02 12.02 0 0 1-9.824-9.824Z"></path></svg>'; |
| 39 | |
| 40 | // Lucide plug — the Integrations app's own mark (a capability, not a brand), |
| 41 | // stroke-drawn like the rest of the UI icon set. |
| 42 | export const LOGO_PLUG = |
| 43 | '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" ' + |
| 44 | 'stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">' + |
| 45 | '<path d="M12 22v-5"></path><path d="M9 8V2"></path><path d="M15 8V2"></path>' + |
| 46 | '<path d="M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z"></path></svg>'; |
| 47 | |
amadan