<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><path fill="url(#i4kwxoX)" d="M7.99 17.85L2.34 12.2c-.79-.79-.23-2.15.89-2.15h4.76z"/><path fill="url(#i0fxilc)" d="M7.99 17.85L2.34 12.2c-.79-.79-.23-2.15.89-2.15h4.76z"/><path fill="url(#iAMQ6Ib)" d="m24.02 17.85l5.65-5.65c.79-.79.23-2.15-.89-2.15h-4.76z"/><path fill="url(#iELXbvb)" d="m24.02 17.85l5.65-5.65c.79-.79.23-2.15-.89-2.15h-4.76z"/><path fill="url(#ikFAD8I)" d="m24.02 17.85l5.65-5.65c.79-.79.23-2.15-.89-2.15h-4.76z"/><path fill="url(#iFznizb)" d="m24.02 17.85l5.65-5.65c.79-.79.23-2.15-.89-2.15h-4.76z"/><path fill="url(#iha0VQb)" d="M16 2c-4.44 0-8.03 3.59-8.03 8.03v9.26h16.06v-9.26C24.02 5.59 20.43 2 16 2"/><path fill="url(#iPVreyb)" d="M16 2c-4.44 0-8.03 3.59-8.03 8.03v9.26h16.06v-9.26C24.02 5.59 20.43 2 16 2"/><path fill="url(#ia9gUYb)" d="M16 2c-4.44 0-8.03 3.59-8.03 8.03v9.26h16.06v-9.26C24.02 5.59 20.43 2 16 2"/><path fill="url(#iVwfscd)" d="M16 2c-4.44 0-8.03 3.59-8.03 8.03v9.26h16.06v-9.26C24.02 5.59 20.43 2 16 2"/><path fill="url(#ikJkHuN)" d="M16 2c-4.44 0-8.03 3.59-8.03 8.03v9.26h16.06v-9.26C24.02 5.59 20.43 2 16 2"/><path fill="url(#iyaQl2Y)" d="M16 2c-4.44 0-8.03 3.59-8.03 8.03v9.26h16.06v-9.26C24.02 5.59 20.43 2 16 2"/><path fill="url(#ioNXpKk)" d="M16 2c-4.44 0-8.03 3.59-8.03 8.03v9.26h16.06v-9.26C24.02 5.59 20.43 2 16 2"/><g filter="url(#iJRxREa)"><ellipse cx="17.806" cy="7.073" fill="url(#iLp90Ab)" rx="5.806" ry="3.568" transform="rotate(28.818 17.806 7.073)"/></g><g filter="url(#iQTW7dc)"><path fill="url(#i4iUL0d)" d="M25.427 14.318a.25.25 0 0 0-.355 0l-3.105 3.105a.25.25 0 0 1-.354 0l-5.446-5.446a.25.25 0 0 0-.354 0l-5.446 5.446a.25.25 0 0 1-.354 0l-3.096-3.096a.25.25 0 0 0-.354 0l-3.187 3.187a.5.5 0 0 0-.144.354c.11 6.954 5.777 12.552 12.758 12.552c6.97 0 12.638-5.598 12.758-12.543a.5.5 0 0 0-.143-.353z"/><path fill="url(#i4LaQpe)" d="M25.427 14.318a.25.25 0 0 0-.355 0l-3.105 3.105a.25.25 0 0 1-.354 0l-5.446-5.446a.25.25 0 0 0-.354 0l-5.446 5.446a.25.25 0 0 1-.354 0l-3.096-3.096a.25.25 0 0 0-.354 0l-3.187 3.187a.5.5 0 0 0-.144.354c.11 6.954 5.777 12.552 12.758 12.552c6.97 0 12.638-5.598 12.758-12.543a.5.5 0 0 0-.143-.353z"/><path fill="url(#iNLJZMe)" d="M25.427 14.318a.25.25 0 0 0-.355 0l-3.105 3.105a.25.25 0 0 1-.354 0l-5.446-5.446a.25.25 0 0 0-.354 0l-5.446 5.446a.25.25 0 0 1-.354 0l-3.096-3.096a.25.25 0 0 0-.354 0l-3.187 3.187a.5.5 0 0 0-.144.354c.11 6.954 5.777 12.552 12.758 12.552c6.97 0 12.638-5.598 12.758-12.543a.5.5 0 0 0-.143-.353z"/><path fill="url(#iMUXssb)" d="M25.427 14.318a.25.25 0 0 0-.355 0l-3.105 3.105a.25.25 0 0 1-.354 0l-5.446-5.446a.25.25 0 0 0-.354 0l-5.446 5.446a.25.25 0 0 1-.354 0l-3.096-3.096a.25.25 0 0 0-.354 0l-3.187 3.187a.5.5 0 0 0-.144.354c.11 6.954 5.777 12.552 12.758 12.552c6.97 0 12.638-5.598 12.758-12.543a.5.5 0 0 0-.143-.353z"/><path fill="url(#i7ExgDP)" d="M25.427 14.318a.25.25 0 0 0-.355 0l-3.105 3.105a.25.25 0 0 1-.354 0l-5.446-5.446a.25.25 0 0 0-.354 0l-5.446 5.446a.25.25 0 0 1-.354 0l-3.096-3.096a.25.25 0 0 0-.354 0l-3.187 3.187a.5.5 0 0 0-.144.354c.11 6.954 5.777 12.552 12.758 12.552c6.97 0 12.638-5.598 12.758-12.543a.5.5 0 0 0-.143-.353z"/><path fill="url(#ixALhhD)" d="M25.427 14.318a.25.25 0 0 0-.355 0l-3.105 3.105a.25.25 0 0 1-.354 0l-5.446-5.446a.25.25 0 0 0-.354 0l-5.446 5.446a.25.25 0 0 1-.354 0l-3.096-3.096a.25.25 0 0 0-.354 0l-3.187 3.187a.5.5 0 0 0-.144.354c.11 6.954 5.777 12.552 12.758 12.552c6.97 0 12.638-5.598 12.758-12.543a.5.5 0 0 0-.143-.353z"/></g><g filter="url(#iY1m0Ob)"><ellipse cx="15.198" cy="9.688" fill="url(#ick3JPE)" rx="2.635" ry=".97" transform="rotate(-16.631 15.198 9.688)"/></g><path fill="url(#ibl9Dvb)" d="M11.447 8.004a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#iBTkwde)" d="M11.447 8.004a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#ionuB8c)" d="M11.447 8.004a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#iK8Laod)" d="M20.543 8.004a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#id45VEe)" d="M20.543 8.004a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#iSmD5Ob)" d="M20.543 8.004a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="#818cf8" d="M17.92 9.09h-3.85c0-1.06.86-1.92 1.92-1.92s1.93.86 1.93 1.92"/><path fill="url(#iTHIzEe)" d="M17.92 9.09h-3.85c0-1.06.86-1.92 1.92-1.92s1.93.86 1.93 1.92"/><path fill="url(#iYocK5d)" d="M17.92 9.09h-3.85c0-1.06.86-1.92 1.92-1.92s1.93.86 1.93 1.92"/><path fill="url(#iKS8mRb)" d="M17.92 9.09h-3.85c0-1.06.86-1.92 1.92-1.92s1.93.86 1.93 1.92"/><g filter="url(#iLWfcOb)"><ellipse cx="9.279" cy="22.474" fill="url(#iZS2B1Y)" rx="3.679" ry="6.236" transform="rotate(-34.23 9.279 22.474)"/></g><defs><radialGradient id="i4kwxoX" cx="0" cy="0" r="1" gradientTransform="matrix(10.1019 4.96072 -2.80272 5.70739 1.518 10.05)" gradientUnits="userSpaceOnUse"><stop stop-color="#DAB830"/><stop offset="1" stop-color="#B96D1E"/><stop offset="1" stop-color="#DB8021"/></radialGradient><radialGradient id="iELXbvb" cx="0" cy="0" r="1" gradientTransform="rotate(156.138 17.221 7.825)scale(12.5688 1.52199)" gradientUnits="userSpaceOnUse"><stop stop-color="#F8EC1D"/><stop offset="1" stop-color="#F8EC1D" stop-opacity="0"/></radialGradient><radialGradient id="ikFAD8I" cx="0" cy="0" r="1" gradientTransform="rotate(154.22 13.808 8.731)scale(1.91466 1.09139)" gradientUnits="userSpaceOnUse"><stop stop-color="#F8EC1D"/><stop offset=".513" stop-color="#F8EC1D" stop-opacity="0"/></radialGradient><radialGradient id="iPVreyb" cx="0" cy="0" r="1" gradientTransform="matrix(-18.94587 -17.41796 13.75688 -14.96364 24.389 20.726)" gradientUnits="userSpaceOnUse"><stop offset=".664" stop-color="#BBA553" stop-opacity="0"/><stop offset="1" stop-color="#BBA553"/></radialGradient><radialGradient id="iVwfscd" cx="0" cy="0" r="1" gradientTransform="matrix(10.6326 -8.4083 8.33864 10.5445 9.845 17.25)" gradientUnits="userSpaceOnUse"><stop stop-color="#BD7614"/><stop offset="1" stop-color="#D18B2B" stop-opacity="0"/></radialGradient><radialGradient id="ikJkHuN" cx="0" cy="0" r="1" gradientTransform="matrix(0 -3.875 2.48438 0 21.658 18.75)" gradientUnits="userSpaceOnUse"><stop offset=".206" stop-color="#D6722E"/><stop offset="1" stop-color="#D6722E" stop-opacity="0"/></radialGradient><radialGradient id="iyaQl2Y" cx="0" cy="0" r="1" gradientTransform="matrix(0 -4.1875 2.68473 0 10.158 18.875)" gradientUnits="userSpaceOnUse"><stop offset=".206" stop-color="#D6722E"/><stop offset="1" stop-color="#D6722E" stop-opacity="0"/></radialGradient><radialGradient id="ioNXpKk" cx="0" cy="0" r="1" gradientTransform="rotate(-130.956 10.622 6.027)scale(4.38615 5.89747)" gradientUnits="userSpaceOnUse"><stop offset=".306" stop-color="#D6722E"/><stop offset="1" stop-color="#D6722E" stop-opacity="0"/></radialGradient><radialGradient id="i4LaQpe" cx="0" cy="0" r="1" gradientTransform="rotate(137.555 4.966 11.71)scale(16.8547 16.6376)" gradientUnits="userSpaceOnUse"><stop offset=".719" stop-color="#AEA7BB" stop-opacity="0"/><stop offset="1" stop-color="#87838E"/></radialGradient><radialGradient id="iNLJZMe" cx="0" cy="0" r="1" gradientTransform="matrix(1.5 1.6875 -11.27871 10.0255 3.44 16.125)" gradientUnits="userSpaceOnUse"><stop stop-color="#87838E"/><stop offset=".686" stop-color="#AEA7BB" stop-opacity="0"/></radialGradient><radialGradient id="iMUXssb" cx="0" cy="0" r="1" gradientTransform="matrix(1.12503 10.43754 -8.91684 .96112 23.158 15.656)" gradientUnits="userSpaceOnUse"><stop stop-color="#EBE3F2"/><stop offset="1" stop-color="#EBE3F2" stop-opacity="0"/></radialGradient><radialGradient id="i7ExgDP" cx="0" cy="0" r="1" gradientTransform="matrix(16.87498 6.24998 -7.3916 19.95736 13.97 16.563)" gradientUnits="userSpaceOnUse"><stop offset=".69" stop-color="#AEA7BB" stop-opacity="0"/><stop offset=".949" stop-color="#87838E"/></radialGradient><radialGradient id="ixALhhD" cx="0" cy="0" r="1" gradientTransform="rotate(-125.828 21.878 11.519)scale(18.365 17.1085)" gradientUnits="userSpaceOnUse"><stop stop-color="#A58BC3"/><stop offset=".931" stop-color="#A58BC3" stop-opacity="0"/></radialGradient><radialGradient id="ibl9Dvb" cx="0" cy="0" r="1" gradientTransform="matrix(-.40625 .5625 -.5015 -.3622 11.595 7.343)" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#433437"/><stop offset="1" stop-color="#3B2838"/></radialGradient><radialGradient id="iBTkwde" cx="0" cy="0" r="1" gradientTransform="rotate(137.643 4.387 5.943)scale(.35946 .31624)" gradientUnits="userSpaceOnUse"><stop stop-color="#5C5051"/><stop offset="1" stop-color="#5C5051" stop-opacity="0"/></radialGradient><radialGradient id="iK8Laod" cx="0" cy="0" r="1" gradientTransform="matrix(-.40625 .5625 -.5015 -.3622 20.69 7.343)" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#433437"/><stop offset="1" stop-color="#3B2838"/></radialGradient><radialGradient id="id45VEe" cx="0" cy="0" r="1" gradientTransform="rotate(137.643 8.935 7.705)scale(.35946 .31624)" gradientUnits="userSpaceOnUse"><stop stop-color="#5C5051"/><stop offset="1" stop-color="#5C5051" stop-opacity="0"/></radialGradient><radialGradient id="iTHIzEe" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.15625 1.6875 0 16.861 8.937)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8E64"/><stop offset="1" stop-color="#FF8E64" stop-opacity="0"/></radialGradient><radialGradient id="iKS8mRb" cx="0" cy="0" r="1" gradientTransform="matrix(.25 -1.46375 .31043 .05302 14.58 9.594)" gradientUnits="userSpaceOnUse"><stop offset=".166" stop-color="#FF8E64"/><stop offset="1" stop-color="#FF8E64" stop-opacity="0"/></radialGradient><radialGradient id="iZS2B1Y" cx="0" cy="0" r="1" gradientTransform="matrix(9.15845 -.23934 .5445 20.83529 6.079 20.298)" gradientUnits="userSpaceOnUse"><stop stop-color="#E7DDF9"/><stop offset=".62" stop-color="#E7DDF9" stop-opacity="0"/></radialGradient><linearGradient id="i0fxilc" x1="8.814" x2="6.641" y1="15.906" y2="16.151" gradientUnits="userSpaceOnUse"><stop stop-color="#CD7C10"/><stop offset="1" stop-color="#CD7C10" stop-opacity="0"/></linearGradient><linearGradient id="iAMQ6Ib" x1="30.582" x2="24.02" y1="8.554" y2="16.111" gradientUnits="userSpaceOnUse"><stop stop-color="#F8EC1D"/><stop offset="1" stop-color="#F5891F"/></linearGradient><linearGradient id="iFznizb" x1="27.288" x2="26.483" y1="15.461" y2="13.489" gradientUnits="userSpaceOnUse"><stop stop-color="#D39344"/><stop offset="1" stop-color="#DF9D4C" stop-opacity="0"/></linearGradient><linearGradient id="iha0VQb" x1="15.996" x2="15.996" y1=".031" y2="22.245" gradientUnits="userSpaceOnUse"><stop stop-color="#F8EC1D"/><stop offset="1" stop-color="#F5891F"/></linearGradient><linearGradient id="ia9gUYb" x1="9.489" x2="7.092" y1="13.522" y2="13.522" gradientUnits="userSpaceOnUse"><stop stop-color="#BBA553" stop-opacity="0"/><stop offset="1" stop-color="#BBA553"/></linearGradient><linearGradient id="iLp90Ab" x1="18.028" x2="17.806" y1="1.624" y2="10.641" gradientUnits="userSpaceOnUse"><stop stop-color="#F8E31D"/><stop offset="1" stop-color="#F8E31D" stop-opacity="0"/></linearGradient><linearGradient id="i4iUL0d" x1="15.996" x2="15.996" y1="12.813" y2="32.813" gradientUnits="userSpaceOnUse"><stop stop-color="#DED6E7"/><stop offset="1" stop-color="#C0AADD"/></linearGradient><linearGradient id="ick3JPE" x1="17.365" x2="10.58" y1="9.799" y2="10.861" gradientUnits="userSpaceOnUse"><stop stop-color="#E5951B"/><stop offset="1" stop-color="#E5951B" stop-opacity="0"/></linearGradient><linearGradient id="ionuB8c" x1="11.349" x2="11.005" y1="7.111" y2="6.893" gradientUnits="userSpaceOnUse"><stop stop-color="#5C5051" stop-opacity="0"/><stop offset="1" stop-color="#5C5051"/></linearGradient><linearGradient id="iSmD5Ob" x1="20.445" x2="20.101" y1="7.111" y2="6.893" gradientUnits="userSpaceOnUse"><stop stop-color="#5C5051" stop-opacity="0"/><stop offset="1" stop-color="#5C5051"/></linearGradient><linearGradient id="iYocK5d" x1="15.995" x2="15.995" y1="9.172" y2="8.75" gradientUnits="userSpaceOnUse"><stop stop-color="#C1411B"/><stop offset=".787" stop-color="#EA6038" stop-opacity="0"/></linearGradient><filter id="iJRxREa" width="13.742" height="11.392" x="10.935" y="1.377" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_4754" stdDeviation=".75"/></filter><filter id="iQTW7dc" width="25.616" height="18.617" x="3.232" y="11.904" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy=".1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.682353 0 0 0 0 0.615686 0 0 0 0 0.6 0 0 0 0.5 0"/><feBlend in2="shape" result="effect1_innerShadow_28327_4754"/></filter><filter id="iY1m0Ob" width="7.08" height="4.394" x="11.658" y="7.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_4754" stdDeviation=".5"/></filter><filter id="iLWfcOb" width="11.286" height="13.114" x="3.635" y="15.918" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_4754" stdDeviation=".5"/></filter></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. HatchingChickIcon.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.