curly-loop from Fluent Emoji Flat by Microsoft Corporation · Default · Symbols · MIT Free for personal and commercial use.

Name
curly-loop
Set
Fluent Emoji Flat
Style
Default
Category
Symbols
Viewbox
32×32
License
MIT

The same emoji in other sets

More symbols icons from Fluent Emoji Flat

Use the curly loop emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#785dc8" fill-rule="evenodd" d="M3.53 7.753c3.388 0 6.591.441 9.085 1.317c.177.062.219.29.087.42l-.013.01a16 16 0 0 0-.925.88c-3.688 3.81-4.172 8.31-4.232 9.658a6 6 0 0 0-.008.374c.006 4.735 3.812 8.586 8.49 8.586c4.682 0 8.49-3.856 8.491-8.596V20.4c.005-.42-.028-5.678-4.245-10.033q-.434-.449-.903-.86l-.056-.05c-.096-.132-.047-.33.115-.387c2.494-.876 5.697-1.317 9.086-1.317c.827 0 1.498-.68 1.498-1.517c0-.838-.671-1.517-1.498-1.517c-4.773 0-9.079.817-12.316 2.437a.4.4 0 0 1-.17.043a.4.4 0 0 1-.171-.043C12.608 5.536 8.302 4.719 3.53 4.719c-.828 0-1.499.68-1.499 1.517s.671 1.517 1.499 1.517m6.99 12.649c0 3.066 2.465 5.562 5.494 5.562s5.494-2.495 5.494-5.562v-.04c0-.163-.044-4.45-3.426-7.91a12.6 12.6 0 0 0-1.842-1.553a.38.38 0 0 0-.435 0a12.6 12.6 0 0 0-1.9 1.606c-2.89 2.984-3.313 6.494-3.374 7.55a6 6 0 0 0-.01.26v.086" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatCurlyLoop(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#785dc8" fillRule="evenodd" d="M3.53 7.753c3.388 0 6.591.441 9.085 1.317c.177.062.219.29.087.42l-.013.01a16 16 0 0 0-.925.88c-3.688 3.81-4.172 8.31-4.232 9.658a6 6 0 0 0-.008.374c.006 4.735 3.812 8.586 8.49 8.586c4.682 0 8.49-3.856 8.491-8.596V20.4c.005-.42-.028-5.678-4.245-10.033q-.434-.449-.903-.86l-.056-.05c-.096-.132-.047-.33.115-.387c2.494-.876 5.697-1.317 9.086-1.317c.827 0 1.498-.68 1.498-1.517c0-.838-.671-1.517-1.498-1.517c-4.773 0-9.079.817-12.316 2.437a.4.4 0 0 1-.17.043a.4.4 0 0 1-.171-.043C12.608 5.536 8.302 4.719 3.53 4.719c-.828 0-1.499.68-1.499 1.517s.671 1.517 1.499 1.517m6.99 12.649c0 3.066 2.465 5.562 5.494 5.562s5.494-2.495 5.494-5.562v-.04c0-.163-.044-4.45-3.426-7.91a12.6 12.6 0 0 0-1.842-1.553a.38.38 0 0 0-.435 0a12.6 12.6 0 0 0-1.9 1.606c-2.89 2.984-3.313 6.494-3.374 7.55a6 6 0 0 0-.01.26v.086" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#785dc8" fill-rule="evenodd" d="M3.53 7.753c3.388 0 6.591.441 9.085 1.317c.177.062.219.29.087.42l-.013.01a16 16 0 0 0-.925.88c-3.688 3.81-4.172 8.31-4.232 9.658a6 6 0 0 0-.008.374c.006 4.735 3.812 8.586 8.49 8.586c4.682 0 8.49-3.856 8.491-8.596V20.4c.005-.42-.028-5.678-4.245-10.033q-.434-.449-.903-.86l-.056-.05c-.096-.132-.047-.33.115-.387c2.494-.876 5.697-1.317 9.086-1.317c.827 0 1.498-.68 1.498-1.517c0-.838-.671-1.517-1.498-1.517c-4.773 0-9.079.817-12.316 2.437a.4.4 0 0 1-.17.043a.4.4 0 0 1-.171-.043C12.608 5.536 8.302 4.719 3.53 4.719c-.828 0-1.499.68-1.499 1.517s.671 1.517 1.499 1.517m6.99 12.649c0 3.066 2.465 5.562 5.494 5.562s5.494-2.495 5.494-5.562v-.04c0-.163-.044-4.45-3.426-7.91a12.6 12.6 0 0 0-1.842-1.553a.38.38 0 0 0-.435 0a12.6 12.6 0 0 0-1.9 1.606c-2.89 2.984-3.313 6.494-3.374 7.55a6 6 0 0 0-.01.26v.086" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-curly-loop {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23785dc8%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.53%207.753c3.388%200%206.591.441%209.085%201.317c.177.062.219.29.087.42l-.013.01a16%2016%200%200%200-.925.88c-3.688%203.81-4.172%208.31-4.232%209.658a6%206%200%200%200-.008.374c.006%204.735%203.812%208.586%208.49%208.586c4.682%200%208.49-3.856%208.491-8.596V20.4c.005-.42-.028-5.678-4.245-10.033q-.434-.449-.903-.86l-.056-.05c-.096-.132-.047-.33.115-.387c2.494-.876%205.697-1.317%209.086-1.317c.827%200%201.498-.68%201.498-1.517c0-.838-.671-1.517-1.498-1.517c-4.773%200-9.079.817-12.316%202.437a.4.4%200%200%201-.17.043a.4.4%200%200%201-.171-.043C12.608%205.536%208.302%204.719%203.53%204.719c-.828%200-1.499.68-1.499%201.517s.671%201.517%201.499%201.517m6.99%2012.649c0%203.066%202.465%205.562%205.494%205.562s5.494-2.495%205.494-5.562v-.04c0-.163-.044-4.45-3.426-7.91a12.6%2012.6%200%200%200-1.842-1.553a.38.38%200%200%200-.435%200a12.6%2012.6%200%200%200-1.9%201.606c-2.89%202.984-3.313%206.494-3.374%207.55a6%206%200%200%200-.01.26v.086%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23785dc8%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.53%207.753c3.388%200%206.591.441%209.085%201.317c.177.062.219.29.087.42l-.013.01a16%2016%200%200%200-.925.88c-3.688%203.81-4.172%208.31-4.232%209.658a6%206%200%200%200-.008.374c.006%204.735%203.812%208.586%208.49%208.586c4.682%200%208.49-3.856%208.491-8.596V20.4c.005-.42-.028-5.678-4.245-10.033q-.434-.449-.903-.86l-.056-.05c-.096-.132-.047-.33.115-.387c2.494-.876%205.697-1.317%209.086-1.317c.827%200%201.498-.68%201.498-1.517c0-.838-.671-1.517-1.498-1.517c-4.773%200-9.079.817-12.316%202.437a.4.4%200%200%201-.17.043a.4.4%200%200%201-.171-.043C12.608%205.536%208.302%204.719%203.53%204.719c-.828%200-1.499.68-1.499%201.517s.671%201.517%201.499%201.517m6.99%2012.649c0%203.066%202.465%205.562%205.494%205.562s5.494-2.495%205.494-5.562v-.04c0-.163-.044-4.45-3.426-7.91a12.6%2012.6%200%200%200-1.842-1.553a.38.38%200%200%200-.435%200a12.6%2012.6%200%200%200-1.9%201.606c-2.89%202.984-3.313%206.494-3.374%207.55a6%206%200%200%200-.01.26v.086%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/curly-loop.svg?color=%231a73e8&size=48