<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#ik9o6Ph)"><path fill="#818cf8" d="M28 10.87v6.63h2v-4.82c0-.99-.61-1.83-1.48-2.17c-.25-.1-.52.09-.52.36"/><path fill="url(#i0droCc)" d="M28 10.87v6.63h2v-4.82c0-.99-.61-1.83-1.48-2.17c-.25-.1-.52.09-.52.36"/><path fill="url(#iMxcBDd)" d="M28 10.87v6.63h2v-4.82c0-.99-.61-1.83-1.48-2.17c-.25-.1-.52.09-.52.36"/><path fill="url(#iAUEjQT)" d="M28 10.87v6.63h2v-4.82c0-.99-.61-1.83-1.48-2.17c-.25-.1-.52.09-.52.36"/><path fill="url(#ivJvOBb)" d="M28 10.87v6.63h2v-4.82c0-.99-.61-1.83-1.48-2.17c-.25-.1-.52.09-.52.36"/><path fill="url(#iTpD7kn)" d="M22.94 24.5h-2L20 29.14c-.03.19.12.36.31.36h1.37c.15 0 .28-.11.31-.26z"/><path fill="url(#ise3HRb)" d="M15 24.5h2l.94 4.64c.03.19-.12.36-.31.36h-1.37a.32.32 0 0 1-.31-.26z"/><path fill="url(#iw58GiU)" d="M22 9.5c-3.943 0-7.886.01-11.828.01c-.316 0-.605-.159-.84-.37A2.52 2.52 0 0 0 7.66 8.5H5.95c-.4 0-.64.45-.41.78l1.254 1.856a.52.52 0 0 1-.075.663A8.1 8.1 0 0 0 5.14 13.98c-.15.32-.48.52-.83.52H2.94c-.52 0-.94.42-.94.94v4.12c0 .52.42.94.94.94h1.42c.41 0 .81.16 1.1.46l4.86 4.85c.17.17.68.556.68 1.587v1.793c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31V25.5h10.684l.691.46c.39.296 1.625 1.046 1.625 2.609v.621c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31v-6.023c0-.243.09-.476.242-.666A7.998 7.998 0 0 0 22 9.5"/><path fill="url(#i3BP3bc)" d="M22 9.5c-3.943 0-7.886.01-11.828.01c-.316 0-.605-.159-.84-.37A2.52 2.52 0 0 0 7.66 8.5H5.95c-.4 0-.64.45-.41.78l1.254 1.856a.52.52 0 0 1-.075.663A8.1 8.1 0 0 0 5.14 13.98c-.15.32-.48.52-.83.52H2.94c-.52 0-.94.42-.94.94v4.12c0 .52.42.94.94.94h1.42c.41 0 .81.16 1.1.46l4.86 4.85c.17.17.68.556.68 1.587v1.793c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31V25.5h10.684l.691.46c.39.296 1.625 1.046 1.625 2.609v.621c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31v-6.023c0-.243.09-.476.242-.666A7.998 7.998 0 0 0 22 9.5"/><path fill="url(#iM0eVoe)" d="M22 9.5c-3.943 0-7.886.01-11.828.01c-.316 0-.605-.159-.84-.37A2.52 2.52 0 0 0 7.66 8.5H5.95c-.4 0-.64.45-.41.78l1.254 1.856a.52.52 0 0 1-.075.663A8.1 8.1 0 0 0 5.14 13.98c-.15.32-.48.52-.83.52H2.94c-.52 0-.94.42-.94.94v4.12c0 .52.42.94.94.94h1.42c.41 0 .81.16 1.1.46l4.86 4.85c.17.17.68.556.68 1.587v1.793c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31V25.5h10.684l.691.46c.39.296 1.625 1.046 1.625 2.609v.621c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31v-6.023c0-.243.09-.476.242-.666A7.998 7.998 0 0 0 22 9.5"/><path fill="url(#i7VBnPy)" d="M22 9.5c-3.943 0-7.886.01-11.828.01c-.316 0-.605-.159-.84-.37A2.52 2.52 0 0 0 7.66 8.5H5.95c-.4 0-.64.45-.41.78l1.254 1.856a.52.52 0 0 1-.075.663A8.1 8.1 0 0 0 5.14 13.98c-.15.32-.48.52-.83.52H2.94c-.52 0-.94.42-.94.94v4.12c0 .52.42.94.94.94h1.42c.41 0 .81.16 1.1.46l4.86 4.85c.17.17.68.556.68 1.587v1.793c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31V25.5h10.684l.691.46c.39.296 1.625 1.046 1.625 2.609v.621c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31v-6.023c0-.243.09-.476.242-.666A7.998 7.998 0 0 0 22 9.5"/><path fill="url(#iiLZD6B)" d="M22 9.5c-3.943 0-7.886.01-11.828.01c-.316 0-.605-.159-.84-.37A2.52 2.52 0 0 0 7.66 8.5H5.95c-.4 0-.64.45-.41.78l1.254 1.856a.52.52 0 0 1-.075.663A8.1 8.1 0 0 0 5.14 13.98c-.15.32-.48.52-.83.52H2.94c-.52 0-.94.42-.94.94v4.12c0 .52.42.94.94.94h1.42c.41 0 .81.16 1.1.46l4.86 4.85c.17.17.68.556.68 1.587v1.793c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31V25.5h10.684l.691.46c.39.296 1.625 1.046 1.625 2.609v.621c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31v-6.023c0-.243.09-.476.242-.666A7.998 7.998 0 0 0 22 9.5"/><path fill="url(#iI8foPI)" d="M22 9.5c-3.943 0-7.886.01-11.828.01c-.316 0-.605-.159-.84-.37A2.52 2.52 0 0 0 7.66 8.5H5.95c-.4 0-.64.45-.41.78l1.254 1.856a.52.52 0 0 1-.075.663A8.1 8.1 0 0 0 5.14 13.98c-.15.32-.48.52-.83.52H2.94c-.52 0-.94.42-.94.94v4.12c0 .52.42.94.94.94h1.42c.41 0 .81.16 1.1.46l4.86 4.85c.17.17.68.556.68 1.587v1.793c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31V25.5h10.684l.691.46c.39.296 1.625 1.046 1.625 2.609v.621c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31v-6.023c0-.243.09-.476.242-.666A7.998 7.998 0 0 0 22 9.5"/><path fill="url(#iuOTRvb)" d="M22 9.5c-3.943 0-7.886.01-11.828.01c-.316 0-.605-.159-.84-.37A2.52 2.52 0 0 0 7.66 8.5H5.95c-.4 0-.64.45-.41.78l1.254 1.856a.52.52 0 0 1-.075.663A8.1 8.1 0 0 0 5.14 13.98c-.15.32-.48.52-.83.52H2.94c-.52 0-.94.42-.94.94v4.12c0 .52.42.94.94.94h1.42c.41 0 .81.16 1.1.46l4.86 4.85c.17.17.68.556.68 1.587v1.793c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31V25.5h10.684l.691.46c.39.296 1.625 1.046 1.625 2.609v.621c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31v-6.023c0-.243.09-.476.242-.666A7.998 7.998 0 0 0 22 9.5"/><path fill="url(#iG2fQUb)" d="M22 9.5c-3.943 0-7.886.01-11.828.01c-.316 0-.605-.159-.84-.37A2.52 2.52 0 0 0 7.66 8.5H5.95c-.4 0-.64.45-.41.78l1.254 1.856a.52.52 0 0 1-.075.663A8.1 8.1 0 0 0 5.14 13.98c-.15.32-.48.52-.83.52H2.94c-.52 0-.94.42-.94.94v4.12c0 .52.42.94.94.94h1.42c.41 0 .81.16 1.1.46l4.86 4.85c.17.17.68.556.68 1.587v1.793c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31V25.5h10.684l.691.46c.39.296 1.625 1.046 1.625 2.609v.621c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31v-6.023c0-.243.09-.476.242-.666A7.998 7.998 0 0 0 22 9.5"/><path fill="url(#iGeEy2d)" d="M22 9.5c-3.943 0-7.886.01-11.828.01c-.316 0-.605-.159-.84-.37A2.52 2.52 0 0 0 7.66 8.5H5.95c-.4 0-.64.45-.41.78l1.254 1.856a.52.52 0 0 1-.075.663A8.1 8.1 0 0 0 5.14 13.98c-.15.32-.48.52-.83.52H2.94c-.52 0-.94.42-.94.94v4.12c0 .52.42.94.94.94h1.42c.41 0 .81.16 1.1.46l4.86 4.85c.17.17.68.556.68 1.587v1.793c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31V25.5h10.684l.691.46c.39.296 1.625 1.046 1.625 2.609v.621c0 .17.14.31.31.31h1.38c.17 0 .31-.14.31-.31v-6.023c0-.243.09-.476.242-.666A7.998 7.998 0 0 0 22 9.5"/><path fill="url(#i4c24Vc)" d="M13 24.34v1.16h10.67c0-1.01-.82-2-1.82-2h-8.01c-.46 0-.84.38-.84.84"/><path fill="url(#iRCHGxe)" d="M4 19v-3c0-.75-.54-1.36-1.26-1.48c-.42.09-.74.47-.74.92v4.12c0 .45.32.83.74.92C3.46 20.36 4 19.75 4 19"/><path fill="url(#ieyb2lb)" d="M4 19v-3c0-.75-.54-1.36-1.26-1.48c-.42.09-.74.47-.74.92v4.12c0 .45.32.83.74.92C3.46 20.36 4 19.75 4 19"/><path fill="url(#iMwvZcL)" d="M4 19v-3c0-.75-.54-1.36-1.26-1.48c-.42.09-.74.47-.74.92v4.12c0 .45.32.83.74.92C3.46 20.36 4 19.75 4 19"/><path fill="url(#i2BwFhd)" d="M4 19v-3c0-.75-.54-1.36-1.26-1.48c-.42.09-.74.47-.74.92v4.12c0 .45.32.83.74.92C3.46 20.36 4 19.75 4 19"/><g filter="url(#iKwvTob)"><path fill="#818cf8" d="M7.695 17.377c-.228 0-.407-.193-.407-.439v-.876c0-.246.18-.439.407-.439c.228 0 .407.193.407.439v.876c0 .246-.18.439-.407.439"/></g><path fill="url(#ipDorIc)" d="M7.5 17.5c-.28 0-.5-.22-.5-.5v-1c0-.28.22-.5.5-.5s.5.22.5.5v1c0 .28-.22.5-.5.5"/><path fill="url(#iBjmHYd)" d="M7.5 17.5c-.28 0-.5-.22-.5-.5v-1c0-.28.22-.5.5-.5s.5.22.5.5v1c0 .28-.22.5-.5.5"/><path fill="url(#ilAix8c)" d="M7.5 17.5c-.28 0-.5-.22-.5-.5v-1c0-.28.22-.5.5-.5s.5.22.5.5v1c0 .28-.22.5-.5.5"/><g filter="url(#iF6Uv8d)"><ellipse cx="24.927" cy="15.581" fill="url(#iRagZcc)" rx="3.952" ry="5.46" transform="rotate(-31.82 24.927 15.581)"/></g><g filter="url(#iDJPJTd)"><path fill="url(#iBAntNb)" d="M26.86 21.99h.89v6.243a.445.445 0 0 1-.89 0z"/></g><g filter="url(#iJF64bM)"><path fill="url(#igZbHCD)" fill-opacity=".5" d="m8.406 11.069l-1.969-2H8.25l2.531 2z"/></g></g><defs><linearGradient id="i0droCc" x1="30" x2="30" y1="15.256" y2="12.475" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8A95"/><stop offset="1" stop-color="#FF8E99" stop-opacity="0"/></linearGradient><linearGradient id="iAUEjQT" x1="27.656" x2="29" y1="12.631" y2="12.319" gradientUnits="userSpaceOnUse"><stop stop-color="#FA6E74"/><stop offset="1" stop-color="#FA6E74" stop-opacity="0"/></linearGradient><linearGradient id="iw58GiU" x1="16" x2="16" y1="8.5" y2="28.662" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8585"/><stop offset="0" stop-color="#FCAEB1"/><stop offset="1" stop-color="#FF8585"/></linearGradient><linearGradient id="i3BP3bc" x1="18.688" x2="18.688" y1="24" y2="10.875" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5C97"/><stop offset="1" stop-color="#FF5C97" stop-opacity="0"/></linearGradient><linearGradient id="i4c24Vc" x1="19.125" x2="19.125" y1="23.5" y2="25.881" gradientUnits="userSpaceOnUse"><stop offset=".239" stop-color="#FFB0E6"/><stop offset="1" stop-color="#DF86C9"/></linearGradient><linearGradient id="iRCHGxe" x1="3" x2="3" y1="14.52" y2="21.537" gradientUnits="userSpaceOnUse"><stop stop-color="#FAC5BE"/><stop offset="1" stop-color="#F8B6CD"/></linearGradient><linearGradient id="ieyb2lb" x1="2.331" x2="2.331" y1="21.149" y2="18.975" gradientUnits="userSpaceOnUse"><stop stop-color="#E398C7"/><stop offset="1" stop-color="#E398C7" stop-opacity="0"/></linearGradient><linearGradient id="iMwvZcL" x1="3" x2="3" y1="13.6" y2="15.131" gradientUnits="userSpaceOnUse"><stop stop-color="#E7BBB1"/><stop offset="1" stop-color="#E7BBB1" stop-opacity="0"/></linearGradient><linearGradient id="i2BwFhd" x1="1.531" x2="2.422" y1="18.334" y2="18.334" gradientUnits="userSpaceOnUse"><stop offset=".27" stop-color="#F3D7D4"/><stop offset="1" stop-color="#F3D7D4" stop-opacity="0"/></linearGradient><linearGradient id="ipDorIc" x1="7.839" x2="7.226" y1="16.5" y2="16.5" gradientUnits="userSpaceOnUse"><stop stop-color="#574D50"/><stop offset=".855" stop-color="#31232C"/></linearGradient><linearGradient id="iBjmHYd" x1="8.156" x2="8.156" y1="17.725" y2="16.999" gradientUnits="userSpaceOnUse"><stop stop-color="#552D52"/><stop offset="1" stop-color="#552D52" stop-opacity="0"/></linearGradient><linearGradient id="ilAix8c" x1="6.79" x2="7.242" y1="16.622" y2="16.622" gradientUnits="userSpaceOnUse"><stop stop-color="#574D50"/><stop offset="1" stop-color="#574D50" stop-opacity="0"/></linearGradient><linearGradient id="iBAntNb" x1="28.07" x2="28.032" y1="28.084" y2="19.6" gradientUnits="userSpaceOnUse"><stop stop-color="#FF7F8D"/><stop offset="1" stop-color="#FF7F8D" stop-opacity="0"/></linearGradient><linearGradient id="igZbHCD" x1="6.813" x2="10.524" y1="7.1" y2="10.198" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD7DB"/><stop offset="1" stop-color="#FFD7DB" stop-opacity="0"/></linearGradient><radialGradient id="iMxcBDd" cx="0" cy="0" r="1" gradientTransform="matrix(1.71875 -1 1.6755 2.87978 27.594 13.6)" gradientUnits="userSpaceOnUse"><stop offset=".379" stop-color="#FB6C72"/><stop offset="1" stop-color="#FB6C72" stop-opacity="0"/></radialGradient><radialGradient id="ivJvOBb" cx="0" cy="0" r="1" gradientTransform="rotate(-28.238 37.22 -53.386)scale(.95773 1.89326)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE3E9"/><stop offset="1" stop-color="#FFD8E1" stop-opacity="0"/></radialGradient><radialGradient id="iTpD7kn" cx="0" cy="0" r="1" gradientTransform="matrix(-.71876 3.90624 -.98363 -.181 21.656 26.656)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF83A0"/><stop offset="1" stop-color="#ED5388"/></radialGradient><radialGradient id="ise3HRb" cx="0" cy="0" r="1" gradientTransform="matrix(.71875 3.875 -.97575 .18099 16.781 26.594)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF83A0"/><stop offset="1" stop-color="#ED5388"/></radialGradient><radialGradient id="iM0eVoe" cx="0" cy="0" r="1" gradientTransform="rotate(-50.001 24.872 6.254)scale(3.54904 2.15645)" gradientUnits="userSpaceOnUse"><stop stop-color="#E7447F"/><stop offset="1" stop-color="#FF5C97" stop-opacity="0"/></radialGradient><radialGradient id="i7VBnPy" cx="0" cy="0" r="1" gradientTransform="matrix(-6.75 5.12501 -6.3246 -8.32994 33.688 10.037)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFBEC6"/><stop offset="1" stop-color="#FFBEC6" stop-opacity="0"/></radialGradient><radialGradient id="iiLZD6B" cx="0" cy="0" r="1" gradientTransform="rotate(-44.165 31.446 4.101)scale(3.79005 3.09584)" gradientUnits="userSpaceOnUse"><stop stop-color="#F28677"/><stop offset=".777" stop-color="#F28677" stop-opacity="0"/></radialGradient><radialGradient id="iI8foPI" cx="0" cy="0" r="1" gradientTransform="matrix(3.6875 3.8125 -4.67801 4.52464 3.125 12.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#F28677"/><stop offset=".777" stop-color="#F28677" stop-opacity="0"/></radialGradient><radialGradient id="iuOTRvb" cx="0" cy="0" r="1" gradientTransform="rotate(-137.539 19.53 6.39)scale(4.49012 8.98622)" gradientUnits="userSpaceOnUse"><stop stop-color="#F28677"/><stop offset="1" stop-color="#F28677" stop-opacity="0"/></radialGradient><radialGradient id="iG2fQUb" cx="0" cy="0" r="1" gradientTransform="matrix(2.625 -2.5625 2.8206 2.8894 9.531 27.037)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA194"/><stop offset="1" stop-color="#F28677" stop-opacity="0"/></radialGradient><radialGradient id="iGeEy2d" cx="0" cy="0" r="1" gradientTransform="matrix(2.01563 .125 -.25278 4.07614 5.813 10.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF9EAD"/><stop offset="1" stop-color="#FF9EAD" stop-opacity="0"/></radialGradient><radialGradient id="iRagZcc" cx="0" cy="0" r="1" gradientTransform="rotate(171.019 13.187 8.868)scale(4.83012 4.43445)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFBDC4"/><stop offset="1" stop-color="#FFBDC4" stop-opacity="0"/></radialGradient><filter id="iKwvTob" width="1.813" height="2.753" x="6.788" y="15.123" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_3020" stdDeviation=".25"/></filter><filter id="iF6Uv8d" width="10.846" height="12.174" x="19.503" y="9.494" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_3020" stdDeviation=".5"/></filter><filter id="iDJPJTd" width="1.891" height="7.688" x="26.359" y="21.491" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_3020" stdDeviation=".25"/></filter><filter id="iJF64bM" width="5.544" height="3.2" x="5.838" y="8.469" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_3020" stdDeviation=".3"/></filter><clipPath id="ik9o6Ph"><path fill="#818cf8" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>Icons in Action
WEB APPLICATION HEADER & NAVIGATION
my-app.com/dashboard
Dashboard
Analytics
Settings
Overview Dashboard
PROGRESS STEPPER
3
BUTTON UI ACTIONS
SCALABILITY & CLARITY
12px
16px
24px
32px
48px
“
Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.
IconSearch Presets
Frequently Asked Questions
Q.How do I use this icon in my React/Next.js project?
You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. PigIcon.tsx) to avoid installing any npm packages.
Q.Is this icon free for commercial use?
Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.
Q.What is the "Download SVG without fill color" toggle?
Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.