Extension Icon

TheSVG

Search, preview, and copy 5,600+ brand SVG icons from thesvg.org
GK
GDS K S
140 Installs
Overview

theSVG for Raycast

Search, preview, and copy 5,600+ brand SVG icons from thesvg.org directly in Raycast.

Commands

Search Brand Icons

Browse and search the full theSVG library. Filter by category, preview icons, and copy SVG source code instantly.

Actions:

  • Copy SVG (Cmd+C) - Copy the SVG source code to clipboard
  • Copy Direct URL (Cmd+Shift+C) - Copy the theSVG direct URL
  • Copy jsDelivr URL (Cmd+Option+C) - Copy the jsDelivr CDN URL
  • Open on theSVG (Cmd+O) - Open the icon page in your browser
  • View Details (Cmd+D) - See all variants, SVG source, and metadata
  • Copy as JSX (Cmd+Shift+J) - Copy as a React JSX component
  • Copy as HTML (Cmd+Shift+H) - Copy as an <img> tag
  • Copy as Data URI (Cmd+Shift+D) - Copy as inline data URI
  • Copy Hex Color (Cmd+Shift+X) - Copy brand color

Quick Copy

Copy a brand SVG instantly without opening Raycast's UI. Type the brand name as an argument.

Example: Copy Brand Icon > github copies the GitHub SVG to your clipboard.

Preferences

SettingDescriptionDefault
Default VariantWhich variant to copy (default, mono, light, dark)Default (Brand Color)

Features

  • Search 5,600+ brand icons with alias matching
  • Filter by 100+ categories (AI, Design, DevTool, Cloud, etc.)
  • Preview icon thumbnails in the list
  • View all available variants (up to 7 per icon)
  • Copy raw SVG source code
  • Copy as JSX React component, HTML img tag, or Data URI
  • Copy brand hex color
  • Copy CDN URLs (thesvg.org + jsDelivr)
  • Full detail view with SVG source preview

Links