Home/Libraries/Freehand free icons (Iconify)/flip-rotate-clockwise

Freehand free icons (Iconify)

FlipRotateClockwise

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M18.756 11.013A17 17 0 0 0 16.6 8.948c-1.002-.852-2.095-1.713-3.127-2.625A20 20 0 0 1 12.21 5.14a.64.64 0 0 0-.601 0a188 188 0 0 1-2.005 2.004A43 43 0 0 1 7.481 9.07a13.7 13.7 0 0 0-2.436 2.565a1.21 1.21 0 0 0-.06 1.383c.11.14 1.704 1.744 3.358 3.318c1.503 1.423 3.006 2.826 3.497 3.136a.32.32 0 0 0 .387.058a.321.321 0 0 0-.016-.569c-.29-.22-1.002-1.002-2.004-1.914c-1.794-1.854-4.16-4.35-4.4-4.65c0-.06.1-.15.14-.22a5.6 5.6 0 0 1 .702-.913c.481-.54 1.002-1.092 1.453-1.493c.451-.4 1.093-1.102 1.624-1.674a101 101 0 0 0 2.184-2.455c.481.541 1.003 1.072 1.514 1.594c.842.831 1.714 1.633 2.515 2.435c.421.41.952.882 1.393 1.323q.388.325.702.721c-.05.08-.501.612-1.113 1.363a129 129 0 0 1-2.746 3.328q-.813 1-1.743 1.894a.32.32 0 0 0-.175.35a.321.321 0 0 0 .545.16a36 36 0 0 0 3.207-3.166a106 106 0 0 0 3.007-3.398a1.11 1.11 0 0 0-.26-1.232m4.199 5.621a6.86 6.86 0 0 0 1.002-4.41a8.8 8.8 0 0 0-2.155-4.7a.28.28 0 0 0-.44.34a8.44 8.44 0 0 1 1.663 4.44a7.2 7.2 0 0 1-.16 2.005a7 7 0 0 1-.712 1.844a8.1 8.1 0 0 1-3.157 3.007q.154-.338.23-.702c.05-.33.09-.651.12-1.002c.03-.35.07-1.002.07-1.453a.28.28 0 0 0-.358-.291a.27.27 0 0 0-.192.24a15.6 15.6 0 0 1-.522 2.276a3.4 3.4 0 0 1-.34.621a1.27 1.27 0 0 0-.15.852a1.1 1.1 0 0 0 .68.752l.352.15l.581.16l1.183.18h1.864q.363 0 .721.06a.33.33 0 0 0 .391-.23a.32.32 0 0 0-.23-.38a3 3 0 0 0-.552-.12c-.671-.111-1.603-.181-2.004-.282l-1.082-.27l-.281-.08a8.46 8.46 0 0 0 3.478-3.007M5.186 8.006c.06-.39.13-.771.22-1.152q.12-.57.3-1.123q.139-.328.342-.621c.148-.258.2-.56.15-.852a1.09 1.09 0 0 0-.682-.752l-.35-.15l-.582-.13l-1.182-.18c-.421-.05-1.203-.05-1.864-.05q-.361.03-.722 0a.33.33 0 0 0-.39.23a.31.31 0 0 0 .23.38q.27.089.551.12c.671.111 1.604.181 2.004.281l1.083.271l.28.08a8.46 8.46 0 0 0-3.527 3.037a6.83 6.83 0 0 0-1.003 4.41a8.8 8.8 0 0 0 2.155 4.7a.28.28 0 1 0 .441-.34a8.44 8.44 0 0 1-1.583-4.44a7.2 7.2 0 0 1 .16-2.005a7 7 0 0 1 .682-1.814a8.1 8.1 0 0 1 3.156-3.057q-.153.338-.23.702c0 .33-.09.651-.12 1.002c-.03.35-.07 1.002-.07 1.453a.28.28 0 1 0 .55 0"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. FlipRotateClockwiseIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.