<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="none"><path fill="#818cf8" d="M19.309 11.555a2 2 0 0 1-.191-.4c-.155-.441-.761-1.98-2.068-3.247c-1.617-1.567-3.687-2.162-6.152-1.769c-2.464.393-4.25 1.603-5.302 3.596c-.851 1.61-.952 3.262-.963 3.73a2 2 0 0 1-.058.44c-.431 1.737-.122 3.242.894 4.353c1.13 1.235 3.066 1.916 5.454 1.915q.525 0 1.07-.044q.544-.045 1.1-.134c3.299-.526 5.807-2.03 6.712-4.023c.622-1.373.45-2.9-.496-4.417"/><path fill="#818cf8" d="M20.006 11.117a1.2 1.2 0 0 1-.112-.236c-.218-.62-.875-2.212-2.273-3.566a7.4 7.4 0 0 0-2.758-1.71c-1.123-.384-2.36-.496-3.688-.339v-.008l-.403.063h-.004l-.408.065v.008c-1.31.261-2.453.755-3.4 1.468a7.4 7.4 0 0 0-2.095 2.484c-.908 1.726-1.042 3.443-1.056 4.1a1.2 1.2 0 0 1-.034.26c-.502 2.018-.126 3.785 1.086 5.11c1.286 1.41 3.44 2.185 6.061 2.184c.77-.002 1.54-.065 2.3-.189c3.573-.569 6.314-2.25 7.333-4.496c.742-1.637.553-3.435-.55-5.198m-.202 4.855c-.904 1.994-3.413 3.498-6.712 4.024q-.556.09-1.1.134q-.545.045-1.07.044c-2.388 0-4.325-.68-5.455-1.915c-1.016-1.11-1.324-2.616-.893-4.353q.053-.217.058-.44c.011-.468.112-2.12.963-3.73C6.646 7.744 8.43 6.533 10.897 6.14s4.536.202 6.152 1.769c1.307 1.267 1.913 2.806 2.067 3.247q.074.21.192.4c.947 1.516 1.118 3.044.496 4.416"/><path fill="#818cf8" d="M5.085 5.674H5.05a1.03 1.03 0 0 0-.998.787c-.548 2.098.008 4.155.38 5.178c.49-1.907 1.422-3.162 2.157-3.903a7 7 0 0 1 1.396-1.097c-1.187-.755-2.22-.944-2.9-.965"/><path fill="#818cf8" d="M8.775 6.172C7.291 5.124 5.962 4.873 5.11 4.847a1.85 1.85 0 0 0-1.855 1.401c-.835 3.198.646 6.289.71 6.418a.595.595 0 0 0 .944.167c.09-.087.151-.2.173-.323c.383-2.111 1.35-3.446 2.09-4.194c.782-.787 1.49-1.108 1.495-1.11a.594.594 0 0 0 .307-.794a.6.6 0 0 0-.199-.24m-3.726-.5h.035c.68.022 1.715.21 2.9.963a7 7 0 0 0-1.396 1.097c-.735.74-1.666 1.996-2.157 3.903c-.372-1.022-.928-3.079-.38-5.177a1.04 1.04 0 0 1 .998-.785m12.454-1.359a1.036 1.036 0 0 0-1.224-.426c-.64.232-1.564.734-2.459 1.82a7 7 0 0 1 1.666.608c.928.476 2.201 1.38 3.258 3.04c.037-1.09-.071-3.218-1.24-5.042"/><path fill="#818cf8" d="M18.196 3.866a1.854 1.854 0 0 0-2.197-.755c-.803.29-1.988.942-3.076 2.4a.598.598 0 0 0 .42.95c.008 0 .781.085 1.767.59c.938.481 2.268 1.45 3.285 3.337a.595.595 0 0 0 .95.13a.6.6 0 0 0 .16-.33c.02-.144.472-3.543-1.31-6.322m.548 5.489c-1.057-1.66-2.33-2.564-3.258-3.04a7 7 0 0 0-1.666-.609c.894-1.085 1.818-1.586 2.459-1.819a1.03 1.03 0 0 1 1.224.426c1.169 1.824 1.277 3.951 1.24 5.042"/><path fill="#818cf8" d="M18.916 10.103s.462-3.291-1.221-5.918A1.27 1.27 0 0 0 16.2 3.67c-.741.268-1.808.865-2.801 2.196c0 0 3.4.307 5.517 4.238"/><path fill="#818cf8" d="M17.457 4.433a1.27 1.27 0 0 0-1.452-.63a5 5 0 0 0-.427.141q.302-.159.623-.275a1.266 1.266 0 0 1 1.495.516c1.683 2.627 1.22 5.918 1.22 5.918a10 10 0 0 0-.537-.888c.072-1.195-.006-3.084-.922-4.782"/><path fill="#818cf8" d="M18.917 10.287a.18.18 0 0 1-.16-.094c-1.067-1.983-2.47-3.002-3.46-3.51c-1.073-.55-1.905-.632-1.914-.633a.182.182 0 0 1-.129-.29c1.026-1.376 2.134-1.988 2.885-2.26a1.44 1.44 0 0 1 1.71.591c1.7 2.652 1.267 5.903 1.248 6.04a.18.18 0 0 1-.148.155zm-5.185-4.55c.355.07.977.237 1.715.612c.95.485 2.263 1.417 3.334 3.156c.045-1.045-.024-3.324-1.238-5.218a1.084 1.084 0 0 0-1.281-.445c-.659.239-1.614.76-2.53 1.894"/><path fill="#818cf8" d="M18.033 9.193s.321-2.286-.847-4.11a.88.88 0 0 0-1.04-.36c-.515.186-1.255.601-1.945 1.526c0 0 2.36.212 3.832 2.944"/><path fill="#818cf8" d="M16.931 5.808a.88.88 0 0 0-1.039-.36c-.37.135-.858.387-1.359.862a3 3 0 0 0-.332-.06c.69-.926 1.43-1.34 1.945-1.527a.88.88 0 0 1 1.04.36c1.17 1.825.847 4.11.847 4.11a7 7 0 0 0-.221-.382c-.04-.828-.23-1.987-.88-3.003"/><path fill="#818cf8" d="M18.032 9.323a.13.13 0 0 1-.114-.068C16.5 6.622 14.21 6.38 14.187 6.378a.13.13 0 0 1-.107-.076a.13.13 0 0 1 .015-.131c.713-.957 1.484-1.383 2.006-1.571a1.004 1.004 0 0 1 1.192.411c1.182 1.844.881 4.105.868 4.2a.13.13 0 0 1-.129.112m-3.595-3.169c.603.12 2.272.62 3.498 2.61c.031-.731-.022-2.303-.86-3.612a.75.75 0 0 0-.886-.307c-.456.165-1.118.525-1.752 1.309"/><path fill="#818cf8" d="M4.497 12.403S3.04 9.42 3.83 6.4a1.274 1.274 0 0 1 1.261-.957c.788.024 1.987.26 3.342 1.217c0 0-3.137 1.348-3.935 5.744"/><path fill="#818cf8" d="M4.498 12.586a.18.18 0 0 1-.163-.102c-.061-.125-1.478-3.08-.682-6.131A1.44 1.44 0 0 1 5.097 5.26c.797.024 2.04.261 3.44 1.25a.183.183 0 0 1-.033.317c-.007.003-.773.34-1.623 1.196c-.785.79-1.802 2.196-2.204 4.412a.184.184 0 0 1-.179.151m.554-6.963a1.08 1.08 0 0 0-1.048.822c-.568 2.18.072 4.367.438 5.346c.48-1.986 1.44-3.281 2.194-4.037c.428-.435.912-.81 1.44-1.117c-1.222-.793-2.291-.991-2.99-1.013z"/><path fill="#818cf8" d="M5.057 11.263S4.045 9.189 4.592 7.09a.885.885 0 0 1 .877-.665c.547.017 1.38.181 2.322.846c0 0-2.18.936-2.734 3.99"/><path fill="#818cf8" d="M5.057 7.703a.886.886 0 0 1 .877-.666c.394.013.935.1 1.559.397q.144-.09.298-.162c-.941-.665-1.775-.829-2.322-.846a.88.88 0 0 0-.877.665c-.547 2.098.465 4.172.465 4.172q.041-.223.094-.432c-.22-.8-.398-1.96-.094-3.128"/><path fill="#818cf8" d="M5.057 11.392a.13.13 0 0 1-.117-.073c-.042-.086-1.027-2.14-.474-4.262a1.01 1.01 0 0 1 1.007-.763c.554.018 1.419.182 2.392.87a.13.13 0 0 1 .055.12a.13.13 0 0 1-.078.106c-.021.01-2.124.951-2.658 3.895a.13.13 0 0 1-.127.107m.384-4.837a.75.75 0 0 0-.724.567c-.392 1.504.045 3.015.3 3.7c.55-2.273 1.981-3.268 2.518-3.569c-.846-.548-1.586-.684-2.071-.7z"/><path fill="#818cf8" d="M13.13 20.225c5.574-.89 8.793-4.472 6.555-8.485a8 8 0 0 0-.181-.306a1.8 1.8 0 0 1-.17-.355c-.367-1.047-2.471-6.124-8.473-5.167c-6.002.958-6.434 6.44-6.458 7.549q-.005.198-.051.389c-1.176 4.735 3.061 7.286 8.778 6.374"/><path fill="#818cf8" d="M4.274 14.197s.855-.215 1.749.942c.702.908 2.336.653 3.12-.098a5.5 5.5 0 0 1 2.935-1.436a5.53 5.53 0 0 1 3.24.451c.976.47 2.609.204 2.995-.877c.492-1.378 1.372-1.44 1.372-1.44c2.238 4.013-.98 7.595-6.555 8.484s-9.743-1.517-8.856-6.026"/><path fill="#818cf8" d="M4.254 14.306c-.086 3.714 3.731 5.62 8.702 4.828c4.971-.793 8.008-3.792 6.783-7.292c2.128 3.97-1.082 7.5-6.61 8.382c-5.527.881-9.675-1.477-8.875-5.918"/><path fill="#818cf8" d="M9.173 15.265s.423.678 1.312.476c.346-.078.582-.206.745-.344a.116.116 0 0 0-.02-.189c-.41-.215-.688-.56-.636-.913c.094-.637 1.485-.824 1.485-.824s1.38-.255 1.667.322c.16.319 0 .734-.324 1.066a.116.116 0 0 0 .04.189c.197.08.462.126.811.095c.908-.085 1.099-.86 1.099-.86s.51.675.004 1.386a.5.5 0 0 0-.086.202c-.09.522-.572 2.685-2.363 2.971c-1.793.286-2.92-1.62-3.166-2.09a.5.5 0 0 0-.145-.165c-.699-.521-.423-1.322-.423-1.322"/><path fill="#818cf8" d="M4.351 13.85a1.8 1.8 0 0 0 .052-.39c.023-1.109.455-6.59 6.457-7.548c6.002-.957 8.106 4.12 8.474 5.167q.065.186.169.355q.096.154.181.306c.401.719.626 1.423.694 2.1a5.7 5.7 0 0 0-.612-1.585a8 8 0 0 0-.181-.307a1.8 1.8 0 0 1-.17-.354c-.307-.876-1.828-4.567-5.826-5.194v.003c-.003.19-.422.335-.937.327c-.514-.008-.929-.167-.926-.356q0-.02.008-.04q-.384.029-.793.095c-6.001.955-6.432 6.437-6.457 7.546q-.005.197-.051.389c-.183.735-.235 1.416-.17 2.042c-.164-.758-.146-1.613.088-2.556"/><path fill="#818cf8" d="m13.984 12.483l.028-.049l.024-.042l.052-.079q.053-.076.112-.147a2.5 2.5 0 0 1 .865-.671c.22-.105.458-.173.701-.2a2 2 0 0 1 .707.048a.105.105 0 0 1-.013.206h-.003a2.3 2.3 0 0 0-1.114.428a3 3 0 0 0-.429.394a4 4 0 0 0-.188.222q-.045.056-.088.114l-.098.134a.331.331 0 0 1-.556-.358m-4.506 1.14l-.106-.075q-.058-.042-.118-.082a4 4 0 0 0-.248-.152a2.6 2.6 0 0 0-.812-.315a2.3 2.3 0 0 0-.909.013h-.003a.105.105 0 0 1-.076-.192c.202-.128.424-.218.657-.267q.362-.074.73-.027a2.5 2.5 0 0 1 1.254.533l.037.031l.041.039a.332.332 0 0 1-.417.513zm2.855 1.577c-.852.135-1.789-.45-1.698-1.053c.09-.604 1.408-.781 1.408-.781s1.307-.242 1.58.304c.272.546-.437 1.394-1.29 1.53"/><path fill="#818cf8" d="m12.494 14.983l.031.04l.037.047q.038.046.079.089q.082.087.175.163q.184.15.402.243q.108.046.222.07q.114.028.23.036q.241.014.476-.039a2 2 0 0 0 .462-.16q.217-.103.381-.279q.157-.18.238-.406q.09-.245.118-.506v-.003l.003-.002l.002-.001h.007l.002.003c.1.166.13.367.109.565a1.1 1.1 0 0 1-.232.555q-.189.241-.453.394q-.257.147-.54.226a1.84 1.84 0 0 1-1.187-.049a1.9 1.9 0 0 1-.517-.31a2 2 0 0 1-.308-.327q-.023-.03-.045-.063c-.014-.022-.027-.04-.045-.07a.209.209 0 0 1 .215-.306a.2.2 0 0 1 .13.077z"/><path fill="#818cf8" d="M12.519 15.138a1 1 0 0 1-.045.154a2 2 0 0 1-.193.406q-.161.26-.396.457a1.85 1.85 0 0 1-1.112.416a2.4 2.4 0 0 1-.583-.047a1.6 1.6 0 0 1-.553-.234a1.1 1.1 0 0 1-.39-.456a.9.9 0 0 1-.072-.57v-.004l.003-.002h.009l.002.004q.108.238.268.445c.097.125.217.23.352.312c.139.077.291.126.448.146q.244.033.49.008q.24-.023.463-.111a1.4 1.4 0 0 0 .397-.241q.179-.155.307-.356q.065-.1.116-.21q.025-.054.048-.109a1 1 0 0 0 .036-.103l.005-.014a.21.21 0 0 1 .251-.136a.207.207 0 0 1 .149.245"/><path fill="#818cf8" d="M10.133 16.328s.933 2.63 2.75 2.341c.789-.126 1.249-.724 1.517-1.359c.35-.828.373-1.722.373-1.722s-1.317.848-2.44-.387c-.686 1.523-2.2 1.127-2.2 1.127"/><path fill="#818cf8" d="M12.563 16.651c1.367-.218 1.837.66 1.837.66c-.268.635-.728 1.233-1.517 1.359c-.79.125-1.413-.298-1.863-.818c0 0 .175-.983 1.543-1.201"/><path fill="#818cf8" d="M12.754 17.851c.604-.096 1.043-.434 1.357-.866q.173.136.29.326c-.268.634-.729 1.233-1.518 1.358c-.79.126-1.413-.298-1.863-.818q.052-.215.174-.4c.435.312.955.497 1.56.4"/><path fill="#818cf8" d="M12.599 18.873c-1.735 0-2.6-2.378-2.636-2.485a.18.18 0 0 1 .037-.184a.18.18 0 0 1 .18-.054c.056.015 1.376.335 1.989-1.025a.182.182 0 0 1 .3-.048c1.004 1.102 2.158.387 2.207.356a.182.182 0 0 1 .28.157c-.003.12-.1 2.947-2.044 3.257a2 2 0 0 1-.313.026m-2.176-2.325c.293.644 1.125 2.147 2.431 1.94s1.632-1.897 1.712-2.6c-.457.178-1.354.37-2.184-.382c-.557.974-1.47 1.07-1.96 1.042"/><path fill="#818cf8" d="M12.116 13.963c.307-.05.547-.146.536-.215c-.011-.07-.269-.087-.576-.038s-.547.145-.536.215s.27.086.576.038m2.204-2.889c.3-.296.403-.68.23-.857c-.174-.178-.558-.081-.858.214c-.3.296-.404.68-.23.857c.173.177.557.081.858-.215m-4.27.759c-.11.223-.506.252-.883.063s-.593-.52-.484-.743c.11-.222.454-.242.831-.054c.378.187.645.512.536.734"/><path fill="#818cf8" d="M10.923 20.586c-2.47 0-4.54-.719-5.758-2.05c-1.114-1.218-1.456-2.854-.99-4.732q.042-.171.046-.35c.026-1.117.464-6.743 6.611-7.723c6.147-.981 8.304 4.231 8.674 5.288q.059.166.151.318c1.024 1.64 1.205 3.302.523 4.806c-.961 2.12-3.586 3.714-7.022 4.261q-1.11.18-2.235.182m1.383-14.612q-.713.002-1.417.117c-5.862.935-6.28 6.305-6.304 7.372a2 2 0 0 1-.057.43c-.435 1.752-.122 3.273.905 4.397c1.487 1.626 4.354 2.281 7.668 1.752c3.314-.528 5.837-2.043 6.748-4.051c.627-1.388.456-2.931-.5-4.462a2 2 0 0 1-.186-.391c-.323-.92-2.074-5.164-6.857-5.164"/></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. VinuIcon.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.