@selemondev/svgl-svelte 0.0.2 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (575) hide show
  1. package/dist/components/AMP.svelte +12 -3
  2. package/dist/components/Adobe.svelte +12 -3
  3. package/dist/components/AffinityDesigner.svelte +12 -3
  4. package/dist/components/AffinityPhoto.svelte +12 -3
  5. package/dist/components/AffinityPublisher.svelte +12 -3
  6. package/dist/components/Afordin.svelte +12 -3
  7. package/dist/components/AfterEffects.svelte +12 -3
  8. package/dist/components/Ahooks.svelte +12 -3
  9. package/dist/components/Ahrefs.svelte +16 -0
  10. package/dist/components/Airbnb.svelte +12 -3
  11. package/dist/components/Alacritty.svelte +12 -3
  12. package/dist/components/Algolia.svelte +12 -3
  13. package/dist/components/Algorand.svelte +12 -3
  14. package/dist/components/Aliexpress.svelte +12 -3
  15. package/dist/components/AmazonQ.svelte +283 -0
  16. package/dist/components/AmazonWebServices.svelte +12 -3
  17. package/dist/components/Android.svelte +12 -3
  18. package/dist/components/Angular.svelte +12 -3
  19. package/dist/components/Animate.svelte +12 -3
  20. package/dist/components/AntDesign.svelte +12 -3
  21. package/dist/components/Anthropic.svelte +12 -3
  22. package/dist/components/ApacheKafka.svelte +24 -0
  23. package/dist/components/Apidog.svelte +12 -3
  24. package/dist/components/Apolloio.svelte +12 -3
  25. package/dist/components/AppStore.svelte +16 -0
  26. package/dist/components/Apple.svelte +12 -3
  27. package/dist/components/AppleMusic.svelte +12 -3
  28. package/dist/components/Appwrite.svelte +12 -3
  29. package/dist/components/Arc.svelte +12 -3
  30. package/dist/components/ArkUI.svelte +23 -0
  31. package/dist/components/Asana.svelte +12 -3
  32. package/dist/components/Astro.svelte +12 -3
  33. package/dist/components/Atlassian.svelte +12 -3
  34. package/dist/components/Atom.svelte +12 -3
  35. package/dist/components/Auth0.svelte +12 -3
  36. package/dist/components/Authjs.svelte +16 -0
  37. package/dist/components/Authy.svelte +12 -3
  38. package/dist/components/Axiom.svelte +12 -3
  39. package/dist/components/Axure.svelte +12 -3
  40. package/dist/components/BNB.svelte +12 -3
  41. package/dist/components/Babel.svelte +12 -3
  42. package/dist/components/BaseUI.svelte +12 -3
  43. package/dist/components/Basewell.svelte +12 -3
  44. package/dist/components/Bash.svelte +12 -3
  45. package/dist/components/Beacon.svelte +12 -3
  46. package/dist/components/Bento.svelte +12 -3
  47. package/dist/components/BetterAuth.svelte +12 -3
  48. package/dist/components/Binance.svelte +12 -3
  49. package/dist/components/Bing.svelte +12 -3
  50. package/dist/components/Biomejs.svelte +12 -3
  51. package/dist/components/Bitcoin.svelte +12 -3
  52. package/dist/components/Bitwarden.svelte +12 -3
  53. package/dist/components/Blender.svelte +12 -3
  54. package/dist/components/Blitz.svelte +12 -3
  55. package/dist/components/Bluesky.svelte +12 -3
  56. package/dist/components/Bolt.svelte +12 -3
  57. package/dist/components/Bootstrap.svelte +12 -3
  58. package/dist/components/BraveBrowser.svelte +12 -3
  59. package/dist/components/BuildShip.svelte +12 -3
  60. package/dist/components/Builder.svelte +12 -3
  61. package/dist/components/Bun.svelte +12 -3
  62. package/dist/components/BuyMeaCoffee.svelte +12 -3
  63. package/dist/components/C.svelte +12 -3
  64. package/dist/components/CPanel.svelte +16 -0
  65. package/dist/components/CPlusPlus.svelte +12 -3
  66. package/dist/components/CSS.svelte +12 -3
  67. package/dist/components/CSSNew.svelte +12 -3
  68. package/dist/components/CSharp.svelte +12 -3
  69. package/dist/components/Calcom.svelte +12 -3
  70. package/dist/components/Calendly.svelte +12 -3
  71. package/dist/components/Canva.svelte +12 -3
  72. package/dist/components/Carrd.svelte +12 -3
  73. package/dist/components/ChakraUI.svelte +12 -3
  74. package/dist/components/Chartjs.svelte +12 -3
  75. package/dist/components/Chrome.svelte +12 -3
  76. package/dist/components/Chromium.svelte +12 -3
  77. package/dist/components/Cisco.svelte +12 -3
  78. package/dist/components/ClaudeAI.svelte +12 -3
  79. package/dist/components/Clerk.svelte +12 -3
  80. package/dist/components/Cloudflare.svelte +12 -3
  81. package/dist/components/CloudflareWorkers.svelte +12 -3
  82. package/dist/components/Cloudinary.svelte +12 -3
  83. package/dist/components/Cobol.svelte +12 -3
  84. package/dist/components/Codesandbox.svelte +12 -3
  85. package/dist/components/Codium.svelte +12 -3
  86. package/dist/components/Cody.svelte +12 -3
  87. package/dist/components/Cohere.svelte +12 -3
  88. package/dist/components/Coinbase.svelte +12 -3
  89. package/dist/components/Convex.svelte +12 -3
  90. package/dist/components/Coursera.svelte +12 -3
  91. package/dist/components/Crossplane.svelte +12 -3
  92. package/dist/components/CurseForge.svelte +12 -3
  93. package/dist/components/Cursor.svelte +23 -3
  94. package/dist/components/Cypress.svelte +12 -3
  95. package/dist/components/D3js.svelte +12 -3
  96. package/dist/components/Dailydev.svelte +12 -3
  97. package/dist/components/DaisyUI.svelte +12 -3
  98. package/dist/components/Dart.svelte +12 -3
  99. package/dist/components/Datadog.svelte +12 -3
  100. package/dist/components/DeepSeek.svelte +12 -3
  101. package/dist/components/Deno.svelte +12 -3
  102. package/dist/components/Designali.svelte +12 -3
  103. package/dist/components/DeveloperStudentClub.svelte +12 -3
  104. package/dist/components/Devto.svelte +12 -3
  105. package/dist/components/DigitalOcean.svelte +12 -3
  106. package/dist/components/Dingocoin.svelte +16 -0
  107. package/dist/components/Directus.svelte +12 -3
  108. package/dist/components/Discord.svelte +12 -3
  109. package/dist/components/Discordjs.svelte +12 -3
  110. package/dist/components/Discourse.svelte +12 -3
  111. package/dist/components/Disney.svelte +12 -3
  112. package/dist/components/Django.svelte +12 -3
  113. package/dist/components/Docker.svelte +12 -3
  114. package/dist/components/Documenso.svelte +12 -3
  115. package/dist/components/Docus.svelte +19 -0
  116. package/dist/components/Docusaurus.svelte +12 -3
  117. package/dist/components/Dogecoin.svelte +12 -3
  118. package/dist/components/Dotenv.svelte +12 -3
  119. package/dist/components/Dotenvx.svelte +12 -3
  120. package/dist/components/Dreamweaver.svelte +12 -3
  121. package/dist/components/Dribbble.svelte +16 -0
  122. package/dist/components/DrizzleORM.svelte +12 -3
  123. package/dist/components/Dropbox.svelte +12 -3
  124. package/dist/components/Dub.svelte +12 -3
  125. package/dist/components/DuckDuckGo.svelte +12 -3
  126. package/dist/components/ESLint.svelte +16 -0
  127. package/dist/components/Ebay.svelte +12 -3
  128. package/dist/components/EclipseIDE.svelte +12 -3
  129. package/dist/components/Edge.svelte +12 -3
  130. package/dist/components/EffectTS.svelte +16 -0
  131. package/dist/components/Electron.svelte +12 -3
  132. package/dist/components/Elementor.svelte +12 -3
  133. package/dist/components/ElysiaJS.svelte +12 -3
  134. package/dist/components/Emacs.svelte +12 -3
  135. package/dist/components/Ember.svelte +12 -3
  136. package/dist/components/Esbuild.svelte +12 -3
  137. package/dist/components/Ethereum.svelte +12 -3
  138. package/dist/components/Exome.svelte +12 -3
  139. package/dist/components/Expo.svelte +12 -3
  140. package/dist/components/Expressjs.svelte +12 -3
  141. package/dist/components/Facebook.svelte +12 -3
  142. package/dist/components/FastAPI.svelte +12 -3
  143. package/dist/components/Fastify.svelte +12 -3
  144. package/dist/components/Figma.svelte +12 -3
  145. package/dist/components/Firebase.svelte +12 -3
  146. package/dist/components/FirebaseStudio.svelte +12 -3
  147. package/dist/components/Firefox.svelte +12 -3
  148. package/dist/components/Flask.svelte +12 -3
  149. package/dist/components/FlowLauncher.svelte +16 -0
  150. package/dist/components/Flowbite.svelte +12 -3
  151. package/dist/components/Flutter.svelte +12 -3
  152. package/dist/components/Fly.svelte +12 -3
  153. package/dist/components/Fortran.svelte +12 -3
  154. package/dist/components/Framer.svelte +12 -3
  155. package/dist/components/Fresh.svelte +12 -3
  156. package/dist/components/Front.svelte +12 -3
  157. package/dist/components/Gatsby.svelte +12 -3
  158. package/dist/components/Gemini.svelte +12 -3
  159. package/dist/components/Ghostty.svelte +12 -3
  160. package/dist/components/Gimp.svelte +12 -3
  161. package/dist/components/Git.svelte +12 -3
  162. package/dist/components/GitHub.svelte +12 -3
  163. package/dist/components/GitHubCopilot.svelte +12 -3
  164. package/dist/components/GitLab.svelte +12 -3
  165. package/dist/components/Gleam.svelte +12 -3
  166. package/dist/components/Gmail.svelte +12 -3
  167. package/dist/components/Go.svelte +12 -3
  168. package/dist/components/GoDaddy.svelte +12 -3
  169. package/dist/components/GodotEngine.svelte +12 -3
  170. package/dist/components/Google.svelte +12 -4
  171. package/dist/components/GoogleClassroom.svelte +16 -0
  172. package/dist/components/GoogleCloud.svelte +16 -0
  173. package/dist/components/GoogleColaboratory.svelte +12 -3
  174. package/dist/components/GoogleDrive.svelte +12 -3
  175. package/dist/components/GoogleIdx.svelte +12 -3
  176. package/dist/components/GoogleMaps.svelte +16 -0
  177. package/dist/components/GooglePaLM.svelte +12 -3
  178. package/dist/components/GooglePlay.svelte +16 -0
  179. package/dist/components/Gradio.svelte +12 -3
  180. package/dist/components/Grafana.svelte +12 -3
  181. package/dist/components/GraphQL.svelte +13 -3
  182. package/dist/components/Grok.svelte +12 -3
  183. package/dist/components/Groq.svelte +12 -3
  184. package/dist/components/HCaptcha.svelte +12 -3
  185. package/dist/components/HTML5.svelte +12 -3
  186. package/dist/components/HackTheBox.svelte +12 -3
  187. package/dist/components/Hashnode.svelte +12 -3
  188. package/dist/components/Haskell.svelte +12 -3
  189. package/dist/components/HeadlessUI.svelte +12 -3
  190. package/dist/components/Heptabase.svelte +21 -0
  191. package/dist/components/HeroUI.svelte +12 -3
  192. package/dist/components/Heroku.svelte +12 -3
  193. package/dist/components/HomeAssistant.svelte +12 -3
  194. package/dist/components/Homebrew.svelte +12 -3
  195. package/dist/components/Hono.svelte +12 -3
  196. package/dist/components/Hoppscotch.svelte +12 -3
  197. package/dist/components/Hostgator.svelte +12 -3
  198. package/dist/components/HuggingFace.svelte +12 -3
  199. package/dist/components/Hugo.svelte +12 -3
  200. package/dist/components/Hulu.svelte +12 -3
  201. package/dist/components/HumeAI.svelte +12 -3
  202. package/dist/components/IBM.svelte +12 -3
  203. package/dist/components/Illustrator.svelte +12 -3
  204. package/dist/components/InDesign.svelte +12 -3
  205. package/dist/components/InflectionAI.svelte +12 -3
  206. package/dist/components/Infojobs.svelte +12 -3
  207. package/dist/components/Inngest.svelte +12 -3
  208. package/dist/components/Instagram.svelte +12 -3
  209. package/dist/components/Instatus.svelte +12 -3
  210. package/dist/components/IntelliJIDEA.svelte +12 -3
  211. package/dist/components/Intello.svelte +21 -0
  212. package/dist/components/JQuery.svelte +12 -3
  213. package/dist/components/JSON.svelte +12 -3
  214. package/dist/components/JSONSchema.svelte +12 -3
  215. package/dist/components/JWT.svelte +12 -3
  216. package/dist/components/Jasmine.svelte +12 -3
  217. package/dist/components/Java.svelte +12 -3
  218. package/dist/components/JavaScript.svelte +12 -3
  219. package/dist/components/Jest.svelte +12 -3
  220. package/dist/components/JetBrains.svelte +12 -3
  221. package/dist/components/JetBrainsFleet.svelte +12 -3
  222. package/dist/components/JetBrainsPhpStorm.svelte +12 -3
  223. package/dist/components/JetBrainsPyCharm.svelte +12 -3
  224. package/dist/components/JetBrainsRider.svelte +12 -3
  225. package/dist/components/JetBrainsRubyMine.svelte +12 -3
  226. package/dist/components/JetBrainsWebStorm.svelte +12 -3
  227. package/dist/components/JetbrainsSpace.svelte +12 -3
  228. package/dist/components/Julia.svelte +12 -3
  229. package/dist/components/Keycloak.svelte +12 -3
  230. package/dist/components/KiboUI.svelte +16 -0
  231. package/dist/components/Kick.svelte +12 -3
  232. package/dist/components/KiloCode.svelte +16 -0
  233. package/dist/components/Kimi.svelte +16 -0
  234. package/dist/components/KokonutUI.svelte +16 -0
  235. package/dist/components/Kotlin.svelte +12 -3
  236. package/dist/components/KrakenJS.svelte +12 -3
  237. package/dist/components/Kubernetes.svelte +12 -3
  238. package/dist/components/Laravel.svelte +12 -3
  239. package/dist/components/Layers.svelte +12 -3
  240. package/dist/components/LeapWallet.svelte +12 -3
  241. package/dist/components/LearnThis.svelte +12 -3
  242. package/dist/components/LemonSqueezy.svelte +12 -3
  243. package/dist/components/Lightroom.svelte +12 -3
  244. package/dist/components/Linear.svelte +12 -3
  245. package/dist/components/Link.svelte +12 -3
  246. package/dist/components/LinkedIn.svelte +12 -3
  247. package/dist/components/Linux.svelte +12 -3
  248. package/dist/components/Lit.svelte +12 -3
  249. package/dist/components/Litecoin.svelte +12 -3
  250. package/dist/components/Locofy.svelte +12 -3
  251. package/dist/components/Loom.svelte +12 -3
  252. package/dist/components/LottieFiles.svelte +19 -0
  253. package/dist/components/Lottielab.svelte +12 -3
  254. package/dist/components/Lovable.svelte +16 -0
  255. package/dist/components/Lua.svelte +12 -3
  256. package/dist/components/MagicUI.svelte +12 -3
  257. package/dist/components/Manifest.svelte +17 -0
  258. package/dist/components/Mantine.svelte +16 -0
  259. package/dist/components/ManzDev.svelte +12 -3
  260. package/dist/components/MariaDB.svelte +12 -3
  261. package/dist/components/Markdown.svelte +12 -3
  262. package/dist/components/Mastodon.svelte +12 -3
  263. package/dist/components/MaterialUI.svelte +12 -3
  264. package/dist/components/Matlab.svelte +12 -3
  265. package/dist/components/Matrix.svelte +12 -3
  266. package/dist/components/Mattermost.svelte +12 -3
  267. package/dist/components/MediaWiki.svelte +12 -3
  268. package/dist/components/Medusa.svelte +12 -3
  269. package/dist/components/MercadoLibre.svelte +16 -0
  270. package/dist/components/MercadoPago.svelte +12 -3
  271. package/dist/components/Mermaid.svelte +12 -3
  272. package/dist/components/Messenger.svelte +12 -3
  273. package/dist/components/Meta.svelte +12 -3
  274. package/dist/components/MetaMask.svelte +12 -3
  275. package/dist/components/Microsoft.svelte +12 -3
  276. package/dist/components/MicrosoftAccess.svelte +16 -0
  277. package/dist/components/MicrosoftAzure.svelte +12 -3
  278. package/dist/components/MicrosoftClipchamp.svelte +16 -0
  279. package/dist/components/MicrosoftCopilot.svelte +16 -0
  280. package/dist/components/MicrosoftDefender.svelte +16 -0
  281. package/dist/components/MicrosoftDesigner.svelte +16 -0
  282. package/dist/components/MicrosoftEditor.svelte +16 -0
  283. package/dist/components/MicrosoftExcel.svelte +16 -0
  284. package/dist/components/MicrosoftNET.svelte +16 -0
  285. package/dist/components/MicrosoftOneDrive.svelte +16 -0
  286. package/dist/components/MicrosoftOneNote.svelte +16 -0
  287. package/dist/components/MicrosoftOutlook.svelte +16 -0
  288. package/dist/components/MicrosoftPowerPoint.svelte +16 -0
  289. package/dist/components/MicrosoftSQLServer.svelte +12 -3
  290. package/dist/components/MicrosoftSharePoint.svelte +16 -0
  291. package/dist/components/MicrosoftTeams.svelte +16 -0
  292. package/dist/components/MicrosoftTodo.svelte +12 -3
  293. package/dist/components/MicrosoftWord.svelte +16 -0
  294. package/dist/components/Midday.svelte +12 -3
  295. package/dist/components/Midudev.svelte +12 -3
  296. package/dist/components/Milanote.svelte +12 -3
  297. package/dist/components/Million.svelte +12 -3
  298. package/dist/components/Mintlify.svelte +29 -9
  299. package/dist/components/MistralAI.svelte +12 -3
  300. package/dist/components/Mocha.svelte +19 -0
  301. package/dist/components/ModelContextProtocol.svelte +16 -0
  302. package/dist/components/Monero.svelte +12 -3
  303. package/dist/components/MongoDB.svelte +12 -3
  304. package/dist/components/Monkeytype.svelte +12 -3
  305. package/dist/components/Moon.svelte +12 -3
  306. package/dist/components/Motion.svelte +12 -3
  307. package/dist/components/Mulesoft.svelte +56 -0
  308. package/dist/components/MySQL.svelte +12 -7
  309. package/dist/components/N8n.svelte +16 -0
  310. package/dist/components/NHost.svelte +12 -3
  311. package/dist/components/NPM.svelte +12 -3
  312. package/dist/components/NVIDIA.svelte +16 -0
  313. package/dist/components/Neon.svelte +12 -3
  314. package/dist/components/Neovim.svelte +12 -3
  315. package/dist/components/NestJS.svelte +12 -3
  316. package/dist/components/Netflix.svelte +12 -3
  317. package/dist/components/Netlify.svelte +12 -3
  318. package/dist/components/Nextjs.svelte +12 -23
  319. package/dist/components/Nginx.svelte +17 -0
  320. package/dist/components/Ngrok.svelte +12 -3
  321. package/dist/components/Nodejs.svelte +12 -3
  322. package/dist/components/Notion.svelte +12 -3
  323. package/dist/components/Nuget.svelte +12 -3
  324. package/dist/components/Nuqs.svelte +12 -3
  325. package/dist/components/Nuxt.svelte +12 -3
  326. package/dist/components/NuxtContent.svelte +30 -0
  327. package/dist/components/NuxtHub.svelte +19 -0
  328. package/dist/components/NuxtStudio.svelte +29 -0
  329. package/dist/components/NuxtUI.svelte +25 -0
  330. package/dist/components/Nx.svelte +12 -3
  331. package/dist/components/OBS.svelte +12 -3
  332. package/dist/components/Obsidian.svelte +12 -3
  333. package/dist/components/Ollama.svelte +12 -3
  334. package/dist/components/OnePassword.svelte +12 -3
  335. package/dist/components/OpenAI.svelte +12 -3
  336. package/dist/components/OpenBootcamp.svelte +12 -3
  337. package/dist/components/OpenHunts.svelte +37 -0
  338. package/dist/components/OpenRouter.svelte +35 -0
  339. package/dist/components/OpenSea.svelte +12 -3
  340. package/dist/components/OpenWebUI.svelte +12 -3
  341. package/dist/components/Opera.svelte +12 -3
  342. package/dist/components/Outlook.svelte +12 -3
  343. package/dist/components/Oxc.svelte +12 -3
  344. package/dist/components/PDF.svelte +16 -0
  345. package/dist/components/PM2.svelte +12 -3
  346. package/dist/components/PandaCSS.svelte +12 -3
  347. package/dist/components/Paper.svelte +16 -0
  348. package/dist/components/Parcel.svelte +12 -3
  349. package/dist/components/Patreon.svelte +12 -3
  350. package/dist/components/PayPal.svelte +12 -3
  351. package/dist/components/PayloadCMS.svelte +12 -3
  352. package/dist/components/Peerlist.svelte +12 -3
  353. package/dist/components/Penpot.svelte +12 -3
  354. package/dist/components/PerplexityAI.svelte +12 -3
  355. package/dist/components/Perspective.svelte +16 -0
  356. package/dist/components/Photoshop.svelte +12 -3
  357. package/dist/components/Php.svelte +12 -3
  358. package/dist/components/Pinia.svelte +12 -3
  359. package/dist/components/Pinterest.svelte +12 -3
  360. package/dist/components/Pitch.svelte +12 -3
  361. package/dist/components/PlainSignal.svelte +25 -0
  362. package/dist/components/PlanetScale.svelte +12 -3
  363. package/dist/components/Platzi.svelte +12 -3
  364. package/dist/components/PlayStation.svelte +12 -3
  365. package/dist/components/Playwright.svelte +12 -3
  366. package/dist/components/Pnpm.svelte +12 -3
  367. package/dist/components/Pocketbase.svelte +12 -3
  368. package/dist/components/Polar.svelte +12 -3
  369. package/dist/components/Polars.svelte +12 -3
  370. package/dist/components/Polygon.svelte +12 -3
  371. package/dist/components/Poper.svelte +12 -3
  372. package/dist/components/PostCSS.svelte +12 -3
  373. package/dist/components/PostHog.svelte +12 -3
  374. package/dist/components/PostgreSQL.svelte +12 -3
  375. package/dist/components/Postman.svelte +12 -3
  376. package/dist/components/PowerShell.svelte +12 -3
  377. package/dist/components/PowerSync.svelte +16 -0
  378. package/dist/components/PowerToys.svelte +12 -3
  379. package/dist/components/Preact.svelte +12 -3
  380. package/dist/components/Premiere.svelte +12 -3
  381. package/dist/components/Prettier.svelte +12 -3
  382. package/dist/components/Primevideo.svelte +12 -3
  383. package/dist/components/Prisma.svelte +12 -3
  384. package/dist/components/Procure.svelte +12 -3
  385. package/dist/components/ProductHunt.svelte +12 -3
  386. package/dist/components/Pulumi.svelte +12 -3
  387. package/dist/components/Putio.svelte +12 -3
  388. package/dist/components/PyCharm.svelte +12 -3
  389. package/dist/components/Python.svelte +12 -3
  390. package/dist/components/Qdrant.svelte +33 -0
  391. package/dist/components/Qt.svelte +12 -3
  392. package/dist/components/Qwen.svelte +12 -3
  393. package/dist/components/Qwik.svelte +12 -3
  394. package/dist/components/R.svelte +12 -3
  395. package/dist/components/RadixUI.svelte +12 -3
  396. package/dist/components/Railway.svelte +12 -3
  397. package/dist/components/Raindropio.svelte +12 -3
  398. package/dist/components/Randevum.svelte +12 -3
  399. package/dist/components/RapidAPI.svelte +12 -3
  400. package/dist/components/RaspberryPI.svelte +12 -3
  401. package/dist/components/Raycast.svelte +12 -3
  402. package/dist/components/React.svelte +12 -3
  403. package/dist/components/ReactQuery.svelte +12 -3
  404. package/dist/components/ReactRouter.svelte +12 -3
  405. package/dist/components/ReactWheelPicker.svelte +16 -0
  406. package/dist/components/Reddit.svelte +12 -3
  407. package/dist/components/Redis.svelte +12 -3
  408. package/dist/components/Redux.svelte +12 -3
  409. package/dist/components/RedwoodJS.svelte +12 -3
  410. package/dist/components/Refine.svelte +12 -3
  411. package/dist/components/Reflex.svelte +12 -3
  412. package/dist/components/RelaGit.svelte +12 -3
  413. package/dist/components/Remix.svelte +12 -3
  414. package/dist/components/Remotion.svelte +12 -3
  415. package/dist/components/Replicate.svelte +12 -3
  416. package/dist/components/Replit.svelte +12 -3
  417. package/dist/components/Resend.svelte +12 -3
  418. package/dist/components/Roblox.svelte +12 -3
  419. package/dist/components/Rolldown.svelte +12 -3
  420. package/dist/components/Rowy.svelte +12 -3
  421. package/dist/components/Rsbuild.svelte +16 -0
  422. package/dist/components/Rspack.svelte +16 -0
  423. package/dist/components/Ruby.svelte +12 -3
  424. package/dist/components/Runway.svelte +12 -3
  425. package/dist/components/Rust.svelte +12 -3
  426. package/dist/components/RxJS.svelte +12 -3
  427. package/dist/components/SQLite.svelte +12 -3
  428. package/dist/components/SST.svelte +12 -3
  429. package/dist/components/SVG.svelte +12 -3
  430. package/dist/components/SWC.svelte +12 -3
  431. package/dist/components/SWR.svelte +12 -3
  432. package/dist/components/Safari.svelte +12 -3
  433. package/dist/components/Salesforce.svelte +12 -3
  434. package/dist/components/Sanity.svelte +12 -3
  435. package/dist/components/Sass.svelte +12 -3
  436. package/dist/components/Scala.svelte +12 -3
  437. package/dist/components/Sentry.svelte +12 -3
  438. package/dist/components/Sequelize.svelte +12 -3
  439. package/dist/components/Shadcnui.svelte +12 -3
  440. package/dist/components/Shiki.svelte +12 -3
  441. package/dist/components/Shopify.svelte +12 -3
  442. package/dist/components/Sketch.svelte +12 -3
  443. package/dist/components/Sky.svelte +12 -3
  444. package/dist/components/Skype.svelte +12 -3
  445. package/dist/components/Slack.svelte +12 -3
  446. package/dist/components/Snapchat.svelte +12 -3
  447. package/dist/components/SocketIO.svelte +16 -0
  448. package/dist/components/Solana.svelte +12 -3
  449. package/dist/components/Soldera.svelte +16 -0
  450. package/dist/components/Solidity.svelte +12 -3
  451. package/dist/components/Solidjs.svelte +12 -3
  452. package/dist/components/SoundCloud.svelte +12 -3
  453. package/dist/components/Sourcegraph.svelte +12 -3
  454. package/dist/components/Spinnaker.svelte +12 -3
  455. package/dist/components/Spotify.svelte +12 -3
  456. package/dist/components/Spring.svelte +12 -3
  457. package/dist/components/StabilityAI.svelte +12 -3
  458. package/dist/components/StackOverflow.svelte +12 -3
  459. package/dist/components/Stackblitz.svelte +12 -3
  460. package/dist/components/Statelyai.svelte +12 -3
  461. package/dist/components/Steam.svelte +12 -3
  462. package/dist/components/Stimulus.svelte +12 -3
  463. package/dist/components/Storyblok.svelte +12 -3
  464. package/dist/components/Storybook.svelte +12 -3
  465. package/dist/components/Strapi.svelte +12 -3
  466. package/dist/components/Stripe.svelte +12 -3
  467. package/dist/components/StyledComponents.svelte +12 -3
  468. package/dist/components/SublimeText.svelte +12 -3
  469. package/dist/components/Suno.svelte +12 -3
  470. package/dist/components/Supabase.svelte +12 -3
  471. package/dist/components/Surrealdb.svelte +12 -3
  472. package/dist/components/Svelte.svelte +12 -3
  473. package/dist/components/Svgl.svelte +12 -3
  474. package/dist/components/Swagger.svelte +12 -3
  475. package/dist/components/Swift.svelte +12 -3
  476. package/dist/components/T3Stack.svelte +12 -3
  477. package/dist/components/TIDAL.svelte +12 -3
  478. package/dist/components/TRPC.svelte +12 -3
  479. package/dist/components/Tabby.svelte +12 -3
  480. package/dist/components/TailwindCSS.svelte +12 -3
  481. package/dist/components/TanStack.svelte +12 -3
  482. package/dist/components/Tauri.svelte +12 -3
  483. package/dist/components/Telegram.svelte +12 -3
  484. package/dist/components/TensorFlow.svelte +12 -3
  485. package/dist/components/Terraform.svelte +12 -3
  486. package/dist/components/Tether.svelte +12 -3
  487. package/dist/components/Threads.svelte +12 -3
  488. package/dist/components/Threejs.svelte +12 -3
  489. package/dist/components/TikTok.svelte +12 -3
  490. package/dist/components/Tina.svelte +12 -3
  491. package/dist/components/Todoist.svelte +12 -3
  492. package/dist/components/TogetherAI.svelte +12 -3
  493. package/dist/components/Ton.svelte +12 -3
  494. package/dist/components/Tor.svelte +12 -3
  495. package/dist/components/TravelPerk.svelte +16 -0
  496. package/dist/components/Tron.svelte +12 -3
  497. package/dist/components/TrustPilot.svelte +12 -3
  498. package/dist/components/TrustWallet.svelte +12 -3
  499. package/dist/components/Turbopack.svelte +12 -3
  500. package/dist/components/Turborepo.svelte +12 -3
  501. package/dist/components/Turso.svelte +12 -3
  502. package/dist/components/Twilio.svelte +12 -3
  503. package/dist/components/Twitch.svelte +12 -3
  504. package/dist/components/Twitter.svelte +12 -3
  505. package/dist/components/TypeGPU.svelte +12 -3
  506. package/dist/components/TypeORM.svelte +12 -3
  507. package/dist/components/TypeScript.svelte +12 -3
  508. package/dist/components/Typesense.svelte +12 -3
  509. package/dist/components/UV.svelte +19 -0
  510. package/dist/components/UXAnaRangel.svelte +12 -3
  511. package/dist/components/UXCorpRangel.svelte +12 -3
  512. package/dist/components/Uber.svelte +12 -3
  513. package/dist/components/Ubuntu.svelte +12 -3
  514. package/dist/components/Udacity.svelte +12 -3
  515. package/dist/components/Udemy.svelte +12 -3
  516. package/dist/components/UnJS.svelte +17 -0
  517. package/dist/components/Unity.svelte +12 -3
  518. package/dist/components/UnoCSS.svelte +12 -3
  519. package/dist/components/UnrealEngine.svelte +12 -3
  520. package/dist/components/UpLeveled.svelte +12 -3
  521. package/dist/components/Upstash.svelte +12 -3
  522. package/dist/components/V0.svelte +12 -3
  523. package/dist/components/VK.svelte +12 -3
  524. package/dist/components/VSCodium.svelte +12 -3
  525. package/dist/components/Valibot.svelte +12 -3
  526. package/dist/components/Vercel.svelte +12 -3
  527. package/dist/components/Vim.svelte +12 -3
  528. package/dist/components/VisualStudio.svelte +12 -3
  529. package/dist/components/VisualStudioCode.svelte +12 -3
  530. package/dist/components/Vite.svelte +12 -3
  531. package/dist/components/Vitest.svelte +12 -3
  532. package/dist/components/Vivaldi.svelte +12 -3
  533. package/dist/components/Voicemod.svelte +12 -3
  534. package/dist/components/Volta.svelte +12 -3
  535. package/dist/components/Vue.svelte +12 -3
  536. package/dist/components/VueUse.svelte +12 -3
  537. package/dist/components/Vuetify.svelte +12 -3
  538. package/dist/components/WakaTime.svelte +16 -0
  539. package/dist/components/Warp.svelte +12 -3
  540. package/dist/components/WebComponents.svelte +12 -3
  541. package/dist/components/WebGL.svelte +16 -0
  542. package/dist/components/WebKit.svelte +12 -3
  543. package/dist/components/Webdev.svelte +12 -3
  544. package/dist/components/Webflow.svelte +12 -3
  545. package/dist/components/WhatsApp.svelte +12 -3
  546. package/dist/components/Whop.svelte +12 -3
  547. package/dist/components/WindiCSS.svelte +12 -3
  548. package/dist/components/Windows.svelte +12 -3
  549. package/dist/components/Windsurf.svelte +12 -3
  550. package/dist/components/WordPress.svelte +12 -3
  551. package/dist/components/WorkOS.svelte +12 -3
  552. package/dist/components/XAIGrok.svelte +12 -3
  553. package/dist/components/XD.svelte +12 -3
  554. package/dist/components/XRP.svelte +12 -3
  555. package/dist/components/XState.svelte +12 -3
  556. package/dist/components/Xbox.svelte +12 -3
  557. package/dist/components/XformerlyTwitter.svelte +12 -3
  558. package/dist/components/YGeeker.svelte +12 -3
  559. package/dist/components/Yarn.svelte +12 -3
  560. package/dist/components/YouTube.svelte +12 -3
  561. package/dist/components/YoutubeMusic.svelte +12 -3
  562. package/dist/components/Zeabur.svelte +12 -3
  563. package/dist/components/Zed.svelte +12 -3
  564. package/dist/components/ZenBrowser.svelte +12 -3
  565. package/dist/components/Zig.svelte +12 -3
  566. package/dist/components/Zod.svelte +12 -3
  567. package/dist/components/Zoom.svelte +12 -3
  568. package/dist/components/Zulip.svelte +17 -0
  569. package/dist/components/Zyft.svelte +16 -0
  570. package/dist/index.d.ts +73 -1
  571. package/dist/index.js +73 -1
  572. package/dist/utils/componentTemplate.js +2 -2
  573. package/dist/utils/parseSvgContent.js +10 -3
  574. package/package.json +29 -26
  575. package/dist/components/Socketio.svelte +0 -10
