<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><g filter="url(#ioaFf7c)"><path stroke="#818cf8" stroke-linecap="round" d="m10.727 4.725l10.535 22.55"/></g><g filter="url(#inKvOWc)"><path stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="m10.922 4.584l10.535 22.55"/></g><g filter="url(#iD9KYpe)"><path fill="url(#ig4GOId)" d="M2.876 14.327a1 1 0 0 1 .504-1.321l3.781-1.692l3.972 8.88a.4.4 0 0 1-.202.528L7.515 22.25a1 1 0 0 1-1.32-.505z"/><path fill="url(#ifq08kc)" d="M2.876 14.327a1 1 0 0 1 .504-1.321l3.781-1.692l3.972 8.88a.4.4 0 0 1-.202.528L7.515 22.25a1 1 0 0 1-1.32-.505z"/></g><g filter="url(#i8MiF4S)"><path fill="#818cf8" d="m8.69 17.651l1.088-.486l1.355 3.029a.4.4 0 0 1-.202.528l-.357.16a.4.4 0 0 1-.529-.202z"/></g><path fill="#818cf8" d="m8.506 17.99l-2.629-5.63a.437.437 0 0 1 .213-.581a.35.35 0 0 0 .174-.459l-.761-1.723a1 1 0 0 1 .496-1.312l5.434-2.508a.4.4 0 0 1 .53.193l4.018 8.506a.4.4 0 0 1-.191.532l-6.751 3.175a.4.4 0 0 1-.533-.193"/><path fill="url(#ifzwzXd)" d="m8.506 17.99l-2.629-5.63a.437.437 0 0 1 .213-.581a.35.35 0 0 0 .174-.459l-.761-1.723a1 1 0 0 1 .496-1.312l5.434-2.508a.4.4 0 0 1 .53.193l4.018 8.506a.4.4 0 0 1-.191.532l-6.751 3.175a.4.4 0 0 1-.533-.193"/><path fill="url(#iHWdGqe)" d="m8.506 17.99l-2.629-5.63a.437.437 0 0 1 .213-.581a.35.35 0 0 0 .174-.459l-.761-1.723a1 1 0 0 1 .496-1.312l5.434-2.508a.4.4 0 0 1 .53.193l4.018 8.506a.4.4 0 0 1-.191.532l-6.751 3.175a.4.4 0 0 1-.533-.193"/><path fill="url(#i3Tmbmd)" d="m8.506 17.99l-2.629-5.63a.437.437 0 0 1 .213-.581a.35.35 0 0 0 .174-.459l-.761-1.723a1 1 0 0 1 .496-1.312l5.434-2.508a.4.4 0 0 1 .53.193l4.018 8.506a.4.4 0 0 1-.191.532l-6.751 3.175a.4.4 0 0 1-.533-.193"/><path fill="url(#ikSG5WN)" d="m8.506 17.99l-2.629-5.63a.437.437 0 0 1 .213-.581a.35.35 0 0 0 .174-.459l-.761-1.723a1 1 0 0 1 .496-1.312l5.434-2.508a.4.4 0 0 1 .53.193l4.018 8.506a.4.4 0 0 1-.191.532l-6.751 3.175a.4.4 0 0 1-.533-.193"/><g filter="url(#iFn7wtd)"><path stroke="#818cf8" stroke-linecap="round" d="m22.19 4.725l-10.535 22.55"/></g><g filter="url(#iLKDxbN)"><path stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="m22.36 4.584l-10.535 22.55"/></g><circle cx="9.559" cy="13.447" r="2.266" fill="#818cf8"/><circle cx="9.559" cy="13.447" r="2.266" fill="url(#iQqYt6b)"/><g filter="url(#idvTtBb)"><path fill="#818cf8" d="M30.041 14.327a1 1 0 0 0-.504-1.321l-3.781-1.692l-3.972 8.88a.4.4 0 0 0 .201.528l3.417 1.528a1 1 0 0 0 1.32-.505z"/></g><g filter="url(#iNZgU2c)"><path fill="#818cf8" d="m24.226 17.651l-1.087-.486l-1.355 3.029a.4.4 0 0 0 .201.528l.358.16a.4.4 0 0 0 .529-.202z"/><path fill="url(#iNqyIBd)" d="m24.226 17.651l-1.087-.486l-1.355 3.029a.4.4 0 0 0 .201.528l.358.16a.4.4 0 0 0 .529-.202z"/><path fill="url(#iL8YEqc)" d="m24.226 17.651l-1.087-.486l-1.355 3.029a.4.4 0 0 0 .201.528l.358.16a.4.4 0 0 0 .529-.202z"/></g><g filter="url(#itHzUcd)"><path fill="#818cf8" d="m24.402 17.99l2.63-5.63a.437.437 0 0 0-.214-.581a.35.35 0 0 1-.173-.459l.76-1.723a1 1 0 0 0-.495-1.312l-5.435-2.508a.4.4 0 0 0-.529.193l-4.019 8.506a.4.4 0 0 0 .192.532l6.75 3.175a.4.4 0 0 0 .533-.193"/><path fill="url(#iOKumed)" d="m24.402 17.99l2.63-5.63a.437.437 0 0 0-.214-.581a.35.35 0 0 1-.173-.459l.76-1.723a1 1 0 0 0-.495-1.312l-5.435-2.508a.4.4 0 0 0-.529.193l-4.019 8.506a.4.4 0 0 0 .192.532l6.75 3.175a.4.4 0 0 0 .533-.193"/><path fill="url(#iaCYQKb)" d="m24.402 17.99l2.63-5.63a.437.437 0 0 0-.214-.581a.35.35 0 0 1-.173-.459l.76-1.723a1 1 0 0 0-.495-1.312l-5.435-2.508a.4.4 0 0 0-.529.193l-4.019 8.506a.4.4 0 0 0 .192.532l6.75 3.175a.4.4 0 0 0 .533-.193"/><path fill="url(#ih6MDHc)" d="m24.402 17.99l2.63-5.63a.437.437 0 0 0-.214-.581a.35.35 0 0 1-.173-.459l.76-1.723a1 1 0 0 0-.495-1.312l-5.435-2.508a.4.4 0 0 0-.529.193l-4.019 8.506a.4.4 0 0 0 .192.532l6.75 3.175a.4.4 0 0 0 .533-.193"/></g><circle r="2.266" fill="#818cf8" transform="matrix(-1 0 0 1 23.358 13.447)"/><circle r="2.266" fill="url(#iNvjBDk)" transform="matrix(-1 0 0 1 23.358 13.447)"/><defs><linearGradient id="ig4GOId" x1="6.684" x2="8.778" y1="21.838" y2="15.619" gradientUnits="userSpaceOnUse"><stop offset=".066" stop-color="#D5C9E2"/><stop offset="1" stop-color="#BEB1CB"/></linearGradient><linearGradient id="ifq08kc" x1="9.465" x2="6.403" y1="18.744" y2="19.994" gradientUnits="userSpaceOnUse"><stop offset=".374" stop-color="#B2A3C1"/><stop offset="1" stop-color="#B2A3C1" stop-opacity="0"/></linearGradient><linearGradient id="ifzwzXd" x1="7.621" x2="8.871" y1="15.744" y2="15.15" gradientUnits="userSpaceOnUse"><stop offset=".559" stop-color="#BAAEC7"/><stop offset="1" stop-color="#BAAEC7" stop-opacity="0"/></linearGradient><linearGradient id="iHWdGqe" x1="7.84" x2="7.981" y1="7.361" y2="7.658" gradientUnits="userSpaceOnUse"><stop stop-color="#C6C2CA"/><stop offset=".994" stop-color="#C6C2CA" stop-opacity="0"/></linearGradient><linearGradient id="i3Tmbmd" x1="12.645" x2="12.52" y1="16.611" y2="16.346" gradientUnits="userSpaceOnUse"><stop stop-color="#BFB0CF"/><stop offset="1" stop-color="#BFB0CF" stop-opacity="0"/></linearGradient><linearGradient id="ikSG5WN" x1="15.278" x2="14.528" y1="12.494" y2="12.854" gradientUnits="userSpaceOnUse"><stop offset=".391" stop-color="#fff"/><stop offset="1" stop-color="#EBE2F6" stop-opacity="0"/></linearGradient><linearGradient id="iQqYt6b" x1="7.496" x2="8.324" y1="14.51" y2="14.072" gradientUnits="userSpaceOnUse"><stop offset=".198" stop-color="#B8232B"/><stop offset="1" stop-color="#B8232B" stop-opacity="0"/></linearGradient><linearGradient id="iNqyIBd" x1="23.309" x2="23.153" y1="17.963" y2="19.588" gradientUnits="userSpaceOnUse"><stop stop-color="#B5A9BF"/><stop offset="1" stop-color="#B5A9BF" stop-opacity="0"/></linearGradient><linearGradient id="iL8YEqc" x1="23.5" x2="23.2" y1="19.404" y2="19.268" gradientUnits="userSpaceOnUse"><stop stop-color="#E5D9F2"/><stop offset="1" stop-color="#C7BCD2"/></linearGradient><linearGradient id="iOKumed" x1="25.551" x2="24.02" y1="15.744" y2="15.025" gradientUnits="userSpaceOnUse"><stop offset=".271" stop-color="#F0E6FA"/><stop offset="1" stop-color="#F0E6FA" stop-opacity="0"/></linearGradient><linearGradient id="iaCYQKb" x1="18.77" x2="19.551" y1="10.4" y2="10.744" gradientUnits="userSpaceOnUse"><stop offset=".099" stop-color="#BAB5BE"/><stop offset="1" stop-color="#DBD1E6" stop-opacity="0"/></linearGradient><linearGradient id="ih6MDHc" x1="20.395" x2="20.691" y1="16.713" y2="16.104" gradientUnits="userSpaceOnUse"><stop stop-color="#AD9DBE"/><stop offset="1" stop-color="#AD9DBE" stop-opacity="0"/></linearGradient><linearGradient id="iNvjBDk" x1=".158" x2="1.221" y1="3.719" y2="3.188" gradientUnits="userSpaceOnUse"><stop offset=".482" stop-color="#E8333E"/><stop offset="1" stop-color="#E8333E" stop-opacity="0"/></linearGradient><filter id="ioaFf7c" width="11.785" height="23.801" x="10.227" y="3.974" 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=".25" dy="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.447059 0 0 0 0 0.439216 0 0 0 0 0.466667 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_4_7843"/></filter><filter id="inKvOWc" width="11.135" height="23.151" x="10.622" y="4.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_4_7843" stdDeviation=".1"/></filter><filter id="iD9KYpe" width="8.48" height="11.123" x="2.788" y="11.214" 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=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.670588 0 0 0 0 0.611765 0 0 0 0 0.733333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_4_7843"/></filter><filter id="i8MiF4S" width="2.478" height="3.752" x="8.691" y="17.165" 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/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.72549 0 0 0 0 0.67451 0 0 0 0 0.780392 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_4_7843"/></filter><filter id="iFn7wtd" width="12.035" height="23.801" x="11.155" y="3.974" 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=".5" dy="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.447059 0 0 0 0 0.439216 0 0 0 0 0.466667 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_4_7843"/></filter><filter id="iLKDxbN" width="11.135" height="23.151" x="11.524" y="4.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_4_7843" stdDeviation=".1"/></filter><filter id="idvTtBb" width="8.83" height="11.323" x="21.449" y="11.114" 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=".15" dy="-.2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.729412 0 0 0 0 0.662745 0 0 0 0 0.8 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_4_7843"/><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="-.3" dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_4_7843" result="effect2_innerShadow_4_7843"/></filter><filter id="iNZgU2c" width="2.628" height="3.752" x="21.749" y="17.165" 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=".15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.694118 0 0 0 0 0.666667 0 0 0 0 0.721569 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_4_7843"/></filter><filter id="itHzUcd" width="10.702" height="12.73" x="16.789" y="5.741" 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=".25"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.984314 0 0 0 0 0.960784 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_4_7843"/></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. CrossedFlagsIcon.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.