@jstnmthw/react-fluentui-emoji/icons/SaltIcon.jsx

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const SaltIcon = ({ title, titleId, ...props }) => (
  <svg
    width="1em"
    height="1em"
    viewBox="0 0 32 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby={titleId}
    {...props}
  >
    {title ? <title id={titleId}>{title}</title> : null}
    <path
      d="M20.598 29.98H11.408C9.30798 29.98 7.69798 28.09 8.04798 26.02L10.488 11.36H21.518L23.958 26.01C24.298 28.09 22.698 29.98 20.598 29.98Z"
      fill="#D6F9FF"
    />
    <path
      d="M20.598 29.98H11.408C9.30798 29.98 7.69798 28.09 8.04798 26.02L10.488 11.36H21.518L23.958 26.01C24.298 28.09 22.698 29.98 20.598 29.98Z"
      fill="url(#paint0_radial_18_28727)"
    />
    <path
      d="M20.598 29.98H11.408C9.30798 29.98 7.69798 28.09 8.04798 26.02L10.488 11.36H21.518L23.958 26.01C24.298 28.09 22.698 29.98 20.598 29.98Z"
      fill="url(#paint1_linear_18_28727)"
    />
    <path
      d="M20.598 29.98H11.408C9.30798 29.98 7.69798 28.09 8.04798 26.02L10.488 11.36H21.518L23.958 26.01C24.298 28.09 22.698 29.98 20.598 29.98Z"
      fill="url(#paint2_linear_18_28727)"
    />
    <path
      d="M21.5279 7.57996H10.4879V11.35H21.5279V7.57996Z"
      fill="url(#paint3_linear_18_28727)"
    />
    <path
      d="M21.5279 7.57996H10.4879V11.35H21.5279V7.57996Z"
      fill="url(#paint4_linear_18_28727)"
    />
    <path
      d="M21.5279 7.57996H10.4879V11.35H21.5279V7.57996Z"
      fill="url(#paint5_linear_18_28727)"
    />
    <path
      d="M19.508 2H12.488C10.178 2 8.45797 4.12 8.92797 6.38C9.07797 7.08 9.68797 7.58 10.408 7.58H21.598C22.308 7.58 22.928 7.08 23.078 6.38C23.548 4.12 21.818 2 19.508 2Z"
      fill="url(#paint6_linear_18_28727)"
    />
    <path
      d="M19.508 2H12.488C10.178 2 8.45797 4.12 8.92797 6.38C9.07797 7.08 9.68797 7.58 10.408 7.58H21.598C22.308 7.58 22.928 7.08 23.078 6.38C23.548 4.12 21.818 2 19.508 2Z"
      fill="url(#paint7_linear_18_28727)"
    />
    <path
      d="M19.508 2H12.488C10.178 2 8.45797 4.12 8.92797 6.38C9.07797 7.08 9.68797 7.58 10.408 7.58H21.598C22.308 7.58 22.928 7.08 23.078 6.38C23.548 4.12 21.818 2 19.508 2Z"
      fill="url(#paint8_radial_18_28727)"
    />
    <path
      d="M19.508 2H12.488C10.178 2 8.45797 4.12 8.92797 6.38C9.07797 7.08 9.68797 7.58 10.408 7.58H21.598C22.308 7.58 22.928 7.08 23.078 6.38C23.548 4.12 21.818 2 19.508 2Z"
      fill="url(#paint9_radial_18_28727)"
    />
    <path
      d="M19.508 2H12.488C10.178 2 8.45797 4.12 8.92797 6.38C9.07797 7.08 9.68797 7.58 10.408 7.58H21.598C22.308 7.58 22.928 7.08 23.078 6.38C23.548 4.12 21.818 2 19.508 2Z"
      fill="url(#paint10_radial_18_28727)"
    />
    <path
      d="M19.508 2H12.488C10.178 2 8.45797 4.12 8.92797 6.38C9.07797 7.08 9.68797 7.58 10.408 7.58H21.598C22.308 7.58 22.928 7.08 23.078 6.38C23.548 4.12 21.818 2 19.508 2Z"
      fill="url(#paint11_linear_18_28727)"
    />
    <path
      d="M19.7079 17.86H12.2979C11.9179 17.86 11.5879 18.14 11.5279 18.51L10.4379 25.05C10.1979 26.5 11.3179 27.82 12.7879 27.82H19.2179C20.6879 27.82 21.8079 26.5 21.5679 25.05L20.4779 18.51C20.4079 18.14 20.0879 17.86 19.7079 17.86Z"
      fill="url(#paint12_linear_18_28727)"
    />
    <path
      d="M19.7079 17.86H12.2979C11.9179 17.86 11.5879 18.14 11.5279 18.51L10.4379 25.05C10.1979 26.5 11.3179 27.82 12.7879 27.82H19.2179C20.6879 27.82 21.8079 26.5 21.5679 25.05L20.4779 18.51C20.4079 18.14 20.0879 17.86 19.7079 17.86Z"
      fill="url(#paint13_linear_18_28727)"
    />
    <path
      d="M12.9878 4.08C13.286 4.08 13.5278 3.83823 13.5278 3.54C13.5278 3.24177 13.286 3 12.9878 3C12.6895 3 12.4478 3.24177 12.4478 3.54C12.4478 3.83823 12.6895 4.08 12.9878 4.08Z"
      fill="url(#paint14_radial_18_28727)"
    />
    <path
      d="M16.5678 3.54C16.5678 3.83823 16.326 4.08 16.0278 4.08C15.7296 4.08 15.4878 3.83823 15.4878 3.54C15.4878 3.24177 15.7296 3 16.0278 3C16.326 3 16.5678 3.24177 16.5678 3.54Z"
      fill="url(#paint15_radial_18_28727)"
    />
    <path
      d="M19.0677 4.08C19.3659 4.08 19.6077 3.83823 19.6077 3.54C19.6077 3.24177 19.3659 3 19.0677 3C18.7695 3 18.5277 3.24177 18.5277 3.54C18.5277 3.83823 18.7695 4.08 19.0677 4.08Z"
      fill="url(#paint16_radial_18_28727)"
    />
    <path
      d="M15.1178 5.46004C15.1178 5.75828 14.8761 6.00004 14.5778 6.00004C14.2796 6.00004 14.0378 5.75828 14.0378 5.46004C14.0378 5.16181 14.2796 4.92004 14.5778 4.92004C14.8761 4.92004 15.1178 5.16181 15.1178 5.46004Z"
      fill="url(#paint17_radial_18_28727)"
    />
    <path
      d="M18.0079 5.46004C18.0079 5.75828 17.7661 6.00004 17.4679 6.00004C17.1696 6.00004 16.9279 5.75828 16.9279 5.46004C16.9279 5.16181 17.1696 4.92004 17.4679 4.92004C17.7661 4.92004 18.0079 5.16181 18.0079 5.46004Z"
      fill="url(#paint18_radial_18_28727)"
    />
    <path
      d="M17.7284 14.0642C17.6387 13.4983 18.0247 12.9669 18.5905 12.8772C19.1563 12.7875 19.6877 13.1735 19.7774 13.7393L21.8617 26.8861C21.9514 27.4519 21.5655 27.9833 20.9997 28.073C20.4338 28.1627 19.9024 27.7767 19.8127 27.2109L17.7284 14.0642Z"
      fill="url(#paint19_linear_18_28727)"
    />
    <defs>
      <radialGradient
        id="paint0_radial_18_28727"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.875 17.875) rotate(93.3665) scale(21.2867 6.12712)"
      >
        <stop stopColor="#B9E5FC" />
        <stop offset={1} stopColor="#CBEBFF" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint1_linear_18_28727"
        x1={23.4375}
        y1={18.8125}
        x2={20.9375}
        y2={19.25}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.267435} stopColor="#BCE2FD" />
        <stop offset={0.660097} stopColor="#C6E4FA" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint2_linear_18_28727"
        x1={8.9375}
        y1={18.1875}
        x2={11.3125}
        y2={18.625}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.329358} stopColor="#C1D9F0" />
        <stop offset={0.703119} stopColor="#C6E4FA" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_28727"
        x1={10.4879}
        y1={11.35}
        x2={21.5279}
        y2={11.35}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#949BA0" />
        <stop offset={0.0860131} stopColor="#A1ADB5" />
        <stop offset={0.374736} stopColor="#92A3AF" />
        <stop offset={0.703087} stopColor="#C0CDD6" />
        <stop offset={0.912553} stopColor="#C4D0D8" />
        <stop offset={1} stopColor="#B1B8BD" />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_28727"
        x1={16.0079}
        y1={7.57996}
        x2={16.0079}
        y2={11.35}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#879EAE" />
        <stop offset={0.127996} stopColor="#708C9E" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_28727"
        x1={16.0079}
        y1={11.35}
        x2={16.0079}
        y2={9.46496}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#879EAE" />
        <stop offset={0.127996} stopColor="#708C9E" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_28727"
        x1={8.85022}
        y1={7.58}
        x2={23.1554}
        y2={7.58}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#949496" />
        <stop offset={1} stopColor="#C0C2C5" />
      </linearGradient>
      <linearGradient
        id="paint7_linear_18_28727"
        x1={14.0625}
        y1={7.9375}
        x2={14.0625}
        y2={5.84375}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#8699A7" />
        <stop offset={1} stopColor="#839BAA" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint8_radial_18_28727"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.0028 8.625) rotate(90) scale(3.0625 9.96954)"
      >
        <stop stopColor="#8CAFC5" />
        <stop offset={1} stopColor="#9ABDD2" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_28727"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.6875 4.4375) rotate(90) scale(2.125 5.44775)"
      >
        <stop stopColor="#D9DEE3" />
        <stop offset={1} stopColor="#DBE0E6" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint10_radial_18_28727"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.6875 4.79) rotate(116.933) scale(4.96753 4.335)"
      >
        <stop offset={0.180585} stopColor="#B8C0C7" />
        <stop offset={1} stopColor="#ACB2B7" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint11_linear_18_28727"
        x1={15.5625}
        y1={8.125}
        x2={15.5625}
        y2={6.9375}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.342105} stopColor="#9CC0D6" />
        <stop offset={1} stopColor="#9CC0D6" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint12_linear_18_28727"
        x1={10.4054}
        y1={22.2225}
        x2={21.25}
        y2={22.2225}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CBD0D5" />
        <stop offset={0.308412} stopColor="#C3CAD1" />
        <stop offset={0.729128} stopColor="#DEE5EB" />
        <stop offset={1} stopColor="#EAEFF5" />
      </linearGradient>
      <linearGradient
        id="paint13_linear_18_28727"
        x1={15.25}
        y1={28.1875}
        x2={15.25}
        y2={25.3125}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.163044} stopColor="#C0DFF3" />
        <stop offset={1} stopColor="#BEDFF5" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint14_radial_18_28727"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.4478 4.08) rotate(-26.565) scale(1.20748)"
      >
        <stop offset={0.311386} stopColor="#95989C" />
        <stop offset={1} stopColor="#616A71" />
      </radialGradient>
      <radialGradient
        id="paint15_radial_18_28727"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.4878 4.08) rotate(-26.5651) scale(1.20748)"
      >
        <stop offset={0.311386} stopColor="#95989C" />
        <stop offset={1} stopColor="#616A71" />
      </radialGradient>
      <radialGradient
        id="paint16_radial_18_28727"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.5277 4.08) rotate(-26.5651) scale(1.20748)"
      >
        <stop offset={0.311386} stopColor="#95989C" />
        <stop offset={1} stopColor="#616A71" />
      </radialGradient>
      <radialGradient
        id="paint17_radial_18_28727"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.0378 6.00004) rotate(-26.5651) scale(1.20748)"
      >
        <stop offset={0.311386} stopColor="#95989C" />
        <stop offset={1} stopColor="#616A71" />
      </radialGradient>
      <radialGradient
        id="paint18_radial_18_28727"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.9279 6.00004) rotate(-26.5651) scale(1.20748)"
      >
        <stop offset={0.311386} stopColor="#95989C" />
        <stop offset={1} stopColor="#616A71" />
      </radialGradient>
      <linearGradient
        id="paint19_linear_18_28727"
        x1={18.625}
        y1={13.25}
        x2={20.8125}
        y2={27.375}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.428328} stopColor="white" />
        <stop offset={0.871456} stopColor="white" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = SaltIcon;