Home/Libraries/OpenMoji (Iconify)/knot

OpenMoji (Iconify)

Knot

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18.299 47.037s.17 2.168 4.537 2.876m2.198-14.429a5.46 5.46 0 0 1 4.523.516m-2.699-7.766a7.52 7.52 0 0 1 5.227-.694m.185-8.419s3.074.374 2.608 4.286m13.268 11.586s4.736 1 5.626-3.318m-12.376 8.97a6 6 0 0 0 6.679 1.471m-14.477 3.095s4.343-.38 5.458 1.594M23.789 56.957s2.577-2.81 6.076-1.884m14.227-40.464s2.336 2.296 1.168 7.143m-6.204-1.118s.718 2.958-1.898 6.687M21.367 32.03s-.429 5.567 3.185 6.183m-2.623 6.969s3.76 1.077 4.49-2.313M31 52.545s6.314-.912 5.559-4.233m7.907-17.967s.781 4.948 3.069 5.655m.958-13.018s-.51 3.986 1.656 6.151"/><path fill="#fff" d="m31.808 40.597l1.585-6.921l5.072-3.486l2.271 1.162l-1.637 6.498l-5.336 3.645z"/><path fill="#5c9e31" d="M24.523 49.686a13.1 13.1 0 0 1-5.87 3.657a1 1 0 0 1-1.248-.663L15.94 47.9a1 1 0 0 1 .663-1.25a7.35 7.35 0 0 0 3.57-2.436zm-.93-10.57c-.38-1.925.85-5.322.85-5.322c.202-.79.395-1.593.586-2.4c.98-4.096 1.99-8.33 4.54-11.201a11.65 11.65 0 0 1 10.948-3.836a15.3 15.3 0 0 1 3.143 1.019a25.5 25.5 0 0 1-7.348 6.28a5.3 5.3 0 0 0-1.507 1.183c-1.9 2.14-2.974 6.315-4.011 10.352a52.2 52.2 0 0 1-3.41 10.27s-3.412-4.422-3.791-6.346m22.632-10.741a14.5 14.5 0 0 0-5.175-4.484l1.04-.71a17.3 17.3 0 0 0 4.276-4.31q.753.503 1.478 1.086a21.7 21.7 0 0 1 2.688 2.584a10.07 10.07 0 0 0-3.637 4.27zM31.801 53.86a13.8 13.8 0 0 0-2.552 6.045a1 1 0 0 1-1.157.813l-4.926-.857a1 1 0 0 1-.813-1.157a18.05 18.05 0 0 1 3.468-7.985zm-2.44-6.805a57.6 57.6 0 0 1 8.866-5.755a43.4 43.4 0 0 0 7.806-5.122a5.17 5.17 0 0 0 1.774-3.428a14.4 14.4 0 0 1 4.567-7.797q.417.631.79 1.288a12.21 12.21 0 0 1-2.407 15.102a26.7 26.7 0 0 1-6.527 3.925c-1.128.541-2.192 1.053-3.192 1.618a34.4 34.4 0 0 1-5.146 2.326c-2.14.657-6.53-2.157-6.53-2.157"/><path fill="#92d3f5" d="M35.173 22.01a23.5 23.5 0 0 0 6.051-4.747a10.2 10.2 0 0 0 2.577-5.251a1 1 0 0 1 1.157-.814l4.926.858a1 1 0 0 1 .814 1.156c-1.613 9.27-8.914 12.925-15.355 16.15c-1.538.77-3.03 1.518-4.4 2.313zm12.902 18.92c-.867 3.438-2.037 6.736-4.337 9.328a11.66 11.66 0 0 1-10.948 3.836a17.4 17.4 0 0 1-7.327-3.601a22.2 22.2 0 0 1-5.32-6.284a12.21 12.21 0 0 1 2.406-15.1a26.3 26.3 0 0 1 6.07-3.84s-.98 3.487-1.714 6.607c-.807 3.426-1.292 5.462-1.292 5.462a5.24 5.24 0 0 0 .621 3.421c1.827 3.222 5.113 5.898 7.956 6.477a4 4 0 0 0 1.505.009s1.043-.066 4.824-2.036c4.482-2.335 7.556-4.278 7.556-4.278m-7.172-.286c.434-1.483.79-3.11 1.155-4.777c1.406-6.424 3.155-14.415 11.288-16.907a1 1 0 0 1 1.249.663l1.465 4.78a1 1 0 0 1-.663 1.25c-3.185.976-4.753 3.776-5.777 8.018z"/><path fill="#b1cc33" d="M22.837 50.913q-.081 0-.161-.013c-4.998-.81-5.35-3.483-5.374-3.784a1 1 0 0 1 1.99-.197c.02.091.393 1.47 3.704 2.006a1 1 0 0 1-.16 1.988zM29.556 37a1 1 0 0 1-.506-.137a4.44 4.44 0 0 0-3.651-.447a1 1 0 0 1-.737-1.86a6.48 6.48 0 0 1 5.402.583A1 1 0 0 1 29.556 37m-2.694-7.767a1 1 0 0 1-.502-1.866a8.5 8.5 0 0 1 5.996-.79a1 1 0 1 1-.541 1.926a6.53 6.53 0 0 0-4.461.6a1 1 0 0 1-.493.13m8.019-4.826a1 1 0 0 1-.994-1.118c.323-2.73-1.4-3.124-1.749-3.176a1.006 1.006 0 0 1-.852-1.124a.99.99 0 0 1 1.106-.86c1.405.171 3.941 1.519 3.48 5.396a1 1 0 0 1-.992.882M49.29 36.091a7 7 0 0 1-1.35-.12a1 1 0 0 1-.772-1.185a.99.99 0 0 1 1.165-.776l.017.004c.39.08 3.78.67 4.442-2.542a1 1 0 0 1 1.959.405a5 5 0 0 1-2.134 3.32c-1 .611-2.155.922-3.327.894m-3.592 7.444a6.74 6.74 0 0 1-5.084-2.266a1 1 0 1 1 1.559-1.254a5.02 5.02 0 0 0 5.58 1.155a1 1 0 0 1 .645 1.893a8.3 8.3 0 0 1-2.7.472m-6.641 4.27a1 1 0 0 1-.872-.509c-.599-1.06-3.29-1.19-4.501-1.089a1 1 0 0 1-.173-1.992c.512-.045 5.024-.366 6.416 2.099a1 1 0 0 1-.87 1.491M23.79 57.956a1 1 0 0 1-.738-1.674c.122-.133 3.035-3.244 7.07-2.175a1 1 0 0 1-.513 1.934a5.5 5.5 0 0 0-5.085 1.595c-.19.204-.456.32-.735.32"/><path fill="#61b2e4" d="M45.26 22.752q-.118 0-.234-.028a1 1 0 0 1-.739-1.207c1.007-4.174-.826-6.122-.904-6.203a1 1 0 0 1 1.41-1.418c.111.11 2.725 2.754 1.44 8.09c-.11.449-.51.765-.972.766m-8.105 5.568a1 1 0 0 1-.817-1.573c2.292-3.269 1.767-5.78 1.743-5.885a1 1 0 0 1 1.945-.464c.035.139.792 3.443-2.051 7.497a1 1 0 0 1-.82.426M24.553 39.212a1 1 0 0 1-.169-.014c-4.461-.761-4.035-6.98-4.015-7.244a1 1 0 0 1 1.994.151c-.003.047-.311 4.667 2.357 5.122a1 1 0 0 1-.167 1.985m-1.323 7.136a6 6 0 0 1-1.577-.205a1 1 0 1 1 .547-1.924c.79.22 1.633.152 2.378-.191c.47-.312.783-.81.862-1.37a1 1 0 0 1 1.955.42a3.96 3.96 0 0 1-1.795 2.669c-.721.41-1.54.618-2.37.601M31 53.544a1 1 0 0 1-.143-1.989c.91-.134 3.698-.79 4.54-2.018c.21-.29.28-.658.187-1.003a1 1 0 0 1 1.95-.444c.214.89.036 1.83-.489 2.58c-1.491 2.17-5.455 2.8-5.902 2.864a1 1 0 0 1-.144.01M47.534 37a1 1 0 0 1-.295-.044c-2.801-.867-3.67-5.886-3.76-6.455a1 1 0 1 1 1.974-.313c.287 1.8 1.215 4.498 2.376 4.857A1 1 0 0 1 47.534 37m2.616-6.867a1 1 0 0 1-.707-.293c-2.484-2.483-1.966-6.802-1.942-6.985a1 1 0 0 1 1.984.252c-.004.035-.414 3.534 1.372 5.32a1 1 0 0 1-.707 1.706"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-width="1.5"><path stroke-miterlimit="10" d="M41.964 17.936a11.2 11.2 0 0 0 2.822-5.753M35.49 22.982a24.8 24.8 0 0 0 6.475-5.046m4.472 25.124a17.7 17.7 0 0 1-3.447 6.535a10.65 10.65 0 0 1-9.999 3.52a16.4 16.4 0 0 1-6.9-3.4a21.2 21.2 0 0 1-5.077-5.999a11.22 11.22 0 0 1 2.21-13.87a20.3 20.3 0 0 1 3.948-2.702m27.932-2.447c-3.772 1.156-5.47 4.594-6.488 8.873m-6.564 6.684c.36-1.325.669-2.735.984-4.175c1.42-6.488 3.03-13.842 10.603-16.162M24.692 36.82a6.23 6.23 0 0 0 .672 4.431a16.2 16.2 0 0 0 3.885 4.577a11.4 11.4 0 0 0 4.742 2.387a5.3 5.3 0 0 0 3.676-.649M49.712 13.04c-1.526 8.773-8.587 12.308-14.817 15.427c-1.327.664-2.622 1.313-3.843 1.994"/><path stroke-linejoin="round" d="M46.579 20.244q.324.24.641.496M24.657 36.813q.387-1.312.758-2.767c1.215-4.727 2.042-9.96 4.906-13.186a10.65 10.65 0 0 1 9.999-3.52q.889.183 1.746.481M16.9 47.61a8.5 8.5 0 0 0 4.467-3.295m3.08 3.917a12.25 12.25 0 0 1-6.082 4.158m17.487-29.616a6.3 6.3 0 0 0-1.791 1.405c-2.06 2.32-3.164 6.614-4.232 10.766a60 60 0 0 1-2.741 8.77m18.916-17.23a16 16 0 0 0-1.942-1.86q-.56-.45-1.134-.827M31 47.038a64 64 0 0 1 7.724-4.864a44 44 0 0 0 7.988-5.254a6.3 6.3 0 0 0 1.92-3.346M23.342 58.88a17.16 17.16 0 0 1 3.86-8.258m4.26 2.079a14.9 14.9 0 0 0-3.194 7.037m23.847-33.314q.093.157.182.315a11.22 11.22 0 0 1-2.21 13.87c-2.547 2.33-6.405 3.642-9.537 5.41a47 47 0 0 0-2.87 1.573m9.54-26.85q.978.788 1.853 1.692"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. KnotIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** 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.