Online Status color icon
The color version of the online status line icon: the same drawing with a soft fill behind it. Pick any color and the fill follows. Also in solid.
16
20
24
32
48
Style
Color
PNG size
Free for personal and commercial use. No attribution required.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#e7f7a1" stroke="none"><path fill-rule="evenodd" d="m22.47 4.54-.24-.88-.2-.41-.25-.38-.65-.65-.79-.45-.43-.15-.45-.09h-.92l-.45.09-.84.35-.38.25-.65.65-.25.38-.35.84-.09.45v.92l.09.45.35.84.56.72.34.31.79.45.43.15.45.09h.92l.88-.24.41-.2.38-.25.65-.65.45-.79.15-.43.09-.45Zm-2.03 5.24-.79.18L19 10l-.65-.04-.64-.13-.62-.21-.59-.29-.54-.36-.5-.43-.43-.5-.36-.54-.29-.59-.21-.62-.13-.64L14 5l.04-.65.18-.79-.63-.22-1.28-.25L11 3l-1.31.09-1.28.25-1.24.42L6 4.34l-1.09.73-.98.86-.86.98L2.34 8l-.58 1.17-.42 1.24-.25 1.28L1 13l.09 1.31.25 1.28.42 1.24.58 1.17.73 1.09.86.98.98.86 1.09.73 1.17.58 1.24.42 1.28.25L11 23l1.31-.09 1.28-.25 1.24-.42 1.17-.58 1.09-.73.98-.86.86-.98.73-1.09.58-1.17.42-1.24.25-1.28L21 13l-.09-1.31-.25-1.28ZM14 11l-.1.78-.3.72-.48.62-.29.26-.68.39-.37.13-.78.1-.39-.03-.39-.07-.72-.3-.62-.48-.26-.29-.39-.68-.13-.37L8 11l.03-.39.07-.39.3-.72.22-.33.55-.55.33-.22.72-.3L11 8l.39.03.39.07.72.3.33.22.55.55.22.33.3.72Zm2.56 8.41-.39.34-.92.61-1 .49-1.05.36-1.09.22-1.11.07-1.11-.07-1.09-.22-1.05-.36-1-.49-.92-.62-.39-.33.4-.61.56-.64.64-.56.71-.47.76-.38.81-.27.83-.16.85-.06.85.06.83.16.81.27.76.38.71.47.64.56.56.64Z"/></g><g fill="none" stroke="#56631d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19.48 9.98a9 9 0 1 1-5.46-5.46"/><circle cx="19" cy="5" r="2.5"/><circle cx="11" cy="11" r="3"/><path d="M5.5 19.3a6.5 6.5 0 0 1 11 0"/></g></svg>Want it moving? See the animated online status icon.