firefox

PreviousNext
Docs
svglcomponent

Preview

Loading preview…
././static/components-generated/firefox.tsx
import type { SVGProps } from "react";

const Firefox = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 256 265" preserveAspectRatio="xMidYMid">
    <defs>
      <radialGradient
        id="b"
        cx="-7907.187"
        cy="-8515.121"
        r="80.797"
        gradientTransform="translate(26367.938 28186.305) scale(3.3067)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".129" stop-color="#ffbd4f" />
        <stop offset=".186" stop-color="#ffac31" />
        <stop offset=".247" stop-color="#ff9d17" />
        <stop offset=".283" stop-color="#ff980e" />
        <stop offset=".403" stop-color="#ff563b" />
        <stop offset=".467" stop-color="#ff3750" />
        <stop offset=".71" stop-color="#f5156c" />
        <stop offset=".782" stop-color="#eb0878" />
        <stop offset=".86" stop-color="#e50080" />
      </radialGradient>
      <radialGradient
        id="c"
        cx="-7936.711"
        cy="-8482.089"
        r="80.797"
        gradientTransform="translate(26367.938 28186.305) scale(3.3067)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".3" stop-color="#960e18" />
        <stop offset=".351" stop-color="#b11927" stop-opacity=".74" />
        <stop offset=".435" stop-color="#db293d" stop-opacity=".343" />
        <stop offset=".497" stop-color="#f5334b" stop-opacity=".094" />
        <stop offset=".53" stop-color="#ff3750" stop-opacity="0" />
      </radialGradient>
      <radialGradient
        id="d"
        cx="-7926.97"
        cy="-8533.457"
        r="58.534"
        gradientTransform="translate(26367.938 28186.305) scale(3.3067)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".132" stop-color="#fff44f" />
        <stop offset=".252" stop-color="#ffdc3e" />
        <stop offset=".506" stop-color="#ff9d12" />
        <stop offset=".526" stop-color="#ff980e" />
      </radialGradient>
      <radialGradient
        id="e"
        cx="-7945.648"
        cy="-8460.984"
        r="38.471"
        gradientTransform="translate(26367.938 28186.305) scale(3.3067)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".353" stop-color="#3a8ee6" />
        <stop offset=".472" stop-color="#5c79f0" />
        <stop offset=".669" stop-color="#9059ff" />
        <stop offset="1" stop-color="#c139e6" />
      </radialGradient>
      <radialGradient
        id="f"
        cx="-7935.62"
        cy="-8491.546"
        r="20.397"
        gradientTransform="matrix(3.21411 -.77707 .90934 3.76302 33365.914 25904.014)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".206" stop-color="#9059ff" stop-opacity="0" />
        <stop offset=".278" stop-color="#8c4ff3" stop-opacity=".064" />
        <stop offset=".747" stop-color="#7716a8" stop-opacity=".45" />
        <stop offset=".975" stop-color="#6e008b" stop-opacity=".6" />
      </radialGradient>
      <radialGradient
        id="g"
        cx="-7937.731"
        cy="-8518.427"
        r="27.676"
        gradientTransform="translate(26367.938 28186.305) scale(3.3067)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#ffe226" />
        <stop offset=".121" stop-color="#ffdb27" />
        <stop offset=".295" stop-color="#ffc82a" />
        <stop offset=".502" stop-color="#ffa930" />
        <stop offset=".732" stop-color="#ff7e37" />
        <stop offset=".792" stop-color="#ff7139" />
      </radialGradient>
      <radialGradient
        id="h"
        cx="-7915.977"
        cy="-8535.981"
        r="118.081"
        gradientTransform="translate(26367.938 28186.305) scale(3.3067)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".113" stop-color="#fff44f" />
        <stop offset=".456" stop-color="#ff980e" />
        <stop offset=".622" stop-color="#ff5634" />
        <stop offset=".716" stop-color="#ff3647" />
        <stop offset=".904" stop-color="#e31587" />
      </radialGradient>
      <radialGradient
        id="i"
        cx="-7927.165"
        cy="-8522.859"
        r="86.499"
        gradientTransform="matrix(.3472 3.29017 -2.15928 .22816 -15491.597 28008.376)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#fff44f" />
        <stop offset=".06" stop-color="#ffe847" />
        <stop offset=".168" stop-color="#ffc830" />
        <stop offset=".304" stop-color="#ff980e" />
        <stop offset=".356" stop-color="#ff8b16" />
        <stop offset=".455" stop-color="#ff672a" />
        <stop offset=".57" stop-color="#ff3647" />
        <stop offset=".737" stop-color="#e31587" />
      </radialGradient>
      <radialGradient
        id="j"
        cx="-7938.383"
        cy="-8508.176"
        r="73.72"
        gradientTransform="translate(26367.938 28186.305) scale(3.3067)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".137" stop-color="#fff44f" />
        <stop offset=".48" stop-color="#ff980e" />
        <stop offset=".592" stop-color="#ff5634" />
        <stop offset=".655" stop-color="#ff3647" />
        <stop offset=".904" stop-color="#e31587" />
      </radialGradient>
      <radialGradient
        id="k"
        cx="-7918.923"
        cy="-8503.861"
        r="80.686"
        gradientTransform="translate(26367.938 28186.305) scale(3.3067)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".094" stop-color="#fff44f" />
        <stop offset=".231" stop-color="#ffe141" />
        <stop offset=".509" stop-color="#ffaf1e" />
        <stop offset=".626" stop-color="#ff980e" />
      </radialGradient>
      <linearGradient
        id="a"
        x1="70.786"
        x2="6.447"
        y1="12.393"
        y2="74.468"
        gradientTransform="translate(-2.999 -.01) scale(3.3067)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".048" stop-color="#fff44f" />
        <stop offset=".111" stop-color="#ffe847" />
        <stop offset=".225" stop-color="#ffc830" />
        <stop offset=".368" stop-color="#ff980e" />
        <stop offset=".401" stop-color="#ff8b16" />
        <stop offset=".462" stop-color="#ff672a" />
        <stop offset=".534" stop-color="#ff3647" />
        <stop offset=".705" stop-color="#e31587" />
      </linearGradient>
      <linearGradient
        id="l"
        x1="70.013"
        x2="15.267"
        y1="12.061"
        y2="66.806"
        gradientTransform="translate(-2.999 -.01) scale(3.3067)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".167" stop-color="#fff44f" stop-opacity=".8" />
        <stop offset=".266" stop-color="#fff44f" stop-opacity=".634" />
        <stop offset=".489" stop-color="#fff44f" stop-opacity=".217" />
        <stop offset=".6" stop-color="#fff44f" stop-opacity="0" />
      </linearGradient>
    </defs>
    <path
      fill="url(#a)"
      d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9l.023.215c-14.49-36.126-39.062-50.692-59.13-82.41a155.1 155.1 0 0 1-3.019-4.907 40.605 40.605 0 0 1-1.412-2.645 23.31 23.31 0 0 1-1.912-5.076.331.331 0 0 0-.291-.331.469.469 0 0 0-.241 0c-.016 0-.043.03-.063.037-.02.006-.063.036-.092.049l.049-.086c-32.19 18.849-43.113 53.741-44.118 71.194a64.108 64.108 0 0 0-35.269 13.593 38.336 38.336 0 0 0-3.307-2.506 59.417 59.417 0 0 1-.36-31.324 94.912 94.912 0 0 0-30.848 23.841h-.06c-5.079-6.438-4.722-27.667-4.431-32.102a22.957 22.957 0 0 0-4.279 2.272 93.435 93.435 0 0 0-12.526 10.73 111.954 111.954 0 0 0-11.98 14.375v.019-.023A108.26 108.26 0 0 0 4.841 108.92l-.171.846a203.818 203.818 0 0 0-1.26 8.003c0 .096-.02.185-.03.281a122.12 122.12 0 0 0-2.08 17.667v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378ZM100.322 189.031c.599.288 1.161.599 1.776.873l.089.057a68.838 68.838 0 0 1-1.865-.93Zm29.357-77.297Zm105.656-16.315v-.123l.023.136-.023-.013Z"
    />
    <path
      fill="url(#b)"
      d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9v.122l.023.136a116.067 116.067 0 0 1-3.988 86.497c-14.688 31.516-50.242 63.819-105.894 62.248-60.132-1.703-113.089-46.323-122.989-104.766-1.802-9.216 0-13.888.906-21.378a95.444 95.444 0 0 0-2.06 17.684v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378Z"
    />
    <path
      fill="url(#c)"
      d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9v.122l.023.136a116.067 116.067 0 0 1-3.988 86.497c-14.688 31.516-50.242 63.819-105.894 62.248-60.132-1.703-113.089-46.323-122.989-104.766-1.802-9.216 0-13.888.906-21.378a95.444 95.444 0 0 0-2.06 17.684v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378Z"
    />
    <path
      fill="url(#d)"
      d="M185.754 103.778c.278.195.536.39.797.585a69.775 69.775 0 0 0-11.904-15.525C134.815 48.999 164.208 2.457 169.165.093l.049-.073c-32.19 18.849-43.113 53.741-44.118 71.194 1.495-.103 2.976-.229 4.504-.229a64.68 64.68 0 0 1 56.154 32.793Z"
    />
    <path
      fill="url(#e)"
      d="M129.683 111.734c-.212 3.188-11.475 14.182-15.413 14.182-36.443 0-42.359 22.046-42.359 22.046 1.614 18.564 14.55 33.854 30.187 41.942.714.371 1.439.705 2.163 1.032a70.572 70.572 0 0 0 3.763 1.541 56.974 56.974 0 0 0 16.675 3.217c63.876 2.996 76.25-76.384 30.154-99.419a44.241 44.241 0 0 1 30.901 7.503A64.68 64.68 0 0 0 129.6 70.985c-1.521 0-3.009.126-4.504.229a64.108 64.108 0 0 0-35.269 13.593c1.954 1.654 4.16 3.863 8.806 8.442 8.696 8.568 31 17.443 31.05 18.485Z"
    />
    <path
      fill="url(#f)"
      d="M129.683 111.734c-.212 3.188-11.475 14.182-15.413 14.182-36.443 0-42.359 22.046-42.359 22.046 1.614 18.564 14.55 33.854 30.187 41.942.714.371 1.439.705 2.163 1.032a70.572 70.572 0 0 0 3.763 1.541 56.974 56.974 0 0 0 16.675 3.217c63.876 2.996 76.25-76.384 30.154-99.419a44.241 44.241 0 0 1 30.901 7.503A64.68 64.68 0 0 0 129.6 70.985c-1.521 0-3.009.126-4.504.229a64.108 64.108 0 0 0-35.269 13.593c1.954 1.654 4.16 3.863 8.806 8.442 8.696 8.568 31 17.443 31.05 18.485Z"
    />
    <path
      fill="url(#g)"
      d="M83.852 80.545a81.51 81.51 0 0 1 2.645 1.756 59.407 59.407 0 0 1-.36-31.324 94.926 94.926 0 0 0-30.849 23.841c.625-.017 19.216-.351 28.564 5.727Z"
    />
    <path
      fill="url(#h)"
      d="M2.471 139.411c9.89 58.443 62.857 103.063 122.989 104.766 55.652 1.574 91.205-30.732 105.894-62.248a116.067 116.067 0 0 0 3.988-86.497v-.122c0-.096-.02-.153 0-.123l.023.215c4.547 29.684-10.552 58.443-34.155 77.889l-.073.166c-45.989 37.455-90.002 22.598-98.91 16.533a64.67 64.67 0 0 1-1.865-.929c-26.814-12.817-37.891-37.247-35.517-58.198a32.912 32.912 0 0 1-30.359-19.096 48.336 48.336 0 0 1 47.117-1.891 63.821 63.821 0 0 0 48.119 1.891c-.049-1.042-22.353-9.92-31.05-18.484-4.646-4.58-6.851-6.786-8.805-8.442a38.145 38.145 0 0 0-3.307-2.507c-.761-.519-1.617-1.081-2.645-1.756-9.348-6.078-27.939-5.744-28.554-5.727h-.059c-5.079-6.438-4.722-27.667-4.431-32.101a22.862 22.862 0 0 0-4.279 2.271 93.373 93.373 0 0 0-12.526 10.73 112.062 112.062 0 0 0-12.03 14.342v.019-.023A108.26 108.26 0 0 0 4.841 108.92c-.062.261-4.616 20.167-2.37 30.491Z"
    />
    <path
      fill="url(#i)"
      d="M174.654 88.838a69.818 69.818 0 0 1 11.904 15.542 26.607 26.607 0 0 1 1.921 1.574c29.056 26.784 13.832 64.646 12.698 67.341 23.603-19.447 38.688-48.205 34.155-77.89-14.497-36.142-39.069-50.708-59.137-82.426a155.1 155.1 0 0 1-3.019-4.907 40.605 40.605 0 0 1-1.412-2.645 23.31 23.31 0 0 1-1.912-5.076.331.331 0 0 0-.291-.331.469.469 0 0 0-.241 0c-.016 0-.043.03-.063.037-.02.006-.063.036-.092.049-4.957 2.351-34.35 48.893 5.489 88.732Z"
    />
    <path
      fill="url(#j)"
      d="M188.459 105.937a26.822 26.822 0 0 0-1.921-1.574c-.261-.195-.519-.39-.797-.585a44.243 44.243 0 0 0-30.901-7.503c46.095 23.048 33.728 102.415-30.154 99.419a56.974 56.974 0 0 1-16.675-3.217 67.38 67.38 0 0 1-3.763-1.541c-.725-.331-1.449-.661-2.163-1.032l.089.057c8.908 6.081 52.907 20.938 98.91-16.534l.073-.165c1.147-2.679 16.371-40.55-12.698-67.325Z"
    />
    <path
      fill="url(#k)"
      d="M71.911 147.962s5.916-22.046 42.359-22.046c3.938 0 15.211-10.994 15.413-14.182a63.817 63.817 0 0 1-48.119-1.892 48.341 48.341 0 0 0-47.118 1.892 32.912 32.912 0 0 0 30.359 19.096c-2.374 20.955 8.703 45.385 35.517 58.198.599.288 1.161.599 1.776.873-15.65-8.085-28.573-23.375-30.187-41.939Z"
    />
    <path
      fill="url(#l)"
      d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9l.023.215c-14.49-36.126-39.062-50.692-59.13-82.41a155.1 155.1 0 0 1-3.019-4.907 40.605 40.605 0 0 1-1.412-2.645 23.31 23.31 0 0 1-1.912-5.076.331.331 0 0 0-.291-.331.469.469 0 0 0-.241 0c-.016 0-.043.03-.063.037-.02.006-.063.036-.092.049l.049-.086c-32.19 18.849-43.113 53.741-44.118 71.194 1.495-.103 2.976-.229 4.504-.229a64.68 64.68 0 0 1 56.154 32.793 44.241 44.241 0 0 0-30.901-7.503c46.096 23.048 33.729 102.415-30.154 99.419a56.974 56.974 0 0 1-16.675-3.217 67.38 67.38 0 0 1-3.763-1.541c-.724-.331-1.449-.661-2.163-1.032l.089.057a68.838 68.838 0 0 1-1.865-.93c.599.288 1.161.599 1.776.873-15.65-8.088-28.573-23.378-30.187-41.942 0 0 5.916-22.046 42.359-22.046 3.938 0 15.211-10.994 15.413-14.182-.05-1.042-22.354-9.92-31.05-18.485-4.646-4.579-6.852-6.785-8.806-8.442a38.336 38.336 0 0 0-3.307-2.506 59.417 59.417 0 0 1-.36-31.324 94.912 94.912 0 0 0-30.848 23.841h-.06c-5.079-6.438-4.722-27.667-4.431-32.102a22.957 22.957 0 0 0-4.279 2.272 93.435 93.435 0 0 0-12.526 10.73 111.954 111.954 0 0 0-11.98 14.375v.019-.023A108.26 108.26 0 0 0 4.841 108.92l-.171.846c-.242 1.128-1.323 6.855-1.479 8.085 0 .093 0-.096 0 0A149.15 149.15 0 0 0 1.3 135.717v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378Zm-12.715 6.583.024.136-.024-.136Z"
    />
  </svg>
);

export { Firefox };

Installation

npx shadcn@latest add @svgl/firefox

Usage

import { Firefox } from "@/components/firefox"
<Firefox />