Knot icon

openmoji:knot

The Knot icon (openmoji:knot) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: OpenMoji
Author: OpenMoji
License: CC-BY-SA-4.0
Size: 72 × 72
Category: Activities

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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="#000" stroke-linecap="round" stroke-width="2"><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>

How to use the Knot icon

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:knot" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:knot" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:knot" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--knot]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:knot"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:knot"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/openmoji/knot.svg" alt="Knot icon" width="24" height="24">

Knot icon in other icon sets

Knot icon FAQ

Is the Knot icon free for commercial use?

Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Knot icon in React?

Install @iconify/react and render <Icon icon="openmoji:knot" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Knot icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/knot.svg" alt="Knot icon">, or paste the SVG code inline to style it with CSS.

Browse all OpenMoji icons →