@@ -0,0 +1,16 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 4 43.998 40" width="${width}" height="${height}" ${restAttrs}><path fill="url(#a)" d="M34.142 7.325A4.63 4.63 0 0 0 29.7 4h-1.35a4.63 4.63 0 0 0-4.554 3.794L21.48 20.407l.575-1.965a4.63 4.63 0 0 1 4.444-3.33h7.853l3.294 1.282 3.175-1.283h-.926a4.63 4.63 0 0 1-4.443-3.325l-1.31-4.461z"/><path fill="url(#b)" d="M14.33 40.656A4.63 4.63 0 0 0 18.779 44h2.87a4.63 4.63 0 0 0 4.629-4.51l.312-12.163-.654 2.233a4.63 4.63 0 0 1-4.443 3.329h-7.919l-2.823-1.532-3.057 1.532h.912a4.63 4.63 0 0 1 4.447 3.344l1.279 4.423z"/><path fill="url(#c)" d="M29.5 4H13.46c-4.583 0-7.332 6.057-9.165 12.113C2.123 23.29-.72 32.885 7.503 32.885h6.925a4.63 4.63 0 0 0 4.456-3.358 2078.617 2078.617 0 0 1 4.971-17.156c.843-2.843 1.544-5.284 2.621-6.805C27.08 4.714 28.086 4 29.5 4z"/><path fill="url(#d)" d="M29.5 4H13.46c-4.583 0-7.332 6.057-9.165 12.113C2.123 23.29-.72 32.885 7.503 32.885h6.925a4.63 4.63 0 0 0 4.456-3.358 2078.617 2078.617 0 0 1 4.971-17.156c.843-2.843 1.544-5.284 2.621-6.805C27.08 4.714 28.086 4 29.5 4z"/><path fill="url(#e)" d="M18.498 44h16.04c4.582 0 7.332-6.058 9.165-12.115 2.171-7.177 5.013-16.775-3.208-16.775h-6.926a4.63 4.63 0 0 0-4.455 3.358 2084.036 2084.036 0 0 1-4.972 17.16c-.842 2.843-1.544 5.285-2.62 6.806-.604.852-1.61 1.566-3.024 1.566z"/><path fill="url(#f)" d="M18.498 44h16.04c4.582 0 7.332-6.058 9.165-12.115 2.171-7.177 5.013-16.775-3.208-16.775h-6.926a4.63 4.63 0 0 0-4.455 3.358 2084.036 2084.036 0 0 1-4.972 17.16c-.842 2.843-1.544 5.285-2.62 6.806-.604.852-1.61 1.566-3.024 1.566z"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(-10.96051 -13.38922 12.59013 -10.30637 38.005 20.514)" gradientUnits="userSpaceOnUse"><stop offset=".096" stop-color="#00AEFF"/><stop offset=".773" stop-color="#2253CE"/><stop offset="1" stop-color="#0736C4"/></radialGradient><radialGradient id="b" cx="0" cy="0" r="1" gradientTransform="rotate(51.84 -28.201 27.85) scale(15.9912 15.5119)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB657"/><stop offset=".634" stop-color="#FF5F3D"/><stop offset=".923" stop-color="#C02B3C"/></radialGradient><radialGradient id="e" cx="0" cy="0" r="1" gradientTransform="rotate(109.274 16.301 20.802) scale(38.3873 45.9867)" gradientUnits="userSpaceOnUse"><stop offset=".066" stop-color="#8C48FF"/><stop offset=".5" stop-color="#F2598A"/><stop offset=".896" stop-color="#FFB152"/></radialGradient><linearGradient id="c" x1="12.5" x2="14.788" y1="7.5" y2="33.975" gradientUnits="userSpaceOnUse"><stop offset=".156" stop-color="#0D91E1"/><stop offset=".487" stop-color="#52B471"/><stop offset=".652" stop-color="#98BD42"/><stop offset=".937" stop-color="#FFC800"/></linearGradient><linearGradient id="d" x1="14.5" x2="15.75" y1="4" y2="32.885" gradientUnits="userSpaceOnUse"><stop stop-color="#3DCBFF"/><stop offset=".247" stop-color="#0588F7" stop-opacity="0"/></linearGradient><linearGradient id="f" x1="42.586" x2="42.569" y1="13.346" y2="21.215" gradientUnits="userSpaceOnUse"><stop offset=".058" stop-color="#F8ADFA"/><stop offset=".708" stop-color="#A86EDD" stop-opacity="0"/></linearGradient></defs></svg>`;
14
+ </script>
15
+
16
+ {@html svgContent}
@@ -0,0 +1,16 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="8.003 2.981 80.001 90.037" width="${width}" height="${height}" ${restAttrs}><g clip-path="url(#a)"><path fill="url(#b)" d="M88.002 48.774V20.185c-40.576 15.86-55.41 27.966-51.375 66.149.2 1.889 1.323 3.585 3.047 4.384 3.204 1.484 6.094 2.3 8.328 2.3 11.429 0 40-21.347 40-44.244Z"/><path fill="url(#c)" fill-opacity=".6" d="M88.002 48.774V20.185c-40.576 15.86-55.41 27.966-51.375 66.149.2 1.889 1.323 3.585 3.047 4.384 3.204 1.484 6.094 2.3 8.328 2.3 11.429 0 40-21.347 40-44.244Z"/><path fill="url(#d)" d="M48.003 2.98c7.692 0 23.148 3.89 32.434 6.433.867.238 1.681.468 2.43.685 3.088.895 5.136 3.75 5.136 6.966v4.728c-.918 21.064-7.667 27.191-26.507 42.36-2.475 2.19-5.018 4.273-7.6 6.388-3.699 3.03-7.478 6.125-11.248 9.692a7.477 7.477 0 0 0 2.536 12.439 21.996 21.996 0 0 1-2.18-.615c-6.891-2.31-16.192-8.601-23.475-16.956-5.741-35.774 5.512-53.308 28.474-72.12Z"/><path fill="url(#e)" fill-opacity=".7" d="M48.003 2.98c7.692 0 23.148 3.89 32.434 6.433.867.238 1.681.468 2.43.685 3.088.895 5.136 3.75 5.136 6.966v4.728c-.918 21.064-7.667 27.191-26.507 42.36-2.475 2.19-5.018 4.273-7.6 6.388-3.699 3.03-7.478 6.125-11.248 9.692a7.477 7.477 0 0 0 2.536 12.439 21.996 21.996 0 0 1-2.18-.615c-6.891-2.31-16.192-8.601-23.475-16.956-5.741-35.774 5.512-53.308 28.474-72.12Z"/><path fill="url(#f)" fill-opacity=".7" d="M48.003 2.98c7.692 0 23.148 3.89 32.434 6.433.867.238 1.681.468 2.43.685 3.088.895 5.136 3.75 5.136 6.966v4.728c-.918 21.064-7.667 27.191-26.507 42.36-2.475 2.19-5.018 4.273-7.6 6.388-3.699 3.03-7.478 6.125-11.248 9.692a7.477 7.477 0 0 0 2.536 12.439 21.996 21.996 0 0 1-2.18-.615c-6.891-2.31-16.192-8.601-23.475-16.956-5.741-35.774 5.512-53.308 28.474-72.12Z"/><path fill="url(#g)" fill-opacity=".5" d="M48.003 2.98c7.692 0 23.148 3.89 32.434 6.433.867.238 1.681.468 2.43.685 3.088.895 5.136 3.75 5.136 6.966v4.728c-.918 21.064-7.667 27.191-26.507 42.36-2.475 2.19-5.018 4.273-7.6 6.388-3.699 3.03-7.478 6.125-11.248 9.692a7.477 7.477 0 0 0 2.536 12.439 21.996 21.996 0 0 1-2.18-.615c-6.891-2.31-16.192-8.601-23.475-16.956-5.741-35.774 5.512-53.308 28.474-72.12Z"/><path fill="url(#h)" d="M13.355 10.026c8.831-2.47 26.306-7.045 34.648-7.045.6 0 1.249.024 1.937.07 7.626.736 13.587 7.162 13.587 14.98 0 2.84-.786 5.495-2.152 7.76-2.92 5.82-7.7 10.394-14.974 16.382-2.09 1.72-4.485 3.62-6.873 5.512a520.123 520.123 0 0 0-6.488 5.196c-4.808 3.942-7.747 6.352-9.363 9.376a14.98 14.98 0 0 0-2.433 8.208c0 4.433 1.916 8.419 4.966 11.173.097.109.195.215.294.318l.08.119a69.562 69.562 0 0 1-2.867-2.593c-8.571-8.199-15.714-19.26-15.714-30.708V17.14c0-3.312 2.162-6.222 5.352-7.115Z"/><path fill="url(#i)" fill-opacity=".8" d="M13.355 10.026c8.831-2.47 26.306-7.045 34.648-7.045.6 0 1.249.024 1.937.07 7.626.736 13.587 7.162 13.587 14.98 0 2.84-.786 5.495-2.152 7.76-2.92 5.82-7.7 10.394-14.974 16.382-2.09 1.72-4.485 3.62-6.873 5.512a520.123 520.123 0 0 0-6.488 5.196c-4.808 3.942-7.747 6.352-9.363 9.376a14.98 14.98 0 0 0-2.433 8.208c0 4.433 1.916 8.419 4.966 11.173.097.109.195.215.294.318l.08.119a69.562 69.562 0 0 1-2.867-2.593c-8.571-8.199-15.714-19.26-15.714-30.708V17.14c0-3.312 2.162-6.222 5.352-7.115Z"/><path fill="url(#j)" fill-opacity=".5" d="M13.355 10.026c8.831-2.47 26.306-7.045 34.648-7.045.6 0 1.249.024 1.937.07 7.626.736 13.587 7.162 13.587 14.98 0 2.84-.786 5.495-2.152 7.76-2.92 5.82-7.7 10.394-14.974 16.382-2.09 1.72-4.485 3.62-6.873 5.512a520.123 520.123 0 0 0-6.488 5.196c-4.808 3.942-7.747 6.352-9.363 9.376a14.98 14.98 0 0 0-2.433 8.208c0 4.433 1.916 8.419 4.966 11.173.097.109.195.215.294.318l.08.119a69.562 69.562 0 0 1-2.867-2.593c-8.571-8.199-15.714-19.26-15.714-30.708V17.14c0-3.312 2.162-6.222 5.352-7.115Z"/></g><defs><radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="rotate(50.288 -33.238 85.948) scale(47.3395 141.525)" gradientUnits="userSpaceOnUse"><stop offset=".228" stop-color="#003375"/><stop offset=".434" stop-color="#003375" stop-opacity=".1"/></radialGradient><radialGradient id="d" cx="0" cy="0" r="1" gradientTransform="matrix(-74.68482 131.55458 -84.561 -48.00611 90.617 -21.486)" gradientUnits="userSpaceOnUse"><stop offset=".165" stop-color="#23C0FE"/><stop offset=".534" stop-color="#1C91FF"/></radialGradient><radialGradient id="e" cx="0" cy="0" r="1" gradientTransform="matrix(18.30716 17.30126 -30.78552 32.57538 39.202 32.728)" gradientUnits="userSpaceOnUse"><stop offset=".144" stop-color="#1B44B1"/><stop offset="1" stop-color="#045ED1" stop-opacity="0"/></radialGradient><radialGradient id="f" cx="0" cy="0" r="1" gradientTransform="rotate(28.894 -61.893 175.5) scale(56.7755 83.2193)" gradientUnits="userSpaceOnUse"><stop offset=".728" stop-color="#045ED1" stop-opacity="0"/><stop offset=".951" stop-color="#1B44B1"/></radialGradient><radialGradient id="g" cx="0" cy="0" r="1" gradientTransform="rotate(-111.097 37.844 -5.348) scale(91.9639 70.2953)" gradientUnits="userSpaceOnUse"><stop offset=".642" stop-color="#11A7FF" stop-opacity="0"/><stop offset=".796" stop-color="#6AB3FF"/></radialGradient><radialGradient id="h" cx="0" cy="0" r="1" gradientTransform="rotate(126.614 32.088 15.326) scale(110.394 123.275)" gradientUnits="userSpaceOnUse"><stop stop-color="#92EEFE"/><stop offset=".213" stop-color="#35DDFF"/><stop offset=".612" stop-color="#15BDFB"/><stop offset=".803" stop-color="#08B1F9"/></radialGradient><radialGradient id="j" cx="0" cy="0" r="1" gradientTransform="rotate(-87.723 29.193 -13.868) scale(86.6628 45.9894)" gradientUnits="userSpaceOnUse"><stop offset=".658" stop-color="#92DEFF" stop-opacity="0"/><stop offset=".852" stop-color="#92DEFF"/></radialGradient><linearGradient id="b" x1="83.893" x2="30.76" y1="46.36" y2="88.944" gradientUnits="userSpaceOnUse"><stop offset=".716" stop-color="#143DE0"/><stop offset=".978" stop-color="#003375"/></linearGradient><linearGradient id="i" x1="37.927" x2="8.003" y1="34.39" y2="34.39" gradientUnits="userSpaceOnUse"><stop offset=".111" stop-color="#22CBFD" stop-opacity="0"/><stop offset=".971" stop-color="#92DEFF"/></linearGradient><clipPath id="a"><path fill="#fff" d="M0 0h96v96H0z"/></clipPath></defs></svg>`;
14
+ </script>
15
+
16
+ {@html svgContent}
@@ -0,0 +1,16 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 512 512" width="${width}" height="${height}" ${restAttrs}><g clip-path="url(#a)"><g clip-path="url(#b)"><path fill="url(#c)" fill-rule="evenodd" d="M440 415.811V247.996H240v8c-106.039 0-192 85.961-192 192v32c0 17.673 14.327 32 32 32h160c80.929 0 153.088-37.553 200-96.185Z" clip-rule="evenodd"/><path fill="url(#d)" fill-opacity=".5" fill-rule="evenodd" d="M440 415.811V247.996H240v8c-106.039 0-192 85.961-192 192v32c0 17.673 14.327 32 32 32h160c80.929 0 153.088-37.553 200-96.185Z" clip-rule="evenodd"/><path fill="url(#e)" d="M240-.004H80c-17.673 0-32 14.327-32 32v32c0 106.039 85.961 192 192 192h72c70.692 0 128 57.308 128 128 0 13.657-2.139 26.814-6.1 39.155 38.699-44.85 62.1-103.269 62.1-167.155 0-141.385-114.615-256-256-256Z"/><path fill="url(#f)" fill-opacity=".5" d="M240-.004H80c-17.673 0-32 14.327-32 32v32c0 106.039 85.961 192 192 192h72c70.692 0 128 57.308 128 128 0 13.657-2.139 26.814-6.1 39.155 38.699-44.85 62.1-103.269 62.1-167.155 0-141.385-114.615-256-256-256Z"/></g></g><defs><radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="rotate(-39.174 769.69 197.887) scale(417.938 512.42)" gradientUnits="userSpaceOnUse"><stop offset=".045" stop-color="#AD7DFF"/><stop offset=".328" stop-color="#6864F6"/><stop offset=".571" stop-color="#5750E2"/><stop offset=".809" stop-color="#3E36B1"/><stop offset="1" stop-color="#261D82"/></radialGradient><radialGradient id="d" cx="0" cy="0" r="1" gradientTransform="rotate(-160.304 281.777 209.998) scale(481.906)" gradientUnits="userSpaceOnUse"><stop offset=".706" stop-color="#AC80FF" stop-opacity="0"/><stop offset=".921" stop-color="#BD96FF"/></radialGradient><radialGradient id="e" cx="0" cy="0" r="1" gradientTransform="rotate(38.202 1.73 77.015) scale(570.097 471.102)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC470"/><stop offset=".251" stop-color="#FF835C"/><stop offset=".584" stop-color="#F24A9D"/><stop offset=".871" stop-color="#B339F0"/><stop offset="1" stop-color="#C354FF"/></radialGradient><radialGradient id="f" cx="0" cy="0" r="1" gradientTransform="matrix(-365.33125 -254.66907 241.84112 -346.92913 231.792 366.661)" gradientUnits="userSpaceOnUse"><stop offset=".709" stop-color="#FFB357" stop-opacity="0"/><stop offset=".942" stop-color="#FFB357"/></radialGradient><clipPath id="a"><path fill="#fff" d="M0 0h512v512H0z"/></clipPath><clipPath id="b"><path fill="#fff" d="M0 0h512v512H0z"/></clipPath></defs></svg>`;
14
+ </script>
15
+
16
+ {@html svgContent}
@@ -0,0 +1,16 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0.467 0.473 46.061 47.05" width="${width}" height="${height}" ${restAttrs}><g clip-path="url(#a)"><path fill="#103F91" d="M26.049 34.242H8.64v8.192h17.408a4.108 4.108 0 0 0 4.096-4.096 4.108 4.108 0 0 0-4.096-4.096Z"/><path fill="#185ABD" d="M42.432 11.715H24v8.192h18.432a4.108 4.108 0 0 0 4.096-4.096 4.108 4.108 0 0 0-4.096-4.096ZM34.24 22.977H16.832v8.192H34.24a4.108 4.108 0 0 0 4.096-4.096 4.108 4.108 0 0 0-4.096-4.096Z"/><mask id="b" width="39" height="32" x="8" y="11" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M30.145 38.339a4.108 4.108 0 0 1-4.096 4.096H8.64v-8.192h17.408a4.108 4.108 0 0 1 4.096 4.096Zm12.288-26.624H24v8.192h18.432a4.108 4.108 0 0 0 4.096-4.096 4.108 4.108 0 0 0-4.096-4.096ZM34.24 22.979H16.833v8.192H34.24a4.108 4.108 0 0 0 4.096-4.096 4.108 4.108 0 0 0-4.096-4.096Z"/></mask><g mask="url(#b)"><path fill="#fff" d="M1.934 47.044c-.205 0-.589-.153-.691-.23-.154-.128-.307-.358-.307-.435l1.1-3.584-.281-.205c-.077-.051-.103-.154-.077-.256l2.304-7.68L26.049 4.42l2.407-3.302c.102-.102.128-.102.307-.102.69.05 5.785 2.97 7.552 5.401.153.205.153.256.153.282l-2.227 3.097-.205.282-21.99 30.26-6.58 4.71c-.025.025-.076.025-.102.025a.196.196 0 0 1-.128-.051l-.281-.154-3.021 2.253v-.077Z" opacity=".48"/><path fill="#fff" d="M1.934 47.044c-.205 0-.589-.153-.691-.23-.154-.128-.307-.358-.307-.435l1.1-3.584-.281-.205c-.077-.051-.103-.154-.077-.256l2.304-7.68L26.049 4.42l2.407-3.302c.102-.102.128-.102.307-.102.69.05 5.785 2.97 7.552 5.401.153.205.153.256.153.282l-2.227 3.097-.205.282-21.99 30.26-6.58 4.71c-.025.025-.076.025-.102.025a.196.196 0 0 1-.128-.051l-.281-.154-3.021 2.253v-.077Z" opacity=".24"/></g><path fill="#41A5EE" d="M2.65 45.2 20.52 24.797l13.26-16.742-7.218-4.532-.896.538L3.52 34.397l-2.33 7.782a.73.73 0 0 0 .282.794L2.65 45.2Z"/><path fill="#2B7CD3" d="M4.953 45.453c.256.154.563.154.794-.025l6.656-4.736 22.041-30.336-3.917-4.352-27.724 38.4 2.15 1.05Z"/><path fill="#103F91" d="m34.445 10.33 2.432-3.354c.205-.281.102-.537-.154-.896C34.907 3.572 29.48.397 28.763.474c-.333.026-.41.026-.691.282l-2.432 3.353 8.806 6.221ZM4.415 42.18l-2.944.793-.999 3.328c-.05.282.256.691.487.87.23.18.947.462 1.254.308l2.765-2.048c-.026.026-.563-3.251-.563-3.251Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h48v48H0z"/></clipPath></defs></svg>`;
14
+ </script>
15
+
16
+ {@html svgContent}
@@ -0,0 +1,16 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" data-name="Слой 1" viewBox="0 0 486 500" width="${width}" height="${height}" ${restAttrs}><defs><radialGradient id="a" cx="-746.66" cy="781.44" r="13.89" data-name="Безымянный градиент" fx="-746.66" fy="781.44" gradientTransform="matrix(-28.32596 -29.80763 -23.11916 21.97986 -2596.39 -38900.31)" gradientUnits="userSpaceOnUse"><stop offset=".06" stop-color="#379539"/><stop offset=".42" stop-color="#297c2d"/><stop offset=".7" stop-color="#15561c"/></radialGradient><radialGradient id="b" cx="-773.19" cy="771.25" r="13.89" data-name="Безымянный градиент 2" fx="-773.19" fy="771.25" gradientTransform="matrix(-11.97612 -11.58137 -8.95853 9.26806 -2155.12 -15858.88)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#073b10"/><stop offset=".99" stop-color="#084a13" stop-opacity="0"/></radialGradient><radialGradient id="f" cx="-824.11" cy="810.99" r="13.89" data-name="Безымянный градиент 6" fx="-824.11" fy="810.99" gradientTransform="matrix(-9.02 0 0 19.09 -7120.4 -15378.69)" gradientUnits="userSpaceOnUse"><stop offset=".29" stop-color="#4eb43b"/><stop offset="1" stop-color="#72cc61" stop-opacity="0"/></radialGradient><radialGradient id="h" cx="-769.14" cy="808.9" r="13.89" data-name="Безымянный градиент 8" fx="-769.14" fy="808.9" gradientTransform="matrix(-16.9077 -13.68182 13.64112 -16.86345 -23523.37 3309.71)" gradientUnits="userSpaceOnUse"><stop offset=".44" stop-color="#79e96d"/><stop offset="1" stop-color="#d0eb76"/></radialGradient><radialGradient id="i" cx="-675.64" cy="793.28" r="13.89" data-name="Безымянный градиент 9" fx="-675.64" fy="793.28" gradientTransform="matrix(15.99196 15.99755 45.54153 -45.54797 -25315.85 47178.18)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#20a85e"/><stop offset=".94" stop-color="#09442a"/></radialGradient><radialGradient id="j" cx="-657.62" cy="853.99" r="13.89" data-name="Безымянный градиент 10" fx="-657.62" fy="853.99" gradientTransform="matrix(0 11.2 12.9 0 -10902.85 7734.8)" gradientUnits="userSpaceOnUse"><stop offset=".58" stop-color="#33a662" stop-opacity="0"/><stop offset=".97" stop-color="#98f0b0"/></radialGradient><linearGradient id="c" x1="69.43" x2="260.84" y1="210.33" y2="210.33" data-name="Безымянный градиент 3" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#52d17c"/><stop offset=".33" stop-color="#4aa647"/></linearGradient><linearGradient id="d" x1="194.4" x2="194.4" y1="335.33" y2="161.68" data-name="Безымянный градиент 4" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#29852f"/><stop offset=".5" stop-color="#4aa647" stop-opacity="0"/></linearGradient><linearGradient id="e" x1="80.49" x2="311.45" y1="297.22" y2="497.54" data-name="Безымянный градиент 5" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#66d052"/><stop offset="1" stop-color="#85e972"/></linearGradient><linearGradient id="g" x1="182.11" x2="69.43" y1="377" y2="377" data-name="Безымянный градиент 7" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset=".18" stop-color="#c0e075" stop-opacity="0"/><stop offset="1" stop-color="#d1eb95"/></linearGradient></defs><path d="M69.43 159.72c0-34.52 27.98-62.5 62.49-62.5h354.09v361.11c0 23.01-18.65 41.67-41.66 41.67H152.74c-46.01 0-83.31-37.31-83.31-83.33V159.72Z" style="fill:url(#a)"/><path d="M69.43 159.72c0-34.52 27.98-62.5 62.49-62.5h354.09v361.11c0 23.01-18.65 41.67-41.66 41.67H152.74c-46.01 0-83.31-37.31-83.31-83.33V159.72Z" style="fill:url(#b);fill-opacity:.7"/><path d="M69.43 229.17c0-34.52 27.98-62.5 62.49-62.5h187.46c-23.01 0-41.66 18.66-41.66 41.67v83.33c0 23.01-18.65 41.67-41.66 41.67h-83.31c-46.01 0-83.31 37.31-83.31 83.33v-187.5Z" style="fill:url(#c)"/><path d="M69.43 229.17c0-34.52 27.98-62.5 62.49-62.5h187.46c-23.01 0-41.66 18.66-41.66 41.67v83.33c0 23.01-18.65 41.67-41.66 41.67h-83.31c-46.01 0-83.31 37.31-83.31 83.33v-187.5Z" style="fill:url(#d);fill-opacity:.3"/><path d="M69.43 83.33C69.43 37.31 106.73 0 152.74 0h166.63v166.67H152.74c-46.01 0-83.31 37.31-83.31 83.33V83.33Z" style="fill:url(#e)"/><path d="M69.43 83.33C69.43 37.31 106.73 0 152.74 0h166.63v166.67H152.74c-46.01 0-83.31 37.31-83.31 83.33V83.33Z" style="fill:url(#f)"/><path d="M69.43 83.33C69.43 37.31 106.73 0 152.74 0h166.63v166.67H152.74c-46.01 0-83.31 37.31-83.31 83.33V83.33Z" style="fill:url(#g)"/><rect width="208.29" height="166.67" x="277.71" rx="41.66" ry="41.66" style="fill:url(#h)"/><rect width="222.17" height="222.22" y="236.11" rx="45.13" ry="45.13" style="fill:url(#i)"/><rect width="222.17" height="222.22" y="236.11" rx="45.13" ry="45.13" style="fill-opacity:.3;fill:url(#j)"/><path d="M169.48 410.71h-34.25l-21.5-40.47c-.77-1.42-1.36-2.54-1.77-3.37-.35-.88-.74-1.89-1.15-3.01h-.35c-.53 1.42-1.03 2.57-1.5 3.45-.47.89-1.03 1.98-1.68 3.28l-22.3 40.11h-32.3l38.76-63.58-36.1-63.4h33.8l19.11 36.13c.77 1.48 1.42 2.78 1.95 3.9.59 1.06 1.18 2.33 1.77 3.81h.35l1.95-4.07c.53-1 1.24-2.33 2.12-3.98l19.82-35.77h32.21l-36.63 62.43 37.7 64.55Z" style="fill:#fff"/></svg>`;
14
+ </script>
15
+
16
+ {@html svgContent}
@@ -0,0 +1,16 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 456 456" width="${width}" height="${height}" ${restAttrs}><path fill="#512BD4" d="M0 0h456v456H0z"/><path fill="#fff" d="M81.274 291.333c-3.224 0-5.965-1.074-8.222-3.223-2.257-2.204-3.386-4.821-3.386-7.851 0-3.086 1.129-5.73 3.386-7.934 2.257-2.204 4.998-3.306 8.222-3.306 3.278 0 6.045 1.102 8.302 3.306 2.311 2.204 3.466 4.848 3.466 7.934 0 3.03-1.155 5.647-3.466 7.851-2.257 2.149-5.024 3.223-8.302 3.223ZM210.167 289.515h-20.958l-55.215-87.109a38.977 38.977 0 0 1-3.466-6.86h-.484c.43 2.535.645 7.962.645 16.281v77.688h-18.54V171h22.328l53.362 85.043c2.257 3.527 3.708 5.951 4.353 7.273h.322c-.537-3.14-.806-8.457-.806-15.951V171h18.459v118.515ZM300.449 289.515h-64.888V171h62.309v16.695h-43.124v33.554h39.739v16.612h-39.739v35.042h45.703v16.612ZM392.667 187.695h-33.21v101.82h-19.185v-101.82h-33.129V171h85.524v16.695Z"/></svg>`;
14
+ </script>
15
+
16
+ {@html svgContent}
@@ -0,0 +1,16 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" data-name="Слой 1" viewBox="0 0 1000 615" width="${width}" height="${height}" ${restAttrs}><defs><radialGradient id="a" cx="-446.23" cy="850.24" r="6.99" data-name="Безымянный градиент" fx="-446.23" fy="850.24" gradientTransform="matrix(28.87975 32.00675 53.69646 -48.39975 -32750.77 55564.7)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4894fe"/><stop offset=".7" stop-color="#0934b3"/></radialGradient><radialGradient id="b" cx="-463.71" cy="855.09" r="6.99" data-name="Безымянный градиент 2" fx="-463.71" fy="855.09" gradientTransform="matrix(-126.93754 135.45874 101.23704 94.7798 -144561.83 -18444.24)" gradientUnits="userSpaceOnUse"><stop offset=".17" stop-color="#23c0fe"/><stop offset=".53" stop-color="#1c91ff"/></radialGradient><radialGradient id="c" cx="-478.67" cy="847.12" r="6.99" data-name="Безымянный градиент 3" fx="-478.67" fy="847.12" gradientTransform="matrix(-30.17956 -23.43498 -52.80172 67.93278 30509.91 -68620.88)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".66" stop-color="#adc0ff" stop-opacity="0"/></radialGradient><radialGradient id="d" cx="-484.89" cy="847.31" r="6.99" data-name="Безымянный градиент 4" fx="-484.89" fy="847.31" gradientTransform="matrix(-33.90072 -26.53382 -39.69188 50.66325 17714.49 -55348.26)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#033acc"/><stop offset="1" stop-color="#368eff" stop-opacity="0"/></radialGradient><radialGradient id="e" cx="-454.42" cy="853.18" r="6.99" data-name="Безымянный градиент 5" fx="-454.42" fy="853.18" gradientTransform="matrix(38.74213 82.7056 94.03873 -44.01576 -62416.51 75114.97)" gradientUnits="userSpaceOnUse"><stop offset=".59" stop-color="#3464e3" stop-opacity="0"/><stop offset="1" stop-color="#033acc"/></radialGradient><radialGradient id="f" cx="-465.3" cy="852.63" r="6.99" data-name="Безымянный градиент 6" fx="-465.3" fy="852.63" gradientTransform="matrix(-101.35519 93.7574 146.5162 158.24743 -171232.53 -91444.13)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4bfde8"/><stop offset=".54" stop-color="#4bfde8" stop-opacity="0"/></radialGradient><radialGradient id="h" cx="-445.42" cy="847.35" r="6.99" data-name="Безымянный градиент 8" fx="-445.42" fy="847.35" gradientTransform="matrix(60.3777 22.14291 39.59688 -107.87213 -6264.92 101508.79)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".79" stop-color="#fff" stop-opacity="0"/></radialGradient><radialGradient id="i" cx="-468.67" cy="861.39" r="6.99" data-name="Безымянный градиент 9" fx="-468.67" fy="861.39" gradientTransform="matrix(-67.45933 53.77501 53.21816 66.68832 -76468.45 -32083.78)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4bfde8"/><stop offset=".58" stop-color="#4bfde8" stop-opacity="0"/></radialGradient><linearGradient id="g" x1="638.67" x2="638.67" y1="2.44" y2="421.76" data-name="Безымянный градиент 7" gradientTransform="matrix(1 0 0 -1 0 617.01)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0086ff"/><stop offset=".49" stop-color="#0bf"/></linearGradient></defs><path d="M276.36 94.08C123.48 94.08 9.21 209.84.6 338.79c5.33 27.79 22.83 82.65 50.24 79.84 34.26-3.52 120.56 0 194.17-123.26 53.77-90.04 164.37-201.29 31.35-201.29Z" style="fill:url(#a)"/><path d="M240.99 142.19c-51.39 75.26-120.56 183.1-143.91 217.03-27.75 40.34-101.25 23.2-95.16-34.62a237.4 237.4 0 0 0-1.38 14.19C-9.51 489.22 119.43 614.14 279.88 614.14c176.84 0 598.58-203.81 555.9-408.02C790.8 86.1 664.36 0 521.07 0S285.94 76.36 241 142.19Z" style="fill:url(#b)"/><path d="M240.99 142.19c-51.39 75.26-120.56 183.1-143.91 217.03-27.75 40.34-101.25 23.2-95.16-34.62a237.4 237.4 0 0 0-1.38 14.19C-9.51 489.22 119.43 614.14 279.88 614.14c176.84 0 598.58-203.81 555.9-408.02C790.8 86.1 664.36 0 521.07 0S285.94 76.36 241 142.19Z" style="fill-opacity:.4;fill:url(#c)"/><path d="M240.99 142.19c-51.39 75.26-120.56 183.1-143.91 217.03-27.75 40.34-101.25 23.2-95.16-34.62a237.4 237.4 0 0 0-1.38 14.19C-9.51 489.22 119.43 614.14 279.88 614.14c176.84 0 598.58-203.81 555.9-408.02C790.8 86.1 664.36 0 521.07 0S285.94 76.36 241 142.19Z" style="fill:url(#d)"/><path d="M240.99 142.19c-51.39 75.26-120.56 183.1-143.91 217.03-27.75 40.34-101.25 23.2-95.16-34.62a237.4 237.4 0 0 0-1.38 14.19C-9.51 489.22 119.43 614.14 279.88 614.14c176.84 0 598.58-203.81 555.9-408.02C790.8 86.1 664.36 0 521.07 0S285.94 76.36 241 142.19Z" style="fill:url(#e);fill-opacity:.6"/><path d="M240.99 142.19c-51.39 75.26-120.56 183.1-143.91 217.03-27.75 40.34-101.25 23.2-95.16-34.62a237.4 237.4 0 0 0-1.38 14.19C-9.51 489.22 119.43 614.14 279.88 614.14c176.84 0 598.58-203.81 555.9-408.02C790.8 86.1 664.36 0 521.07 0S285.94 76.36 241 142.19Z" style="fill-opacity:.9;fill:url(#f)"/><path d="M277.34 614.23s422.24.77 493.86.77c129.97 0 228.8-98.16 228.8-212.69s-100.8-212.1-228.8-212.1-201.7 88.57-257.06 185.25c-64.87 113.29-147.62 237.41-236.8 238.77Z" style="fill:url(#g)"/><path d="M277.34 614.23s422.24.77 493.86.77c129.97 0 228.8-98.16 228.8-212.69s-100.8-212.1-228.8-212.1-201.7 88.57-257.06 185.25c-64.87 113.29-147.62 237.41-236.8 238.77Z" style="fill:url(#h);fill-opacity:.4"/><path d="M277.34 614.23s422.24.77 493.86.77c129.97 0 228.8-98.16 228.8-212.69s-100.8-212.1-228.8-212.1-201.7 88.57-257.06 185.25c-64.87 113.29-147.62 237.41-236.8 238.77Z" style="fill:url(#i);fill-opacity:.9"/></svg>`;
14
+ </script>
15
+
16
+ {@html svgContent}
@@ -0,0 +1,16 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="4 6 35 35.999" width="${width}" height="${height}" ${restAttrs}><path fill="url(#a)" d="M9 33.545A6.545 6.545 0 0 1 15.546 27H39v11.727a3.273 3.273 0 0 1-3.273 3.272l-20.592-.005A6.136 6.136 0 0 1 9 35.858v-2.313Z"/><path fill="url(#b)" d="m25 14.5 14-.5v12.727A3.273 3.273 0 0 1 35.727 30H25V14.5Z"/><path fill="url(#c)" d="M9.005 11.999a6 6 0 0 1 6-5.999H35.5A3.5 3.5 0 0 1 39 9.5v5a3.5 3.5 0 0 1-3.5 3.5h-3a3.5 3.5 0 0 0-3.5 3.5v5a3.5 3.5 0 0 1-3.5 3.5H15a6 6 0 0 0-6 6l.005-24.001Z"/><path fill="url(#d)" d="M9.005 11.999a6 6 0 0 1 6-5.999H35.5A3.5 3.5 0 0 1 39 9.5v5a3.5 3.5 0 0 1-3.5 3.5h-3a3.5 3.5 0 0 0-3.5 3.5v5a3.5 3.5 0 0 1-3.5 3.5H15a6 6 0 0 0-6 6l.005-24.001Z"/><rect width="16" height="16" x="4" y="23" fill="url(#e)" rx="3.25"/><rect width="16" height="16" x="4" y="23" fill="url(#f)" fill-opacity=".8" rx="3.25"/><path fill="#fff" d="M16.11 35.571h-2.077l-3.766-5.642c-.107-.17-.196-.317-.268-.44a4.047 4.047 0 0 1-.166-.319h-.025c.008.162.015.366.019.612.004.247.006.536.006.867v4.922H7.89V26.43h2.217l3.626 5.464c.077.123.151.248.223.376.077.123.147.246.21.37h.026a8.595 8.595 0 0 1-.019-.472 39.862 39.862 0 0 1-.006-.784v-4.954h1.943v9.142Z"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(47.5733 0 0 20.0481 38.125 42)" gradientUnits="userSpaceOnUse"><stop offset=".159" stop-color="#A931D8"/><stop offset=".566" stop-color="#6E1996"/></radialGradient><radialGradient id="d" cx="0" cy="0" r="1" gradientTransform="matrix(-15.08083 24.62608 -43.30136 -26.51744 41.158 4.198)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC7A3"/><stop offset=".831" stop-color="#DE67FD" stop-opacity="0"/></radialGradient><radialGradient id="e" cx="0" cy="0" r="1" gradientTransform="rotate(45 -25.763 16.328) scale(22.6274)" gradientUnits="userSpaceOnUse"><stop offset=".072" stop-color="#AC13EB"/><stop offset=".879" stop-color="#580087"/></radialGradient><radialGradient id="f" cx="0" cy="0" r="1" gradientTransform="matrix(0 11.2 -12.9 0 12 32.6)" gradientUnits="userSpaceOnUse"><stop offset=".585" stop-color="#841FB0" stop-opacity="0"/><stop offset=".969" stop-color="#D373FC"/></radialGradient><linearGradient id="b" x1="45.284" x2="28.013" y1="22.752" y2="14.022" gradientUnits="userSpaceOnUse"><stop offset=".217" stop-color="#CA59F7"/><stop offset=".888" stop-color="#691A90"/></linearGradient><linearGradient id="c" x1="40.327" x2="9.007" y1="13.764" y2="13.764" gradientUnits="userSpaceOnUse"><stop offset=".807" stop-color="#DE66FF"/><stop offset="1" stop-color="#FCB1FF"/></linearGradient></defs></svg>`;
14
+ </script>
15
+
16
+ {@html svgContent}
@@ -0,0 +1,16 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="60 90.4 570.02 539.67" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="a" x1="9.989" x2="30.932" y1="22.365" y2="9.375" gradientTransform="scale(15)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#20a7fa;stop-opacity:1"/><stop offset=".4" style="stop-color:#3bd5ff;stop-opacity:1"/><stop offset="1" style="stop-color:#c4b0ff;stop-opacity:1"/></linearGradient><linearGradient id="b" x1="17.197" x2="28.856" y1="26.794" y2="8.126" gradientTransform="scale(15)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#165ad9;stop-opacity:1"/><stop offset=".501" style="stop-color:#1880e5;stop-opacity:1"/><stop offset="1" style="stop-color:#8587ff;stop-opacity:1"/></linearGradient><linearGradient id="c" x1="25.701" x2="12.756" y1="27.048" y2="16.501" gradientTransform="scale(15)" gradientUnits="userSpaceOnUse"><stop offset=".237" style="stop-color:#448aff;stop-opacity:0"/><stop offset=".792" style="stop-color:#0032b1;stop-opacity:.2"/></linearGradient><linearGradient id="d" x1="24.053" x2="44.51" y1="31.11" y2="18.018" gradientTransform="scale(15)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#1a43a6;stop-opacity:1"/><stop offset=".492" style="stop-color:#2052cb;stop-opacity:1"/><stop offset="1" style="stop-color:#5f20cb;stop-opacity:1"/></linearGradient><linearGradient id="e" x1="29.828" x2="17.397" y1="30.327" y2="19.571" gradientTransform="scale(15)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#0045b9;stop-opacity:0"/><stop offset=".67" style="stop-color:#0d1f69;stop-opacity:.2"/></linearGradient><linearGradient id="g" x1="41.998" x2="23.852" y1="29.943" y2="29.943" gradientTransform="scale(15)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#4dc4ff;stop-opacity:1"/><stop offset=".196" style="stop-color:#0fafff;stop-opacity:1"/></linearGradient><linearGradient id="k" x1="3.458" x2="20.929" y1="37.872" y2="37.86" gradientTransform="scale(15)" gradientUnits="userSpaceOnUse"><stop offset=".206" style="stop-color:#6ce0ff;stop-opacity:1"/><stop offset=".535" style="stop-color:#50d5ff;stop-opacity:0"/></linearGradient><radialGradient id="f" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="matrix(0 -405.04051 438.393 0 360.027 102.268)" gradientUnits="userSpaceOnUse"><stop offset=".568" style="stop-color:#275ff0;stop-opacity:0"/><stop offset=".992" style="stop-color:#002177;stop-opacity:1"/></radialGradient><radialGradient id="h" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="scale(173.58) rotate(-45 5.168 -1.292)" gradientUnits="userSpaceOnUse"><stop offset=".259" style="stop-color:#0060d1;stop-opacity:.4"/><stop offset=".908" style="stop-color:#0383f1;stop-opacity:0"/></radialGradient><radialGradient id="i" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="matrix(357.40702 -468.44593 423.59457 323.18709 159.471 697.08)" gradientUnits="userSpaceOnUse"><stop offset=".732" style="stop-color:#f4a7f7;stop-opacity:0"/><stop offset="1" style="stop-color:#f4a7f7;stop-opacity:.501961"/></radialGradient><radialGradient id="j" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="matrix(-170.86087 259.7254 -674.01813 -443.40415 278.562 412.979)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#49deff;stop-opacity:1"/><stop offset=".724" style="stop-color:#29c3ff;stop-opacity:1"/></radialGradient><radialGradient id="l" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="rotate(46.924 -378.504 245.25) scale(315.927)" gradientUnits="userSpaceOnUse"><stop offset=".039" style="stop-color:#0091ff;stop-opacity:1"/><stop offset=".919" style="stop-color:#183dad;stop-opacity:1"/></radialGradient><radialGradient id="m" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="matrix(0 168 -193.782 0 180 491.159)" gradientUnits="userSpaceOnUse"><stop offset=".558" style="stop-color:#0fa5f7;stop-opacity:0"/><stop offset="1" style="stop-color:#74c6ff;stop-opacity:.501961"/></radialGradient></defs><path d="m463.984 140.145-344.347 218.27-29.614-46.72v-40.257a43.26 43.26 0 0 1 19.72-36.293L309.91 105.258c30.496-19.79 69.777-19.793 100.277-.008Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#a)"/><path d="M407.102 103.34a91.293 91.293 0 0 1 3.082 1.914l156.214 101.332-387.336 245.52-59.437-93.77L403.895 177.8c26.925-17.102 28.105-55.57 3.207-74.461Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#b)"/><path d="M407.102 103.34a91.293 91.293 0 0 1 3.082 1.914l156.214 101.332-387.336 245.52-59.437-93.77L403.895 177.8c26.925-17.102 28.105-55.57 3.207-74.461Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#c)"/><path d="M333.602 498.988 179.066 452.11 507.63 243.836c27.672-17.54 27.601-57.938-.133-75.379l-1.48-.93 4.261 2.649 99.996 64.867a43.263 43.263 0 0 1 19.723 36.3v38.962Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#d)"/><path d="M333.602 498.988 179.066 452.11 507.63 243.836c27.672-17.54 27.601-57.938-.133-75.379l-1.48-.93 4.261 2.649 99.996 64.867a43.263 43.263 0 0 1 19.723 36.3v38.962Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#e)"/><path d="M410.188 105.25c-30.5-19.785-69.782-19.781-100.282.008L109.742 235.145a43.26 43.26 0 0 0-19.719 36.292v1.97a44.479 44.479 0 0 0 20.735 36.16l248.887 156.91L609.16 309.805a44.468 44.468 0 0 0 20.824-37.664v38.168l.008-38.965c0-14.66-7.426-28.32-19.722-36.301Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#f)"/><path d="M315.77 630.05h220.449c51.777 0 93.75-41.972 93.75-93.75V272.14c0 15.301-7.864 29.528-20.82 37.665l-327.907 205.89a60.712 60.712 0 0 0-28.422 51.414c.004 34.762 28.184 62.942 62.95 62.942Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#g)"/><path d="M315.77 630.05h220.449c51.777 0 93.75-41.972 93.75-93.75V272.14c0 15.301-7.864 29.528-20.82 37.665l-327.907 205.89a60.712 60.712 0 0 0-28.422 51.414c.004 34.762 28.184 62.942 62.95 62.942Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#h)"/><path d="M315.77 630.05h220.449c51.777 0 93.75-41.972 93.75-93.75V272.14c0 15.301-7.864 29.528-20.82 37.665l-327.907 205.89a60.712 60.712 0 0 0-28.422 51.414c.004 34.762 28.184 62.942 62.95 62.942Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#i)"/><path d="M405.402 630.035H183.738c-51.777 0-93.75-41.972-93.75-93.75v-264.34a44.473 44.473 0 0 0 20.754 37.621l327.582 206.52a61.737 61.737 0 0 1 28.809 52.226c-.004 34.09-27.64 61.723-61.73 61.723Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#j)"/><path d="M405.402 630.035H183.738c-51.777 0-93.75-41.972-93.75-93.75v-264.34a44.473 44.473 0 0 0 20.754 37.621l327.582 206.52a61.737 61.737 0 0 1 28.809 52.226c-.004 34.09-27.64 61.723-61.73 61.723Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#k)"/><path d="M108.75 345h142.5c26.926 0 48.75 21.824 48.75 48.75v142.5c0 26.926-21.824 48.75-48.75 48.75h-142.5C81.824 585 60 563.176 60 536.25v-142.5C60 366.824 81.824 345 108.75 345Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#l)"/><path d="M108.75 345h142.5c26.926 0 48.75 21.824 48.75 48.75v142.5c0 26.926-21.824 48.75-48.75 48.75h-142.5C81.824 585 60 563.176 60 536.25v-142.5C60 366.824 81.824 345 108.75 345Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#m)"/><path d="M179.387 534c-19.848 0-36.137-6.21-48.875-18.625-12.739-12.414-19.11-28.617-19.11-48.605 0-21.11 6.465-38.18 19.395-51.22C143.73 402.517 160.66 396 181.594 396c19.781 0 35.879 6.238 48.297 18.715 12.484 12.476 18.726 28.93 18.726 49.351 0 20.985-6.469 37.899-19.398 50.75C216.352 527.606 199.742 534 179.387 534Zm.574-26.352c10.816 0 19.523-3.695 26.117-11.082 6.594-7.386 9.89-17.664 9.89-30.824 0-13.719-3.202-24.394-9.6-32.031-6.403-7.637-14.95-11.453-25.638-11.453-11.011 0-19.878 3.941-26.597 11.824-6.723 7.824-10.082 18.191-10.082 31.102 0 13.101 3.36 23.468 10.082 31.101 6.719 7.574 15.328 11.363 25.828 11.363Zm0 0" style="stroke:none;fill-rule:nonzero;fill:#fff;fill-opacity:1"/><path d="M179.332 535.848c-19.77 0-36-6.375-48.691-19.13-12.688-12.753-19.036-29.398-19.036-49.929 0-21.684 6.442-39.219 19.325-52.61 12.882-13.394 29.75-20.09 50.601-20.09 19.703 0 35.742 6.411 48.114 19.227 12.437 12.82 18.652 29.72 18.652 50.7 0 21.55-6.442 38.93-19.32 52.129-12.82 13.136-29.368 19.703-49.645 19.703Zm.57-27.067c10.778 0 19.453-3.797 26.02-11.383 6.57-7.59 9.851-18.144 9.851-31.664 0-14.093-3.187-25.058-9.562-32.902-6.379-7.844-14.89-11.766-25.54-11.766-10.972 0-19.804 4.047-26.5 12.149-6.694 8.031-10.042 18.683-10.042 31.945 0 13.457 3.348 24.106 10.043 31.95 6.695 7.78 15.273 11.671 25.73 11.671Zm0 0" style="stroke:none;fill-rule:nonzero;fill:#fff;fill-opacity:1"/></svg>`;
14
+ </script>
15
+
16
+ {@html svgContent}
@@ -0,0 +1,16 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="60 78.75 581.25 562.5" width="${width}" height="${height}" ${restAttrs}><defs><radialGradient id="b" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="rotate(135 185.459 218.557) scale(564.67953 950.43148)" gradientUnits="userSpaceOnUse"><stop offset=".152" style="stop-color:#aa1d2d;stop-opacity:1"/><stop offset=".381" style="stop-color:#d12b18;stop-opacity:.439216"/><stop offset=".602" style="stop-color:#ff3c00;stop-opacity:0"/></radialGradient><radialGradient id="c" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="matrix(484.01207 -228.61784 414.17447 876.85825 -19.41 588.618)" gradientUnits="userSpaceOnUse"><stop offset=".407" style="stop-color:#ff66fb;stop-opacity:.501961"/><stop offset="1" style="stop-color:#ea3d01;stop-opacity:0"/></radialGradient><radialGradient id="e" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="matrix(355.8576 74.56878 -71.0897 339.25471 312.756 393.631)" gradientUnits="userSpaceOnUse"><stop offset=".786" style="stop-color:#ffa05c;stop-opacity:0"/><stop offset=".905" style="stop-color:#ffce84;stop-opacity:1"/></radialGradient><radialGradient id="f" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="matrix(307.21144 -201.01593 192.23383 293.78981 369.795 355.78)" gradientUnits="userSpaceOnUse"><stop offset=".295" style="stop-color:#ff99e9;stop-opacity:.8"/><stop offset=".728" style="stop-color:#ff99e9;stop-opacity:0"/></radialGradient><radialGradient id="g" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="matrix(257.14316 -294.39511 268.86446 234.84308 328.567 398.718)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#fd6ef9;stop-opacity:1"/><stop offset=".637" style="stop-color:#f94;stop-opacity:1"/><stop offset=".852" style="stop-color:#fcc479;stop-opacity:1"/></radialGradient><radialGradient id="h" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="matrix(-29.04584 196.8193 -444.81484 -65.64406 302.985 115.92)" gradientUnits="userSpaceOnUse"><stop offset=".144" style="stop-color:#ff8d13;stop-opacity:1"/><stop offset=".537" style="stop-color:#ff7f29;stop-opacity:0"/></radialGradient><radialGradient id="i" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="rotate(45 -386.466 244.891) scale(339.41099)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#f8193e;stop-opacity:1"/><stop offset=".939" style="stop-color:#920616;stop-opacity:1"/></radialGradient><radialGradient id="j" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="matrix(0 168 -191.25 0 179.97 489)" gradientUnits="userSpaceOnUse"><stop offset=".576" style="stop-color:#ffb055;stop-opacity:0"/><stop offset=".974" style="stop-color:#fff2be;stop-opacity:.301961"/></radialGradient><linearGradient id="a" x1="22.096" x2="-.876" y1="4.056" y2="26.033" gradientTransform="scale(15)" gradientUnits="userSpaceOnUse"><stop offset=".058" style="stop-color:#ff7f48;stop-opacity:1"/><stop offset="1" style="stop-color:#e5495b;stop-opacity:1"/></linearGradient><linearGradient id="d" x1="27.549" x2="47.729" y1="28.172" y2="13.216" gradientTransform="scale(15)" gradientUnits="userSpaceOnUse"><stop offset=".311" style="stop-color:#ff6e30;stop-opacity:1"/><stop offset=".635" style="stop-color:#ffa05c;stop-opacity:1"/></linearGradient></defs><path d="M641.2 360c0-155.332-125.907-281.25-281.223-281.25C204.66 78.75 78.75 204.668 78.75 360s125.91 281.25 281.227 281.25c155.316 0 281.222-125.918 281.222-281.25Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#a)"/><path d="M641.2 360c0-155.332-125.907-281.25-281.223-281.25C204.66 78.75 78.75 204.668 78.75 360s125.91 281.25 281.227 281.25c155.316 0 281.222-125.918 281.222-281.25Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#b)"/><path d="M641.2 360c0-155.332-125.907-281.25-281.223-281.25C204.66 78.75 78.75 204.668 78.75 360s125.91 281.25 281.227 281.25c155.316 0 281.222-125.918 281.222-281.25Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#c)"/><path d="M360.016 78.75c155.312.004 281.218 125.922 281.218 281.25 0 51.672-13.96 100.07-38.273 141.68l4.57-10.121c27.832-61.797-17.406-131.727-85.183-131.676l-111.93.086c-27.824.023-50.402-22.535-50.402-50.36V197.477c-.004-67.805-70.012-112.993-131.793-85.067l-8.996 4.074c41.406-23.992 89.492-37.734 140.789-37.734Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#d)"/><path d="M360.016 78.75c155.312.004 281.218 125.922 281.218 281.25 0 51.672-13.96 100.07-38.273 141.68l4.57-10.121c27.832-61.797-17.406-131.727-85.183-131.676l-111.93.086c-27.824.023-50.402-22.535-50.402-50.36V197.477c-.004-67.805-70.012-112.993-131.793-85.067l-8.996 4.074c41.406-23.992 89.492-37.734 140.789-37.734Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#e)"/><path d="M360.016 78.75c155.312.004 281.218 125.922 281.218 281.25 0 51.672-13.96 100.07-38.273 141.68l4.57-10.121c27.832-61.797-17.406-131.727-85.183-131.676l-111.93.086c-27.824.023-50.402-22.535-50.402-50.36V197.477c-.004-67.805-70.012-112.993-131.793-85.067l-8.996 4.074c41.406-23.992 89.492-37.734 140.789-37.734Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#f)"/><path d="M360.016 78.75c155.312.004 281.218 125.922 281.218 281.25 0 51.672-13.96 100.07-38.273 141.68l4.57-10.121c27.832-61.797-17.406-131.727-85.183-131.676l-111.93.086c-27.824.023-50.402-22.535-50.402-50.36V197.477c-.004-67.805-70.012-112.993-131.793-85.067l-8.996 4.074c41.406-23.992 89.492-37.734 140.789-37.734Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#g)"/><path d="M360.016 78.75c155.312.004 281.218 125.922 281.218 281.25 0 51.672-13.96 100.07-38.273 141.68l4.57-10.121c27.832-61.797-17.406-131.727-85.183-131.676l-111.93.086c-27.824.023-50.402-22.535-50.402-50.36V197.477c-.004-67.805-70.012-112.993-131.793-85.067l-8.996 4.074c41.406-23.992 89.492-37.734 140.789-37.734Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#h)"/><path d="M108.75 345h142.5c26.926 0 48.75 21.824 48.75 48.75v142.5c0 26.926-21.824 48.75-48.75 48.75h-142.5C81.824 585 60 563.176 60 536.25v-142.5C60 366.824 81.824 345 108.75 345Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#i)"/><path d="M108.75 345h142.5c26.926 0 48.75 21.824 48.75 48.75v142.5c0 26.926-21.824 48.75-48.75 48.75h-142.5C81.824 585 60 563.176 60 536.25v-142.5C60 366.824 81.824 345 108.75 345Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#j)"/><path d="M168.293 488.906v44.664h-30.875V396.426h47.7c17.077 0 30.077 3.73 39 11.191 8.987 7.457 13.48 18.52 13.48 33.184 0 15.113-5.036 26.906-15.106 35.387-10.004 8.48-23.453 12.718-40.34 12.718Zm0-68.761v45.043h12.906c7.645 0 13.543-2.004 17.684-6.024 4.14-4.016 6.215-9.785 6.215-17.309 0-6.949-2.043-12.304-6.121-16.07-4.016-3.762-9.782-5.64-17.301-5.64Zm0 0" style="stroke:none;fill-rule:nonzero;fill:#fff;fill-opacity:1"/></svg>`;
14
+ </script>
15
+
16
+ {@html svgContent}
@@ -1,7 +1,16 @@
1
1
  <script lang="ts">
2
- export let width: number = 50;
3
- export let height: number = 50;
4
- const svgContent = `<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><path fill="#cfd8dc" d="M23.084 11.277c-1.633-2.449-1.986-5.722-2.063-7.067-4.148.897-8.269 2.506-8.031 3.691.03.149.218.328.53.502l-.488.873c-.596-.334-.931-.719-1.022-1.179-.269-1.341 1.25-2.554 4.642-3.709a42.152 42.152 0 0 1 4.751-1.279l.597-.12V3.6c0 .042.026 4.288 1.916 7.123l-.832.554zM24.751 43H24.5c-8.192 0-17.309-2.573-18.386-6.879-.657-2.63 1.492-5.536 6.214-8.401l.52.854c-4.249 2.579-6.296 5.172-5.763 7.305.935 3.738 9.575 6.068 17.153 6.12.901-1.347 5.742-9.26 2.979-19.873l.967-.252c3.149 12.092-3.218 20.837-3.282 20.924l-.151.202z"/><path fill="#cfd8dc" d="M9.931 39.306c-.539 0-.806-.059-.85-.07a.498.498 0 0 1-.233-.84c.072-.072 7.197-7.208 8.159-12.978l.986.164c-.827 4.964-5.715 10.623-7.656 12.707 1.939-.111 6.835-1.019 16.234-6.28-7.335-.804-8.495-6.676-8.507-6.739l.983-.181c.047.246 1.226 6.011 9.244 6.011h.008a.5.5 0 0 1 .251.933c-11.235 6.509-16.683 7.272-18.619 7.273z"/><path fill="#cfd8dc" d="M14.524 41.7a.499.499 0 0 1-.291-.907c.034-.025 1.813-1.338 3.706-4.228a19.896 19.896 0 0 1-2.196-1.137c-.888-.533-1.559-1.105-2.06-1.691-2.57.678-4.942.946-7.025.769l.084-.996c1.876.159 4.009-.063 6.321-.64-1.573-2.688-.129-5.356-.109-5.392l.874.487c-.067.122-1.265 2.37.249 4.633 2.201-.632 4.549-1.567 6.979-2.782a32.189 32.189 0 0 0 1.225-6.276.501.501 0 0 1 .706-.406c.032.015 3.264 1.491 5.604 2.454a.5.5 0 0 1 .091.876 62.494 62.494 0 0 1-6.778 4.042 27.19 27.19 0 0 1-2.459 5.591c3.702 1.383 6.915 1.404 6.956 1.404a.5.5 0 0 1 .243.938c-4.54 2.522-11.767 3.232-12.072 3.261h-.048zm4.385-4.733c-1.04 1.614-2.062 2.773-2.826 3.53 1.998-.294 5.501-.938 8.408-2.139a23.733 23.733 0 0 1-5.582-1.391zm-4.142-3.536c.393.392.883.775 1.49 1.14.736.442 1.483.817 2.22 1.135a26.116 26.116 0 0 0 2.142-4.568c-2.021.962-3.983 1.73-5.852 2.293zm8.435-9.102a33.95 33.95 0 0 1-.913 4.85 62.45 62.45 0 0 0 5.062-3.026 207.1 207.1 0 0 1-4.149-1.824zM17.924 10.6a.504.504 0 0 1-.325-.12c-1.61-1.378-3.505-4.182-3.585-4.301a.5.5 0 0 1 .654-.718c.011.003.938.385 7.217 1.431a.499.499 0 0 1 .29.828c-1.758 1.953-3.979 2.813-4.073 2.848a.527.527 0 0 1-.178.032zm-2.277-3.854c.631.849 1.54 1.996 2.372 2.769a11.186 11.186 0 0 0 2.744-1.798c-2.583-.441-4.159-.755-5.116-.971z"/><path fill="#b71c1c" d="M21.843 24.4a.5.5 0 0 1-.497-.552c.292-2.749-3.926-3.852-3.969-3.862a.5.5 0 0 1-.23-.838c.207-.207 5.139-5.098 11.327-7.784a.5.5 0 0 1 .689.559c-1.186 5.744-6.71 12.044-6.944 12.309a.51.51 0 0 1-.376.168zm-3.388-5.115c1.184.445 3.258 1.475 3.783 3.356 1.449-1.808 4.542-5.973 5.697-9.934-4.387 2.11-8.081 5.292-9.48 6.578z"/><path fill="#b71c1c" d="m13.079 28.36-.475-.88c1.883-1.015 4.04-2.883 5.807-5.054-1.504 1.03-2.365 1.735-2.392 1.758l-.639-.77c.039-.032 1.764-1.447 4.631-3.22.787-1.266 1.392-2.568 1.703-3.816.053-.212.099-.417.136-.615-1.925-.687-3.701-1.094-4.921-1.269a.5.5 0 0 1-.297-.835c.085-.092 2.116-2.268 4.654-3.463a.5.5 0 0 1 .581.114c.067.073 1.44 1.615 1.091 4.805 1.155.45 2.345.997 3.491 1.648 2.759-1.24 5.892-2.356 9.229-3.03a.51.51 0 0 1 .481.168c.117.14.149.333.083.503-1.3 3.332-4.786 6.891-4.934 7.041a.503.503 0 0 1-.748-.04c-1.12-1.408-2.584-2.574-4.163-3.523a55.136 55.136 0 0 0-5.684 3.049c-2.02 3.153-5.069 6.048-7.634 7.429zm14.413-10.964c1.29.832 2.491 1.81 3.484 2.948.828-.898 2.815-3.168 3.942-5.422-2.65.61-5.158 1.493-7.426 2.474zm-4.693-1.274c-.033.163-.071.33-.113.5-.21.839-.544 1.701-.972 2.561a56.183 56.183 0 0 1 3.618-1.898 25.476 25.476 0 0 0-2.533-1.163zm-4.751-2.45c1.111.218 2.48.574 3.941 1.086.152-1.843-.346-2.972-.647-3.472-1.376.718-2.581 1.728-3.294 2.386z"/><path fill="#b71c1c" d="M18.05 18.5c0 4.38-3.65 7.86-6.28 10.4-.44.43-1.93.5-1.93.5.37-.38.79-.78 1.24-1.21 2.5-2.42 5.97-5.73 5.97-9.69 0-4.69-1.89-6.54-3.38-8.02-.66-.67-1.22-1.31-1.56-2.09l.31-.13c.34.15.73.32 1.03.45.24.35.56.69.93 1.06 1.53 1.53 3.67 3.63 3.67 8.73z"/><path fill="#b71c1c" d="M42.935 19.794s-.605.086-.775.106c-8.76.97-17.8 3.49-22.97 5.56-1.87.75-3.81 1.66-5.58 2.68-.01.01-.02.01-.04.02-1.04.6-3.57 1.84-5.62 2.93 3-3.19 8.62-5.65 10.86-6.55 5.07-2.03 13.78-4.48 22.35-5.53-1.01-1.18-3.48-3.68-8.34-5.54-2.84-1.1-7.16-1.72-10.97-2.27-6.06-.87-9.51-1.45-9.84-3.1-.07-.33-.02-.66.13-.98.33.54.8.92 1.11 1.14.15.1.26.16.3.18l.01.01c1.42.75 5.25 1.3 8.44 1.76 3.86.56 8.23 1.19 11.18 2.32 6.87 2.65 9.24 6.44 9.34 6.6.09.15.415.664.415.664z"/></svg>`;
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><path fill="#cfd8dc" d="M23.084 11.277c-1.633-2.449-1.986-5.722-2.063-7.067-4.148.897-8.269 2.506-8.031 3.691.03.149.218.328.53.502l-.488.873c-.596-.334-.931-.719-1.022-1.179-.269-1.341 1.25-2.554 4.642-3.709a42.152 42.152 0 0 1 4.751-1.279l.597-.12V3.6c0 .042.026 4.288 1.916 7.123l-.832.554zM24.751 43H24.5c-8.192 0-17.309-2.573-18.386-6.879-.657-2.63 1.492-5.536 6.214-8.401l.52.854c-4.249 2.579-6.296 5.172-5.763 7.305.935 3.738 9.575 6.068 17.153 6.12.901-1.347 5.742-9.26 2.979-19.873l.967-.252c3.149 12.092-3.218 20.837-3.282 20.924l-.151.202z"/><path fill="#cfd8dc" d="M9.931 39.306c-.539 0-.806-.059-.85-.07a.498.498 0 0 1-.233-.84c.072-.072 7.197-7.208 8.159-12.978l.986.164c-.827 4.964-5.715 10.623-7.656 12.707 1.939-.111 6.835-1.019 16.234-6.28-7.335-.804-8.495-6.676-8.507-6.739l.983-.181c.047.246 1.226 6.011 9.244 6.011h.008a.5.5 0 0 1 .251.933c-11.235 6.509-16.683 7.272-18.619 7.273z"/><path fill="#cfd8dc" d="M14.524 41.7a.499.499 0 0 1-.291-.907c.034-.025 1.813-1.338 3.706-4.228a19.896 19.896 0 0 1-2.196-1.137c-.888-.533-1.559-1.105-2.06-1.691-2.57.678-4.942.946-7.025.769l.084-.996c1.876.159 4.009-.063 6.321-.64-1.573-2.688-.129-5.356-.109-5.392l.874.487c-.067.122-1.265 2.37.249 4.633 2.201-.632 4.549-1.567 6.979-2.782a32.189 32.189 0 0 0 1.225-6.276.501.501 0 0 1 .706-.406c.032.015 3.264 1.491 5.604 2.454a.5.5 0 0 1 .091.876 62.494 62.494 0 0 1-6.778 4.042 27.19 27.19 0 0 1-2.459 5.591c3.702 1.383 6.915 1.404 6.956 1.404a.5.5 0 0 1 .243.938c-4.54 2.522-11.767 3.232-12.072 3.261h-.048zm4.385-4.733c-1.04 1.614-2.062 2.773-2.826 3.53 1.998-.294 5.501-.938 8.408-2.139a23.733 23.733 0 0 1-5.582-1.391zm-4.142-3.536c.393.392.883.775 1.49 1.14.736.442 1.483.817 2.22 1.135a26.116 26.116 0 0 0 2.142-4.568c-2.021.962-3.983 1.73-5.852 2.293zm8.435-9.102a33.95 33.95 0 0 1-.913 4.85 62.45 62.45 0 0 0 5.062-3.026 207.1 207.1 0 0 1-4.149-1.824zM17.924 10.6a.504.504 0 0 1-.325-.12c-1.61-1.378-3.505-4.182-3.585-4.301a.5.5 0 0 1 .654-.718c.011.003.938.385 7.217 1.431a.499.499 0 0 1 .29.828c-1.758 1.953-3.979 2.813-4.073 2.848a.527.527 0 0 1-.178.032zm-2.277-3.854c.631.849 1.54 1.996 2.372 2.769a11.186 11.186 0 0 0 2.744-1.798c-2.583-.441-4.159-.755-5.116-.971z"/><path fill="#b71c1c" d="M21.843 24.4a.5.5 0 0 1-.497-.552c.292-2.749-3.926-3.852-3.969-3.862a.5.5 0 0 1-.23-.838c.207-.207 5.139-5.098 11.327-7.784a.5.5 0 0 1 .689.559c-1.186 5.744-6.71 12.044-6.944 12.309a.51.51 0 0 1-.376.168zm-3.388-5.115c1.184.445 3.258 1.475 3.783 3.356 1.449-1.808 4.542-5.973 5.697-9.934-4.387 2.11-8.081 5.292-9.48 6.578z"/><path fill="#b71c1c" d="m13.079 28.36-.475-.88c1.883-1.015 4.04-2.883 5.807-5.054-1.504 1.03-2.365 1.735-2.392 1.758l-.639-.77c.039-.032 1.764-1.447 4.631-3.22.787-1.266 1.392-2.568 1.703-3.816.053-.212.099-.417.136-.615-1.925-.687-3.701-1.094-4.921-1.269a.5.5 0 0 1-.297-.835c.085-.092 2.116-2.268 4.654-3.463a.5.5 0 0 1 .581.114c.067.073 1.44 1.615 1.091 4.805 1.155.45 2.345.997 3.491 1.648 2.759-1.24 5.892-2.356 9.229-3.03a.51.51 0 0 1 .481.168c.117.14.149.333.083.503-1.3 3.332-4.786 6.891-4.934 7.041a.503.503 0 0 1-.748-.04c-1.12-1.408-2.584-2.574-4.163-3.523a55.136 55.136 0 0 0-5.684 3.049c-2.02 3.153-5.069 6.048-7.634 7.429zm14.413-10.964c1.29.832 2.491 1.81 3.484 2.948.828-.898 2.815-3.168 3.942-5.422-2.65.61-5.158 1.493-7.426 2.474zm-4.693-1.274c-.033.163-.071.33-.113.5-.21.839-.544 1.701-.972 2.561a56.183 56.183 0 0 1 3.618-1.898 25.476 25.476 0 0 0-2.533-1.163zm-4.751-2.45c1.111.218 2.48.574 3.941 1.086.152-1.843-.346-2.972-.647-3.472-1.376.718-2.581 1.728-3.294 2.386z"/><path fill="#b71c1c" d="M18.05 18.5c0 4.38-3.65 7.86-6.28 10.4-.44.43-1.93.5-1.93.5.37-.38.79-.78 1.24-1.21 2.5-2.42 5.97-5.73 5.97-9.69 0-4.69-1.89-6.54-3.38-8.02-.66-.67-1.22-1.31-1.56-2.09l.31-.13c.34.15.73.32 1.03.45.24.35.56.69.93 1.06 1.53 1.53 3.67 3.63 3.67 8.73z"/><path fill="#b71c1c" d="M42.935 19.794s-.605.086-.775.106c-8.76.97-17.8 3.49-22.97 5.56-1.87.75-3.81 1.66-5.58 2.68-.01.01-.02.01-.04.02-1.04.6-3.57 1.84-5.62 2.93 3-3.19 8.62-5.65 10.86-6.55 5.07-2.03 13.78-4.48 22.35-5.53-1.01-1.18-3.48-3.68-8.34-5.54-2.84-1.1-7.16-1.72-10.97-2.27-6.06-.87-9.51-1.45-9.84-3.1-.07-.33-.02-.66.13-.98.33.54.8.92 1.11 1.14.15.1.26.16.3.18l.01.01c1.42.75 5.25 1.3 8.44 1.76 3.86.56 8.23 1.19 11.18 2.32 6.87 2.65 9.24 6.44 9.34 6.6.09.15.415.664.415.664z"/></svg>`;
5
14
  </script>
6
15
 
7
16
  {@html svgContent}
@@ -0,0 +1,16 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" data-name="Слой 1" viewBox="0 0 450 500" width="${width}" height="${height}" ${restAttrs}><defs><radialGradient id="b" cx="-777.14" cy="770.84" r=".9" data-name="Безымянный градиент 2" fx="-777.14" fy="770.84" gradientTransform="matrix(-98.02204 -236.87999 -426.55553 175.97802 252868.13 -319393.72)" gradientUnits="userSpaceOnUse"><stop offset=".29" stop-color="#003b5d"/><stop offset=".61" stop-color="#004a6c" stop-opacity=".69"/><stop offset=".97" stop-color="#006f94" stop-opacity="0"/></radialGradient><radialGradient id="c" cx="-785.23" cy="766.9" r=".9" data-name="Безымянный градиент 3" fx="-785.23" fy="766.9" gradientTransform="matrix(-81.36865 -200.4872 -360.58286 145.8959 212855.73 -269057.38)" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#002a42"/><stop offset=".61" stop-color="#004261" stop-opacity=".69"/><stop offset=".97" stop-color="#006f94" stop-opacity="0"/></radialGradient><radialGradient id="d" cx="-739.84" cy="872.71" r=".9" data-name="Безымянный градиент 4" fx="-739.84" fy="872.71" gradientTransform="matrix(-102.53313 149.24243 149.46801 102.38138 -206024.5 21094.22)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#78edff"/><stop offset="1" stop-color="#2ccfca" stop-opacity="0"/></radialGradient><radialGradient id="f" cx="-746.38" cy="743.75" r=".9" data-name="Безымянный градиент 6" fx="-746.38" fy="743.75" gradientTransform="matrix(56.60729 -162.28035 -292.83982 -101.83188 260296.26 -45019.25)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#003b5d"/><stop offset=".49" stop-color="#004c6c" stop-opacity=".72"/><stop offset=".97" stop-color="#007a86" stop-opacity="0"/></radialGradient><radialGradient id="g" cx="-741.46" cy="888.91" r=".9" data-name="Безымянный градиент 7" fx="-741.46" fy="888.91" gradientTransform="matrix(-85.44333 124.36732 124.55255 85.31498 -173675.69 16546.9)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#78edff"/><stop offset="1" stop-color="#2ccfca" stop-opacity="0"/></radialGradient><radialGradient id="j" cx="-686.6" cy="804.18" r=".9" data-name="Безымянный градиент 10" fx="-686.6" fy="804.18" gradientTransform="matrix(222.887 222.57601 222.92613 -222.53738 -26208.17 332025.54)" gradientUnits="userSpaceOnUse"><stop offset=".06" stop-color="#00b6bd"/><stop offset=".89" stop-color="#00495c"/></radialGradient><radialGradient id="k" cx="-686.07" cy="864.41" r=".9" data-name="Безымянный градиент 11" fx="-686.07" fy="864.41" gradientTransform="matrix(0 155.79 177.62 0 -153439.14 107241.64)" gradientUnits="userSpaceOnUse"><stop offset=".57" stop-color="#1e8581" stop-opacity="0"/><stop offset=".97" stop-color="#1ecbe6"/></radialGradient><linearGradient id="a" x1="92.18" x2="292.29" y1="477.48" y2="214.84" data-name="Безымянный градиент" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00e3df"/><stop offset=".41" stop-color="#0097a8"/><stop offset="1" stop-color="#007791"/></linearGradient><linearGradient id="e" x1="245.14" x2="411.9" y1="331.57" y2="112.7" data-name="Безымянный градиент 5" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00e3df"/><stop offset=".48" stop-color="#00a2b8"/><stop offset=".95" stop-color="#00637c"/></linearGradient><linearGradient id="h" x1="153.42" x2="259.71" y1="214.53" y2="1.97" data-name="Безымянный градиент 8" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset=".05" stop-color="#75fff6"/><stop offset=".51" stop-color="#00c7d1"/><stop offset=".96" stop-color="#0096ad"/></linearGradient><linearGradient id="i" x1="292.44" x2="235.63" y1="-12.27" y2="67.45" data-name="Безымянный градиент 9" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#0e5a5d"/><stop offset=".54" stop-color="#126c6b" stop-opacity=".69"/><stop offset=".97" stop-color="#1c948a" stop-opacity="0"/></linearGradient></defs><path d="M187.79 300c82.97 0 150.23-67.16 150.23-150S270.75 0 187.79 0 37.56 67.16 37.56 150s67.26 150 150.23 150Z" style="fill:url(#a)"/><path d="M187.79 300c82.97 0 150.23-67.16 150.23-150S270.75 0 187.79 0 37.56 67.16 37.56 150s67.26 150 150.23 150Z" style="fill:url(#b);fill-opacity:.2"/><path d="M187.79 300c82.97 0 150.23-67.16 150.23-150S270.75 0 187.79 0 37.56 67.16 37.56 150s67.26 150 150.23 150Z" style="fill:url(#c);fill-opacity:.31"/><path d="M187.79 300c82.97 0 150.23-67.16 150.23-150S270.75 0 187.79 0 37.56 67.16 37.56 150s67.26 150 150.23 150Z" style="fill:url(#d);fill-opacity:.7"/><path d="M324.81 400C393.95 400 450 344.04 450 275s-56.05-125-125.19-125-125.19 55.96-125.19 125 56.05 125 125.19 125Z" style="fill:url(#e)"/><path d="M324.81 400C393.95 400 450 344.04 450 275s-56.05-125-125.19-125-125.19 55.96-125.19 125 56.05 125 125.19 125Z" style="fill:url(#f);fill-opacity:.5"/><path d="M324.81 400C393.95 400 450 344.04 450 275s-56.05-125-125.19-125-125.19 55.96-125.19 125 56.05 125 125.19 125Z" style="fill-opacity:.7;fill:url(#g)"/><path d="M206.56 500c58.77 0 106.41-47.57 106.41-106.25S265.33 287.5 206.56 287.5s-106.41 47.57-106.41 106.25S147.79 500 206.56 500Z" style="fill:url(#h)"/><path d="M206.56 500c58.77 0 106.41-47.57 106.41-106.25S265.33 287.5 206.56 287.5s-106.41 47.57-106.41 106.25S147.79 500 206.56 500Z" style="fill:url(#i);fill-opacity:.32"/><rect width="200.3" height="200" y="237.5" rx="40.66" ry="40.66" style="fill:url(#j)"/><rect width="200.3" height="200" y="237.5" rx="40.66" ry="40.66" style="fill:url(#k);fill-opacity:.6"/><path d="m57 372.15 21.72-11.32c2.45 4.94 5.64 8.58 9.58 10.92 3.99 2.34 8.36 3.51 13.09 3.51 5.27 0 9.29-1.06 12.05-3.19 2.77-2.18 4.15-5.45 4.15-9.8 0-3.4-1.33-6.27-3.99-8.61-2.66-2.39-7.37-4.2-14.13-5.42-12.88-2.34-22.25-6.43-28.1-12.28-5.8-5.85-8.7-13.13-8.7-21.84 0-10.84 3.83-19.5 11.5-25.99 7.66-6.48 17.78-9.72 30.34-9.72 8.46 0 15.91 1.73 22.35 5.18 6.44 3.45 11.55 8.4 15.33 14.83l-21.23 10.92c-2.34-3.61-4.87-6.22-7.58-7.81-2.72-1.65-6.12-2.47-10.22-2.47-4.9 0-8.62 1.06-11.18 3.19-2.5 2.13-3.75 4.89-3.75 8.29 0 2.92 1.2 5.5 3.59 7.73 2.45 2.18 7.34 3.96 14.69 5.34 12.35 2.34 21.56 6.59 27.62 12.76 6.12 6.11 9.18 13.84 9.18 23.2 0 11.37-3.65 20.38-10.94 27.02-7.29 6.64-17.7 9.96-31.21 9.96-9.79 0-18.63-2.13-26.5-6.38-7.82-4.3-13.7-10.31-17.64-18.02Z" style="fill:#fff"/></svg>`;
14
+ </script>
15
+
16
+ {@html svgContent}
@@ -0,0 +1,16 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="4 4 36 38" width="${width}" height="${height}" ${restAttrs}><path fill="url(#a)" d="M22 20h12a6 6 0 0 1 6 6v10a6 6 0 0 1-12 0V26a6 6 0 0 0-6-6Z"/><path fill="url(#b)" d="M8 24a6 6 0 0 1 6-6h8a6 6 0 0 1 6 6v12a6 6 0 0 0 6 6H18c-5.523 0-10-4.477-10-10v-8Z"/><path fill="url(#c)" fill-opacity=".7" d="M8 24a6 6 0 0 1 6-6h8a6 6 0 0 1 6 6v12a6 6 0 0 0 6 6H18c-5.523 0-10-4.477-10-10v-8Z"/><path fill="url(#d)" fill-opacity=".7" d="M8 24a6 6 0 0 1 6-6h8a6 6 0 0 1 6 6v12a6 6 0 0 0 6 6H18c-5.523 0-10-4.477-10-10v-8Z"/><path fill="url(#e)" d="M33 18a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z"/><path fill="url(#f)" fill-opacity=".46" d="M33 18a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z"/><path fill="url(#g)" fill-opacity=".4" d="M33 18a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z"/><path fill="url(#h)" d="M18 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z"/><path fill="url(#i)" fill-opacity=".6" d="M18 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z"/><path fill="url(#j)" fill-opacity=".5" d="M18 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z"/><rect width="16" height="16" x="4" y="23" fill="url(#k)" rx="3.25"/><rect width="16" height="16" x="4" y="23" fill="url(#l)" fill-opacity=".7" rx="3.25"/><path fill="#fff" d="M15.48 28.105h-2.448v7.466h-2.065v-7.466H8.52V26.43h6.96v1.676Z"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(13.4784 0 0 33.2694 39.797 22.174)" gradientUnits="userSpaceOnUse"><stop stop-color="#A98AFF"/><stop offset=".14" stop-color="#8C75FF"/><stop offset=".565" stop-color="#5F50E2"/><stop offset=".9" stop-color="#3C2CB8"/></radialGradient><radialGradient id="b" cx="0" cy="0" r="1" gradientTransform="matrix(12.1875 30.39997 -30.74442 12.3256 8.812 16.4)" gradientUnits="userSpaceOnUse"><stop stop-color="#85C2FF"/><stop offset=".69" stop-color="#7588FF"/><stop offset="1" stop-color="#6459FE"/></radialGradient><radialGradient id="d" cx="0" cy="0" r="1" gradientTransform="rotate(113.326 8.093 17.645) scale(19.2186 15.4273)" gradientUnits="userSpaceOnUse"><stop stop-color="#BD96FF"/><stop offset=".687" stop-color="#BD96FF" stop-opacity="0"/></radialGradient><radialGradient id="e" cx="0" cy="0" r="1" gradientTransform="matrix(0 -10 12.6216 0 33 11.571)" gradientUnits="userSpaceOnUse"><stop offset=".268" stop-color="#6868F7"/><stop offset="1" stop-color="#3923B1"/></radialGradient><radialGradient id="f" cx="0" cy="0" r="1" gradientTransform="matrix(5.47024 4.59847 -6.65117 7.91208 28.867 10.544)" gradientUnits="userSpaceOnUse"><stop offset=".271" stop-color="#A1D3FF"/><stop offset=".813" stop-color="#A1D3FF" stop-opacity="0"/></radialGradient><radialGradient id="g" cx="0" cy="0" r="1" gradientTransform="rotate(-41.658 32.118 -43.42) scale(8.51275 20.8824)" gradientUnits="userSpaceOnUse"><stop stop-color="#E3ACFD"/><stop offset=".816" stop-color="#9FA2FF" stop-opacity="0"/></radialGradient><radialGradient id="h" cx="0" cy="0" r="1" gradientTransform="matrix(0 -12 15.146 0 18 8.286)" gradientUnits="userSpaceOnUse"><stop offset=".268" stop-color="#8282FF"/><stop offset="1" stop-color="#3923B1"/></radialGradient><radialGradient id="i" cx="0" cy="0" r="1" gradientTransform="rotate(40.052 -3.155 21.416) scale(8.57554 12.4035)" gradientUnits="userSpaceOnUse"><stop offset=".271" stop-color="#A1D3FF"/><stop offset=".813" stop-color="#A1D3FF" stop-opacity="0"/></radialGradient><radialGradient id="j" cx="0" cy="0" r="1" gradientTransform="rotate(-41.658 20.382 -26.516) scale(10.2153 25.0589)" gradientUnits="userSpaceOnUse"><stop stop-color="#E3ACFD"/><stop offset=".816" stop-color="#9FA2FF" stop-opacity="0"/></radialGradient><radialGradient id="k" cx="0" cy="0" r="1" gradientTransform="rotate(45 -25.763 16.328) scale(22.6274)" gradientUnits="userSpaceOnUse"><stop offset=".047" stop-color="#688EFF"/><stop offset=".947" stop-color="#230F94"/></radialGradient><radialGradient id="l" cx="0" cy="0" r="1" gradientTransform="matrix(0 11.2 -13.0702 0 12 32.6)" gradientUnits="userSpaceOnUse"><stop offset=".571" stop-color="#6965F6" stop-opacity="0"/><stop offset="1" stop-color="#8F8FFF"/></radialGradient><linearGradient id="c" x1="20.594" x2="20.594" y1="18" y2="42" gradientUnits="userSpaceOnUse"><stop offset=".801" stop-color="#6864F6" stop-opacity="0"/><stop offset="1" stop-color="#5149DE"/></linearGradient></defs></svg>`;
14
+ </script>
15
+
16
+ {@html svgContent}
@@ -1,7 +1,16 @@
1
1
  <script lang="ts">
2
- export let width: number = 50;
3
- export let height: number = 50;
4
- const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1007.922 821.827" width="${width}" height="${height}"><defs><style>.a{fill:#fff;}.b{fill:url(#a);}.c{mask:url(#b);}.d{fill:url(#c);}.e{mask:url(#d);}.f{fill:url(#e);}.g{fill:url(#f);}.h{mask:url(#g);}.i{fill:url(#h);}.j{fill:#195abd;}.k{fill:url(#i);}</style><linearGradient id="a" x1="700.766" y1="597.024" x2="749.765" y2="597.024" gradientTransform="translate(86.603 -142.296) scale(0.867 1.307)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-opacity="0.13"/><stop offset="0.994" stop-opacity="0"/></linearGradient><mask id="b" x="317.137" y="651.827" width="170" height="205.208" maskUnits="userSpaceOnUse"><g transform="translate(-8.064 -116.521)"><rect class="a" x="367.701" y="870.953" width="85" height="85" transform="translate(766.054 -22.512) rotate(45)"/></g></mask><radialGradient id="c" cx="410.201" cy="853.349" r="85" gradientTransform="translate(715.49 -156.637) rotate(45)" gradientUnits="userSpaceOnUse"><stop offset="0.5" stop-opacity="0.13"/><stop offset="0.994" stop-opacity="0"/></radialGradient><mask id="d" x="837.922" y="95.835" width="205.208" height="205.208" maskUnits="userSpaceOnUse"><g transform="translate(-8.064 -116.521)"><rect class="a" x="876.038" y="260.012" width="170" height="85" transform="translate(1426.685 1195.977) rotate(-135)"/></g></mask><radialGradient id="e" cx="1051.126" cy="1265.852" r="85" gradientTransform="translate(771.087 1854.394) rotate(-135)" xlink:href="#c"/><linearGradient id="f" x1="1880.8" y1="34.286" x2="1929.799" y2="34.286" gradientTransform="matrix(0.867, 0, 0, -0.796, -1446.031, 767.147)" xlink:href="#a"/><mask id="g" x="-35.208" y="299.482" width="205.208" height="205.208" maskUnits="userSpaceOnUse"><g transform="translate(-8.064 -116.521)"><rect class="a" x="-21.988" y="463.659" width="170" height="85" transform="translate(-339.453 192.807) rotate(-45)"/></g></mask><radialGradient id="h" cx="27.608" cy="2001.37" r="85" gradientTransform="matrix(0.707, -0.707, -0.707, -0.707, 1480.66, 1854.394)" xlink:href="#c"/><linearGradient id="i" x1="308.378" y1="811.629" x2="919.318" y2="200.689" gradientTransform="translate(-178.117 582.307) rotate(-45)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2987e6"/><stop offset="0.994" stop-color="#58c1f5"/></linearGradient></defs><title>Todo</title><rect class="b" x="694.422" y="269.785" width="42.5" height="736.5" transform="translate(652.71 -435.701) rotate(45)"/><g class="c"><circle class="d" cx="402.137" cy="736.827" r="85"/></g><g class="e"><circle class="f" cx="922.922" cy="216.043" r="85"/></g><rect class="g" x="185.305" y="515.608" width="42.5" height="448.5" transform="translate(867.705 1000.439) rotate(135)"/><g class="h"><circle class="i" cx="85" cy="419.69" r="85"/></g><rect class="j" x="164.378" y="319.982" width="288" height="576" rx="42.5" transform="translate(-347.651 279.609) rotate(-45)"/><rect class="k" x="469.848" y="74.159" width="288" height="864" rx="42.5" transform="translate(529.636 -402.327) rotate(45)"/></svg>`;
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1007.922 821.827" width="${width}" height="${height}" ${restAttrs}><defs><style>.a{fill:#fff;}.b{fill:url(#a);}.c{mask:url(#b);}.d{fill:url(#c);}.e{mask:url(#d);}.f{fill:url(#e);}.g{fill:url(#f);}.h{mask:url(#g);}.i{fill:url(#h);}.j{fill:#195abd;}.k{fill:url(#i);}</style><linearGradient id="a" x1="700.766" y1="597.024" x2="749.765" y2="597.024" gradientTransform="translate(86.603 -142.296) scale(0.867 1.307)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-opacity="0.13"/><stop offset="0.994" stop-opacity="0"/></linearGradient><mask id="b" x="317.137" y="651.827" width="170" height="205.208" maskUnits="userSpaceOnUse"><g transform="translate(-8.064 -116.521)"><rect class="a" x="367.701" y="870.953" width="85" height="85" transform="translate(766.054 -22.512) rotate(45)"/></g></mask><radialGradient id="c" cx="410.201" cy="853.349" r="85" gradientTransform="translate(715.49 -156.637) rotate(45)" gradientUnits="userSpaceOnUse"><stop offset="0.5" stop-opacity="0.13"/><stop offset="0.994" stop-opacity="0"/></radialGradient><mask id="d" x="837.922" y="95.835" width="205.208" height="205.208" maskUnits="userSpaceOnUse"><g transform="translate(-8.064 -116.521)"><rect class="a" x="876.038" y="260.012" width="170" height="85" transform="translate(1426.685 1195.977) rotate(-135)"/></g></mask><radialGradient id="e" cx="1051.126" cy="1265.852" r="85" gradientTransform="translate(771.087 1854.394) rotate(-135)" xlink:href="#c"/><linearGradient id="f" x1="1880.8" y1="34.286" x2="1929.799" y2="34.286" gradientTransform="matrix(0.867, 0, 0, -0.796, -1446.031, 767.147)" xlink:href="#a"/><mask id="g" x="-35.208" y="299.482" width="205.208" height="205.208" maskUnits="userSpaceOnUse"><g transform="translate(-8.064 -116.521)"><rect class="a" x="-21.988" y="463.659" width="170" height="85" transform="translate(-339.453 192.807) rotate(-45)"/></g></mask><radialGradient id="h" cx="27.608" cy="2001.37" r="85" gradientTransform="matrix(0.707, -0.707, -0.707, -0.707, 1480.66, 1854.394)" xlink:href="#c"/><linearGradient id="i" x1="308.378" y1="811.629" x2="919.318" y2="200.689" gradientTransform="translate(-178.117 582.307) rotate(-45)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2987e6"/><stop offset="0.994" stop-color="#58c1f5"/></linearGradient></defs><title>Todo</title><rect class="b" x="694.422" y="269.785" width="42.5" height="736.5" transform="translate(652.71 -435.701) rotate(45)"/><g class="c"><circle class="d" cx="402.137" cy="736.827" r="85"/></g><g class="e"><circle class="f" cx="922.922" cy="216.043" r="85"/></g><rect class="g" x="185.305" y="515.608" width="42.5" height="448.5" transform="translate(867.705 1000.439) rotate(135)"/><g class="h"><circle class="i" cx="85" cy="419.69" r="85"/></g><rect class="j" x="164.378" y="319.982" width="288" height="576" rx="42.5" transform="translate(-347.651 279.609) rotate(-45)"/><rect class="k" x="469.848" y="74.159" width="288" height="864" rx="42.5" transform="translate(529.636 -402.327) rotate(45)"/></svg>`;
5
14
  </script>
6
15
 
7
16
  {@html svgContent}
@@ -0,0 +1,16 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" data-name="Слой 1" viewBox="0 0 486 500" width="${width}" height="${height}" ${restAttrs}><defs><radialGradient id="a" cx="-689.34" cy="753.93" r="13.89" data-name="Безымянный градиент" fx="-689.34" fy="753.93" gradientTransform="matrix(47.56 0 0 -20.15 33260.63 15691.18)" gradientUnits="userSpaceOnUse"><stop offset=".18" stop-color="#1657f4"/><stop offset=".57" stop-color="#0036c4"/></radialGradient><radialGradient id="c" cx="-730.97" cy="806.4" r="13.89" data-name="Безымянный градиент 3" fx="-730.97" fy="806.4" gradientTransform="matrix(-20.22495 21.28288 52.40647 49.82267 -56559.12 -24498.36)" gradientUnits="userSpaceOnUse"><stop offset=".14" stop-color="#d471ff"/><stop offset=".83" stop-color="#509df5" stop-opacity="0"/></radialGradient><radialGradient id="d" cx="-682.21" cy="801.86" r="13.89" data-name="Безымянный градиент 4" fx="-682.21" fy="801.86" gradientTransform="matrix(0 18.62 101.62 0 -81063.08 13022.32)" gradientUnits="userSpaceOnUse"><stop offset=".28" stop-color="#4f006f" stop-opacity="0"/><stop offset="1" stop-color="#4f006f"/></radialGradient><radialGradient id="f" cx="-749.58" cy="798.74" r="13.89" data-name="Безымянный градиент 6" fx="-749.58" fy="798.74" gradientTransform="matrix(-28.7167 6.70901 16.06567 68.78884 -33867.69 -49911.37)" gradientUnits="userSpaceOnUse"><stop offset=".06" stop-color="#e4a7fe"/><stop offset=".54" stop-color="#e4a7fe" stop-opacity="0"/></radialGradient><radialGradient id="g" cx="-675.64" cy="797.48" r="13.89" data-name="Безымянный градиент 7" fx="-675.64" fy="797.48" gradientTransform="matrix(15.99196 15.99755 15.99476 -15.99476 -1949 23805.98)" gradientUnits="userSpaceOnUse"><stop offset=".08" stop-color="#367af2"/><stop offset=".87" stop-color="#001a8f"/></radialGradient><radialGradient id="h" cx="-657.62" cy="854.65" r="13.89" data-name="Безымянный градиент 8" fx="-657.62" fy="854.65" gradientTransform="matrix(0 11.2 12.76 0 -10796.09 7734.8)" gradientUnits="userSpaceOnUse"><stop offset=".59" stop-color="#2763e5" stop-opacity="0"/><stop offset=".97" stop-color="#58aafe"/></radialGradient><linearGradient id="b" x1="69.43" x2="388.45" y1="238.11" y2="238.11" data-name="Безымянный градиент 2" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#66c0ff"/><stop offset=".26" stop-color="#0094f0"/></linearGradient><linearGradient id="e" x1="69.48" x2="485.94" y1="380.04" y2="373.16" data-name="Безымянный градиент 5" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9deaff"/><stop offset=".2" stop-color="#3bd5ff"/></linearGradient></defs><path d="m69.43 376.25 194.4-237.36L486 293.13v158.26c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31-37.31-83.31-83.33v-40.42Z" style="fill:url(#a)"/><path d="M69.43 208.87c0-34.52 27.98-62.5 62.49-62.5h283.11L486 111.11v173.61c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31 37.31-83.31 83.33v-207.8Z" style="fill:url(#b)"/><path d="M69.43 208.87c0-34.52 27.98-62.5 62.49-62.5h283.11L486 111.11v173.61c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31 37.31-83.31 83.33v-207.8Z" style="fill:url(#c);fill-opacity:.6"/><path d="M69.43 208.87c0-34.52 27.98-62.5 62.49-62.5h283.11L486 111.11v173.61c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31 37.31-83.31 83.33v-207.8Z" style="fill:url(#d);fill-opacity:.1"/><path d="M69.43 83.33C69.43 37.31 106.73 0 152.74 0H437.4C464.24 0 486 21.76 486 48.61v69.44c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31 37.31-83.31 83.33V83.33Z" style="fill:url(#e)"/><path d="M69.43 83.33C69.43 37.31 106.73 0 152.74 0H437.4C464.24 0 486 21.76 486 48.61v69.44c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31 37.31-83.31 83.33V83.33Z" style="fill:url(#f);fill-opacity:.8"/><rect width="222.17" height="222.22" y="236.11" rx="45.13" ry="45.13" style="fill:url(#g)"/><rect width="222.17" height="222.22" y="236.11" rx="45.13" ry="45.13" style="fill:url(#h);fill-opacity:.65"/><path d="M187.26 283.73 159.92 410.7l-32.69.02-16.14-76.19-16.9 76.19h-33L34.91 283.75h26.95l16.21 83.79 16.11-83.79h33.04l16.87 83.79 15.82-83.79 27.34-.02Z" style="fill:#fff"/></svg>`;
14
+ </script>
15
+
16
+ {@html svgContent}
@@ -1,7 +1,16 @@
1
1
  <script lang="ts">
2
- export let width: number = 50;
3
- export let height: number = 50;
4
- const svgContent = `<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}"><rect width="400" height="400" fill="#141414" rx="60"/><path fill="#fff" fill-rule="evenodd" d="M193.565 64c-20.558.879-39.939 6.3-57.166 15.287l57.166 99.014V64Zm0 158.705-57.163 99.01c17.226 8.985 36.606 14.406 57.163 15.285V222.705Zm11.881 114.294v-114.36l57.19 99.057c-17.232 8.995-36.622 14.423-57.19 15.303Zm0-158.632V64c20.569.881 39.96 6.31 57.193 15.305l-57.193 99.062Zm-121.19 95.551 99.034-57.178-57.172 99.027a137.356 137.356 0 0 1-41.862-41.849Zm230.51-146.803-99.017 57.167 57.172-99.025a137.358 137.358 0 0 1 41.845 41.858ZM84.245 127.1a137.356 137.356 0 0 1 41.87-41.865l57.192 99.058L84.245 127.1Zm-5.95 10.284C69.302 154.619 63.876 174.012 63 194.583h114.367l-99.072-57.199Zm.01 126.251c-8.993-17.227-14.42-36.611-15.303-57.172H177.33l-99.025 57.172Zm143.364-69.052h114.332c-.876-20.565-6.298-39.953-15.287-57.184l-99.045 57.184Zm99.035 69.037-98.998-57.157h114.293c-.882 20.555-6.307 39.934-15.295 57.157Zm-104.939-46.868 57.153 98.992a137.332 137.332 0 0 0 41.836-41.841l-98.989-57.151Z" clip-rule="evenodd"/></svg>`;
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><rect width="400" height="400" fill="#141414" rx="60"/><path fill="#fff" fill-rule="evenodd" d="M193.565 64c-20.558.879-39.939 6.3-57.166 15.287l57.166 99.014V64Zm0 158.705-57.163 99.01c17.226 8.985 36.606 14.406 57.163 15.285V222.705Zm11.881 114.294v-114.36l57.19 99.057c-17.232 8.995-36.622 14.423-57.19 15.303Zm0-158.632V64c20.569.881 39.96 6.31 57.193 15.305l-57.193 99.062Zm-121.19 95.551 99.034-57.178-57.172 99.027a137.356 137.356 0 0 1-41.862-41.849Zm230.51-146.803-99.017 57.167 57.172-99.025a137.358 137.358 0 0 1 41.845 41.858ZM84.245 127.1a137.356 137.356 0 0 1 41.87-41.865l57.192 99.058L84.245 127.1Zm-5.95 10.284C69.302 154.619 63.876 174.012 63 194.583h114.367l-99.072-57.199Zm.01 126.251c-8.993-17.227-14.42-36.611-15.303-57.172H177.33l-99.025 57.172Zm143.364-69.052h114.332c-.876-20.565-6.298-39.953-15.287-57.184l-99.045 57.184Zm99.035 69.037-98.998-57.157h114.293c-.882 20.555-6.307 39.934-15.295 57.157Zm-104.939-46.868 57.153 98.992a137.332 137.332 0 0 0 41.836-41.841l-98.989-57.151Z" clip-rule="evenodd"/></svg>`;
5
14
  </script>
6
15
 
7
16
  {@html svgContent}
@@ -1,7 +1,16 @@
1
1
  <script lang="ts">
2
- export let width: number = 50;
3
- export let height: number = 50;
4
- const svgContent = `<svg version="1.2" preserveAspectRatio="xMidYMid" viewBox="0 0 228 198" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><g><path fill='#199afc' d="M73.2 126.4c-15 15-15 39.3 0 54.3L19 126.4C4 111.5 4 87.2 19 72.2L73.2 18c15-15 39.2-15 54.2 0s15 39.2 0 54.2z"/><path fill="#1d5682" d="m73.2 126.4 27.1-27.1 27.1 27.1c15 15 15 39.3 0 54.3-15 14.9-39.2 14.9-54.2 0-15-15-15-39.3 0-54.3z"/><g><path fill="#199afc" d="M185.5 84.3c8.3-8.2 8.3-21.7 0-29.9l30 29.9c8.2 8.3 8.2 21.7 0 30l-30 30c-8.3 8.3-21.7 8.3-30 0s-8.3-21.7 0-30z"/><path fill="#1d5682" d="m185.5 84.3-15 15-15-15c-8.3-8.2-8.3-21.7 0-29.9 8.3-8.3 21.7-8.3 30 0 8.3 8.2 8.3 21.7 0 29.9z"/></g></g></svg>`;
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg version="1.2" preserveAspectRatio="xMidYMid" viewBox="0 0 228 198" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><g><path fill='#199afc' d="M73.2 126.4c-15 15-15 39.3 0 54.3L19 126.4C4 111.5 4 87.2 19 72.2L73.2 18c15-15 39.2-15 54.2 0s15 39.2 0 54.2z"/><path fill="#1d5682" d="m73.2 126.4 27.1-27.1 27.1 27.1c15 15 15 39.3 0 54.3-15 14.9-39.2 14.9-54.2 0-15-15-15-39.3 0-54.3z"/><g><path fill="#199afc" d="M185.5 84.3c8.3-8.2 8.3-21.7 0-29.9l30 29.9c8.2 8.3 8.2 21.7 0 30l-30 30c-8.3 8.3-21.7 8.3-30 0s-8.3-21.7 0-30z"/><path fill="#1d5682" d="m185.5 84.3-15 15-15-15c-8.3-8.2-8.3-21.7 0-29.9 8.3-8.3 21.7-8.3 30 0 8.3 8.2 8.3 21.7 0 29.9z"/></g></g></svg>`;
5
14
  </script>
6
15
 
7
16
  {@html svgContent}
@@ -1,7 +1,16 @@
1
1
  <script lang="ts">
2
- export let width: number = 50;
3
- export let height: number = 50;
4
- const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 220" width="${width}" height="${height}">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 220" width="${width}" height="${height}" ${restAttrs}>
5
14
  <path fill="#31303A" d="M110 20c49.706 0 90 40.294 90 90s-40.294 90-90 90-90-40.294-90-90 40.294-90 90-90Zm40 55.01c0-4.455-5.386-6.685-8.536-3.536L110 102.934l-31.464-31.46C75.386 68.324 70 70.555 70 75.01V145a5 5 0 0 0 5 5h70a5 5 0 0 0 5-5Zm-40 42.065 22.929 22.926H87.07L110 117.075Zm30-29.996v45.852l-22.929-22.926L140 87.079Zm-60 0 22.929 22.926L80 132.931V87.08Z"/>
6
15
  </svg>`;
7
16
  </script>
@@ -1,7 +1,16 @@
1
1
  <script lang="ts">
2
- export let width: number = 50;
3
- export let height: number = 50;
4
- const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 182" width="${width}" height="${height}"><defs><radialGradient cx="50%" cy="49.999%" fx="50%" fy="49.999%" r="32.306%" gradientTransform="translate(0 -380193.475) skewY(90)" id="a"><stop stop-color="#845CE7" offset="0%"/><stop stop-color="#AF73D8" offset="100%"/></radialGradient><radialGradient cx="50.061%" cy="104.167%" fx="50.061%" fy="104.167%" r="67.301%" gradientTransform="translate(0 -35820434.112) skewY(90)" id="b"><stop stop-color="#845CE7" offset="0%"/><stop stop-color="#AF73D8" offset="100%"/></radialGradient><radialGradient cx="99.122%" cy="34.222%" fx="99.122%" fy="34.222%" r="42.521%" gradientTransform="translate(0 -56809933.375) skewY(90)" id="c"><stop stop-color="#845CE7" offset="0%"/><stop stop-color="#AF73D8" offset="100%"/></radialGradient><radialGradient cx=".878%" cy="34.21%" fx=".878%" fy="34.21%" r="42.506%" gradientTransform="translate(0 -5447320.88) skewY(90)" id="d"><stop stop-color="#845CE7" offset="0%"/><stop stop-color="#AF73D8" offset="100%"/></radialGradient></defs><path d="M64.995 153.355c11.777-16.858 35.745-28.399 63.396-28.399 27.65 0 51.62 11.54 63.397 28.4-11.778 16.856-35.746 28.397-63.397 28.397-27.651 0-51.619-11.54-63.396-28.398Z" fill="url(#a)"/><path d="M64.567 28.097C76.337 11.418 100.289 0 127.923 0c27.633 0 51.586 11.418 63.356 28.097-11.77 16.679-35.723 28.097-63.356 28.097-27.634 0-51.586-11.418-63.356-28.097Z" fill="url(#b)"/><path d="M129.133 91.209c-17.124 16.54-40.349 25.831-64.566 25.831-24.217 0-47.443-9.292-64.567-25.831l64.567-63.112 64.566 63.112Z" fill="url(#c)"/><path d="M256 91.24c-17.124 16.54-40.35 25.831-64.567 25.831-24.217 0-47.443-9.292-64.567-25.831l64.567-63.143L256 91.24Z" fill="url(#d)"/></svg>`;
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 182" width="${width}" height="${height}" ${restAttrs}><defs><radialGradient cx="50%" cy="49.999%" fx="50%" fy="49.999%" r="32.306%" gradientTransform="translate(0 -380193.475) skewY(90)" id="a"><stop stop-color="#845CE7" offset="0%"/><stop stop-color="#AF73D8" offset="100%"/></radialGradient><radialGradient cx="50.061%" cy="104.167%" fx="50.061%" fy="104.167%" r="67.301%" gradientTransform="translate(0 -35820434.112) skewY(90)" id="b"><stop stop-color="#845CE7" offset="0%"/><stop stop-color="#AF73D8" offset="100%"/></radialGradient><radialGradient cx="99.122%" cy="34.222%" fx="99.122%" fy="34.222%" r="42.521%" gradientTransform="translate(0 -56809933.375) skewY(90)" id="c"><stop stop-color="#845CE7" offset="0%"/><stop stop-color="#AF73D8" offset="100%"/></radialGradient><radialGradient cx=".878%" cy="34.21%" fx=".878%" fy="34.21%" r="42.506%" gradientTransform="translate(0 -5447320.88) skewY(90)" id="d"><stop stop-color="#845CE7" offset="0%"/><stop stop-color="#AF73D8" offset="100%"/></radialGradient></defs><path d="M64.995 153.355c11.777-16.858 35.745-28.399 63.396-28.399 27.65 0 51.62 11.54 63.397 28.4-11.778 16.856-35.746 28.397-63.397 28.397-27.651 0-51.619-11.54-63.396-28.398Z" fill="url(#a)"/><path d="M64.567 28.097C76.337 11.418 100.289 0 127.923 0c27.633 0 51.586 11.418 63.356 28.097-11.77 16.679-35.723 28.097-63.356 28.097-27.634 0-51.586-11.418-63.356-28.097Z" fill="url(#b)"/><path d="M129.133 91.209c-17.124 16.54-40.349 25.831-64.566 25.831-24.217 0-47.443-9.292-64.567-25.831l64.567-63.112 64.566 63.112Z" fill="url(#c)"/><path d="M256 91.24c-17.124 16.54-40.35 25.831-64.567 25.831-24.217 0-47.443-9.292-64.567-25.831l64.567-63.143L256 91.24Z" fill="url(#d)"/></svg>`;
5
14
  </script>
6
15
 
7
16
  {@html svgContent}