scribble loop icon

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

Name: scribble-loop-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

scribble-loop scribble-loop-bold scribble-loop-duotone scribble-loop-fill scribble-loop-light

Use the scribble loop icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M251 157.32c-1.32-1.46-24.47-26.63-61.79-40.43c-1.26-18.56-7.78-35.45-18.66-48.13C156.62 52.56 136.38 44 112 44c-49.49 0-81.9 44.58-83.26 46.48a4 4 0 0 0 6.51 4.65C35.56 94.7 66.68 52 112 52c22 0 40.11 7.6 52.45 22c9.11 10.61 14.81 24.62 16.46 40.13A137.8 137.8 0 0 0 140.6 108c-25.1 0-46.09 6.48-60.69 18.75C67.26 137.39 60 152.15 60 167.25a43.64 43.64 0 0 0 12.69 31.22C81.59 207.32 94 212 108.6 212c51.63 0 79.87-44.08 80.78-86.32c34.07 13.58 55.36 36.67 55.65 37a4 4 0 1 0 5.94-5.36Zm-88.4 21.47c-9.37 11.5-26.34 25.21-54 25.21c-27.89 0-40.6-19-40.6-36.75C68 142.57 90.72 116 140.6 116a129.2 129.2 0 0 1 40.8 6.77v.81c0 20.42-6.86 40.52-18.83 55.21Z"/></svg>

React

import type { SVGProps } from "react";

export function PhScribbleLoopThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M251 157.32c-1.32-1.46-24.47-26.63-61.79-40.43c-1.26-18.56-7.78-35.45-18.66-48.13C156.62 52.56 136.38 44 112 44c-49.49 0-81.9 44.58-83.26 46.48a4 4 0 0 0 6.51 4.65C35.56 94.7 66.68 52 112 52c22 0 40.11 7.6 52.45 22c9.11 10.61 14.81 24.62 16.46 40.13A137.8 137.8 0 0 0 140.6 108c-25.1 0-46.09 6.48-60.69 18.75C67.26 137.39 60 152.15 60 167.25a43.64 43.64 0 0 0 12.69 31.22C81.59 207.32 94 212 108.6 212c51.63 0 79.87-44.08 80.78-86.32c34.07 13.58 55.36 36.67 55.65 37a4 4 0 1 0 5.94-5.36Zm-88.4 21.47c-9.37 11.5-26.34 25.21-54 25.21c-27.89 0-40.6-19-40.6-36.75C68 142.57 90.72 116 140.6 116a129.2 129.2 0 0 1 40.8 6.77v.81c0 20.42-6.86 40.52-18.83 55.21Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M251 157.32c-1.32-1.46-24.47-26.63-61.79-40.43c-1.26-18.56-7.78-35.45-18.66-48.13C156.62 52.56 136.38 44 112 44c-49.49 0-81.9 44.58-83.26 46.48a4 4 0 0 0 6.51 4.65C35.56 94.7 66.68 52 112 52c22 0 40.11 7.6 52.45 22c9.11 10.61 14.81 24.62 16.46 40.13A137.8 137.8 0 0 0 140.6 108c-25.1 0-46.09 6.48-60.69 18.75C67.26 137.39 60 152.15 60 167.25a43.64 43.64 0 0 0 12.69 31.22C81.59 207.32 94 212 108.6 212c51.63 0 79.87-44.08 80.78-86.32c34.07 13.58 55.36 36.67 55.65 37a4 4 0 1 0 5.94-5.36Zm-88.4 21.47c-9.37 11.5-26.34 25.21-54 25.21c-27.89 0-40.6-19-40.6-36.75C68 142.57 90.72 116 140.6 116a129.2 129.2 0 0 1 40.8 6.77v.81c0 20.42-6.86 40.52-18.83 55.21Z"/></svg>
</template>

CSS

.icon-scribble-loop-thin {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M251%20157.32c-1.32-1.46-24.47-26.63-61.79-40.43c-1.26-18.56-7.78-35.45-18.66-48.13C156.62%2052.56%20136.38%2044%20112%2044c-49.49%200-81.9%2044.58-83.26%2046.48a4%204%200%200%200%206.51%204.65C35.56%2094.7%2066.68%2052%20112%2052c22%200%2040.11%207.6%2052.45%2022c9.11%2010.61%2014.81%2024.62%2016.46%2040.13A137.8%20137.8%200%200%200%20140.6%20108c-25.1%200-46.09%206.48-60.69%2018.75C67.26%20137.39%2060%20152.15%2060%20167.25a43.64%2043.64%200%200%200%2012.69%2031.22C81.59%20207.32%2094%20212%20108.6%20212c51.63%200%2079.87-44.08%2080.78-86.32c34.07%2013.58%2055.36%2036.67%2055.65%2037a4%204%200%201%200%205.94-5.36Zm-88.4%2021.47c-9.37%2011.5-26.34%2025.21-54%2025.21c-27.89%200-40.6-19-40.6-36.75C68%20142.57%2090.72%20116%20140.6%20116a129.2%20129.2%200%200%201%2040.8%206.77v.81c0%2020.42-6.86%2040.52-18.83%2055.21Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M251%20157.32c-1.32-1.46-24.47-26.63-61.79-40.43c-1.26-18.56-7.78-35.45-18.66-48.13C156.62%2052.56%20136.38%2044%20112%2044c-49.49%200-81.9%2044.58-83.26%2046.48a4%204%200%200%200%206.51%204.65C35.56%2094.7%2066.68%2052%20112%2052c22%200%2040.11%207.6%2052.45%2022c9.11%2010.61%2014.81%2024.62%2016.46%2040.13A137.8%20137.8%200%200%200%20140.6%20108c-25.1%200-46.09%206.48-60.69%2018.75C67.26%20137.39%2060%20152.15%2060%20167.25a43.64%2043.64%200%200%200%2012.69%2031.22C81.59%20207.32%2094%20212%20108.6%20212c51.63%200%2079.87-44.08%2080.78-86.32c34.07%2013.58%2055.36%2036.67%2055.65%2037a4%204%200%201%200%205.94-5.36Zm-88.4%2021.47c-9.37%2011.5-26.34%2025.21-54%2025.21c-27.89%200-40.6-19-40.6-36.75C68%20142.57%2090.72%20116%20140.6%20116a129.2%20129.2%200%200%201%2040.8%206.77v.81c0%2020.42-6.86%2040.52-18.83%2055.21Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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