// @thesvg/icons - theSVG
// Auto-generated. Do not edit.

export const slug = "thesvg";
export const title = "theSVG";
export const hex = "F97316";
export const categories = ["Design", "Devtool"];
export const aliases = ["The SVG", "thesvg.org"];
export const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="none">
  <rect width="512" height="512" rx="108" fill="#09090B"/>
  <rect x="184" y="84" width="220" height="220" rx="40" fill="#C2410C"/>
  <rect x="148" y="120" width="220" height="220" rx="40" fill="#EA580C"/>
  <rect x="112" y="156" width="220" height="220" rx="40" fill="#F97316"/>
  <path d="M188 248 L168 266 L188 284" stroke="#FFF7ED" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  <path d="M256 248 L276 266 L256 284" stroke="#FFF7ED" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  <line x1="232" y1="242" x2="212" y2="290" stroke="#FFF7ED" stroke-width="4" stroke-linecap="round" opacity="0.5"/>
</svg>`;
export const variants = {
  "default": `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="none">
  <rect width="512" height="512" rx="108" fill="#09090B"/>
  <rect x="184" y="84" width="220" height="220" rx="40" fill="#C2410C"/>
  <rect x="148" y="120" width="220" height="220" rx="40" fill="#EA580C"/>
  <rect x="112" y="156" width="220" height="220" rx="40" fill="#F97316"/>
  <path d="M188 248 L168 266 L188 284" stroke="#FFF7ED" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  <path d="M256 248 L276 266 L256 284" stroke="#FFF7ED" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  <line x1="232" y1="242" x2="212" y2="290" stroke="#FFF7ED" stroke-width="4" stroke-linecap="round" opacity="0.5"/>
</svg>`,
  "light": `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="none">
  <!-- theSVG Logo - Transparent background -->
  <rect x="184" y="84" width="220" height="220" rx="40" fill="#C2410C"/>
  <rect x="148" y="120" width="220" height="220" rx="40" fill="#EA580C"/>
  <rect x="112" y="156" width="220" height="220" rx="40" fill="#F97316"/>
  <path d="M188 248 L168 266 L188 284" stroke="#FFF7ED" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  <path d="M256 248 L276 266 L256 284" stroke="#FFF7ED" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  <line x1="232" y1="242" x2="212" y2="290" stroke="#FFF7ED" stroke-width="4" stroke-linecap="round" opacity="0.5"/>
</svg>`,
  "wordmark": `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 280 56" fill="none">
  <!-- theSVG Logo Wordmark (horizontal) -->
  <!-- Icon -->
  <rect width="56" height="56" rx="12" fill="#09090B"/>
  <rect x="20" y="9" width="24" height="24" rx="4.5" fill="#7C2D12"/>
  <rect x="16.1" y="13" width="24" height="24" rx="4.5" fill="#C2410C"/>
  <rect x="12.2" y="17" width="24" height="24" rx="4.5" fill="#F97316"/>
  <path d="M20.5 27.2 L18.3 28.8 L20.5 30.4" stroke="#FED7AA" stroke-width="0.7" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  <path d="M27.9 27.2 L30.1 28.8 L27.9 30.4" stroke="#FED7AA" stroke-width="0.7" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  <line x1="25.3" y1="26.7" x2="23.1" y2="30.9" stroke="#FED7AA" stroke-width="0.45" stroke-linecap="round" opacity="0.5"/>
  <!-- Wordmark text -->
  <text x="72" y="39" font-family="-apple-system,BlinkMacSystemFont,'Inter',sans-serif" font-size="28" font-weight="600" letter-spacing="-0.5" fill="white">theSVG</text>
</svg>`
};
export const license = "MIT";
export const url = "https://thesvg.org";

const thesvg = { slug, title, hex, categories, aliases, svg, variants, license, url };
export default thesvg;
