scribble loop icon

scribble-loop-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.

Name: scribble-loop-duotone
Set: Phosphor
Style: Duotone
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

scribble-loop scribble-loop-bold scribble-loop-fill scribble-loop-light scribble-loop-thin

Use the scribble loop icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M108.6 208c-64 0-64-96 32-96a134.4 134.4 0 0 1 44.73 7.83C187 162.36 159.88 208 108.6 208" opacity=".2"/><path d="M253.93 154.63c-1.32-1.46-24.09-26.22-61-40.56c-1.72-18.42-8.46-35.17-19.41-47.92C158.87 49 137.58 40 112 40c-51.52 0-85.11 46.18-86.51 48.15a8 8 0 0 0 13 9.31C38.8 97.05 68.81 56 112 56c20.77 0 37.86 7.11 49.41 20.57c7.42 8.64 12.44 19.69 14.67 32A141 141 0 0 0 140.6 104c-26.06 0-47.93 6.81-63.26 19.69C63.78 135.09 56 151 56 167.25a47.6 47.6 0 0 0 13.87 34.05c9.66 9.62 23.06 14.7 38.73 14.7c51.81 0 81.18-42.13 84.49-84.42a161.4 161.4 0 0 1 49 33.79a8 8 0 1 0 11.86-10.74Zm-94.46 21.64C150.64 187.09 134.66 200 108.6 200C83.32 200 72 183.55 72 167.25C72 144.49 93.47 120 140.6 120a124.3 124.3 0 0 1 36.78 5.68c-.45 18.76-6.92 37.1-17.91 50.59"/></g></svg>

React

import type { SVGProps } from "react";

export function PhScribbleLoopDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M108.6 208c-64 0-64-96 32-96a134.4 134.4 0 0 1 44.73 7.83C187 162.36 159.88 208 108.6 208" opacity=".2"/><path d="M253.93 154.63c-1.32-1.46-24.09-26.22-61-40.56c-1.72-18.42-8.46-35.17-19.41-47.92C158.87 49 137.58 40 112 40c-51.52 0-85.11 46.18-86.51 48.15a8 8 0 0 0 13 9.31C38.8 97.05 68.81 56 112 56c20.77 0 37.86 7.11 49.41 20.57c7.42 8.64 12.44 19.69 14.67 32A141 141 0 0 0 140.6 104c-26.06 0-47.93 6.81-63.26 19.69C63.78 135.09 56 151 56 167.25a47.6 47.6 0 0 0 13.87 34.05c9.66 9.62 23.06 14.7 38.73 14.7c51.81 0 81.18-42.13 84.49-84.42a161.4 161.4 0 0 1 49 33.79a8 8 0 1 0 11.86-10.74Zm-94.46 21.64C150.64 187.09 134.66 200 108.6 200C83.32 200 72 183.55 72 167.25C72 144.49 93.47 120 140.6 120a124.3 124.3 0 0 1 36.78 5.68c-.45 18.76-6.92 37.1-17.91 50.59"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M108.6 208c-64 0-64-96 32-96a134.4 134.4 0 0 1 44.73 7.83C187 162.36 159.88 208 108.6 208" opacity=".2"/><path d="M253.93 154.63c-1.32-1.46-24.09-26.22-61-40.56c-1.72-18.42-8.46-35.17-19.41-47.92C158.87 49 137.58 40 112 40c-51.52 0-85.11 46.18-86.51 48.15a8 8 0 0 0 13 9.31C38.8 97.05 68.81 56 112 56c20.77 0 37.86 7.11 49.41 20.57c7.42 8.64 12.44 19.69 14.67 32A141 141 0 0 0 140.6 104c-26.06 0-47.93 6.81-63.26 19.69C63.78 135.09 56 151 56 167.25a47.6 47.6 0 0 0 13.87 34.05c9.66 9.62 23.06 14.7 38.73 14.7c51.81 0 81.18-42.13 84.49-84.42a161.4 161.4 0 0 1 49 33.79a8 8 0 1 0 11.86-10.74Zm-94.46 21.64C150.64 187.09 134.66 200 108.6 200C83.32 200 72 183.55 72 167.25C72 144.49 93.47 120 140.6 120a124.3 124.3 0 0 1 36.78 5.68c-.45 18.76-6.92 37.1-17.91 50.59"/></g></svg>
</template>

CSS

.icon-scribble-loop-duotone {
  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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M108.6%20208c-64%200-64-96%2032-96a134.4%20134.4%200%200%201%2044.73%207.83C187%20162.36%20159.88%20208%20108.6%20208%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M253.93%20154.63c-1.32-1.46-24.09-26.22-61-40.56c-1.72-18.42-8.46-35.17-19.41-47.92C158.87%2049%20137.58%2040%20112%2040c-51.52%200-85.11%2046.18-86.51%2048.15a8%208%200%200%200%2013%209.31C38.8%2097.05%2068.81%2056%20112%2056c20.77%200%2037.86%207.11%2049.41%2020.57c7.42%208.64%2012.44%2019.69%2014.67%2032A141%20141%200%200%200%20140.6%20104c-26.06%200-47.93%206.81-63.26%2019.69C63.78%20135.09%2056%20151%2056%20167.25a47.6%2047.6%200%200%200%2013.87%2034.05c9.66%209.62%2023.06%2014.7%2038.73%2014.7c51.81%200%2081.18-42.13%2084.49-84.42a161.4%20161.4%200%200%201%2049%2033.79a8%208%200%201%200%2011.86-10.74Zm-94.46%2021.64C150.64%20187.09%20134.66%20200%20108.6%20200C83.32%20200%2072%20183.55%2072%20167.25C72%20144.49%2093.47%20120%20140.6%20120a124.3%20124.3%200%200%201%2036.78%205.68c-.45%2018.76-6.92%2037.1-17.91%2050.59%22%2F%3E%3C%2Fg%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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M108.6%20208c-64%200-64-96%2032-96a134.4%20134.4%200%200%201%2044.73%207.83C187%20162.36%20159.88%20208%20108.6%20208%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M253.93%20154.63c-1.32-1.46-24.09-26.22-61-40.56c-1.72-18.42-8.46-35.17-19.41-47.92C158.87%2049%20137.58%2040%20112%2040c-51.52%200-85.11%2046.18-86.51%2048.15a8%208%200%200%200%2013%209.31C38.8%2097.05%2068.81%2056%20112%2056c20.77%200%2037.86%207.11%2049.41%2020.57c7.42%208.64%2012.44%2019.69%2014.67%2032A141%20141%200%200%200%20140.6%20104c-26.06%200-47.93%206.81-63.26%2019.69C63.78%20135.09%2056%20151%2056%20167.25a47.6%2047.6%200%200%200%2013.87%2034.05c9.66%209.62%2023.06%2014.7%2038.73%2014.7c51.81%200%2081.18-42.13%2084.49-84.42a161.4%20161.4%200%200%201%2049%2033.79a8%208%200%201%200%2011.86-10.74Zm-94.46%2021.64C150.64%20187.09%20134.66%20200%20108.6%20200C83.32%20200%2072%20183.55%2072%20167.25C72%20144.49%2093.47%20120%20140.6%20120a124.3%20124.3%200%200%201%2036.78%205.68c-.45%2018.76-6.92%2037.1-17.91%2050.59%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/scribble-loop-duotone.svg?color=%231a73e8&size=48