pen sync icon
pen-sync-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.
- Name
- pen-sync-48-filled
- Set
- Fluent UI System Icons
- Style
- 48 Filled
- Viewbox
- 48×48
- License
- MIT
11 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the pen sync icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M32.206 6.025a6.907 6.907 0 1 1 9.768 9.767l-6.45 6.452Q34.296 22.002 33 22c-7.18 0-13 5.82-13 13q.002 1.298.245 2.524l-2.439 2.44a6 6 0 0 1-2.76 1.572L5.56 43.961a1.25 1.25 0 0 1-1.521-1.521l2.427-9.485a6 6 0 0 1 1.572-2.758zM22 35c0 6.075 4.925 11 11 11s11-4.925 11-11s-4.925-11-11-11s-11 4.925-11 11m8.647-7.093A7 7 0 0 1 38 29.601V29a1 1 0 1 1 2 0v3a1 1 0 0 1-1 1h-3a1 1 0 1 1 0-2h.57a5 5 0 0 0-7.106-.035a1 1 0 0 1-1.414-1.415a7 7 0 0 1 2.597-1.643m4.706 14.186A7 7 0 0 1 28 40.399V41a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2h-.57a5 5 0 0 0 5.25 1.21a5 5 0 0 0 1.856-1.175a1 1 0 0 1 1.414 1.415a7 7 0 0 1-2.597 1.643"/></svg>
React
import type { SVGProps } from "react";
export function FluentPenSync48Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M32.206 6.025a6.907 6.907 0 1 1 9.768 9.767l-6.45 6.452Q34.296 22.002 33 22c-7.18 0-13 5.82-13 13q.002 1.298.245 2.524l-2.439 2.44a6 6 0 0 1-2.76 1.572L5.56 43.961a1.25 1.25 0 0 1-1.521-1.521l2.427-9.485a6 6 0 0 1 1.572-2.758zM22 35c0 6.075 4.925 11 11 11s11-4.925 11-11s-4.925-11-11-11s-11 4.925-11 11m8.647-7.093A7 7 0 0 1 38 29.601V29a1 1 0 1 1 2 0v3a1 1 0 0 1-1 1h-3a1 1 0 1 1 0-2h.57a5 5 0 0 0-7.106-.035a1 1 0 0 1-1.414-1.415a7 7 0 0 1 2.597-1.643m4.706 14.186A7 7 0 0 1 28 40.399V41a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2h-.57a5 5 0 0 0 5.25 1.21a5 5 0 0 0 1.856-1.175a1 1 0 0 1 1.414 1.415a7 7 0 0 1-2.597 1.643"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M32.206 6.025a6.907 6.907 0 1 1 9.768 9.767l-6.45 6.452Q34.296 22.002 33 22c-7.18 0-13 5.82-13 13q.002 1.298.245 2.524l-2.439 2.44a6 6 0 0 1-2.76 1.572L5.56 43.961a1.25 1.25 0 0 1-1.521-1.521l2.427-9.485a6 6 0 0 1 1.572-2.758zM22 35c0 6.075 4.925 11 11 11s11-4.925 11-11s-4.925-11-11-11s-11 4.925-11 11m8.647-7.093A7 7 0 0 1 38 29.601V29a1 1 0 1 1 2 0v3a1 1 0 0 1-1 1h-3a1 1 0 1 1 0-2h.57a5 5 0 0 0-7.106-.035a1 1 0 0 1-1.414-1.415a7 7 0 0 1 2.597-1.643m4.706 14.186A7 7 0 0 1 28 40.399V41a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2h-.57a5 5 0 0 0 5.25 1.21a5 5 0 0 0 1.856-1.175a1 1 0 0 1 1.414 1.415a7 7 0 0 1-2.597 1.643"/></svg> </template>
CSS
.icon-pen-sync-48-filled {
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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M32.206%206.025a6.907%206.907%200%201%201%209.768%209.767l-6.45%206.452Q34.296%2022.002%2033%2022c-7.18%200-13%205.82-13%2013q.002%201.298.245%202.524l-2.439%202.44a6%206%200%200%201-2.76%201.572L5.56%2043.961a1.25%201.25%200%200%201-1.521-1.521l2.427-9.485a6%206%200%200%201%201.572-2.758zM22%2035c0%206.075%204.925%2011%2011%2011s11-4.925%2011-11s-4.925-11-11-11s-11%204.925-11%2011m8.647-7.093A7%207%200%200%201%2038%2029.601V29a1%201%200%201%201%202%200v3a1%201%200%200%201-1%201h-3a1%201%200%201%201%200-2h.57a5%205%200%200%200-7.106-.035a1%201%200%200%201-1.414-1.415a7%207%200%200%201%202.597-1.643m4.706%2014.186A7%207%200%200%201%2028%2040.399V41a1%201%200%201%201-2%200v-3a1%201%200%200%201%201-1h3a1%201%200%201%201%200%202h-.57a5%205%200%200%200%205.25%201.21a5%205%200%200%200%201.856-1.175a1%201%200%200%201%201.414%201.415a7%207%200%200%201-2.597%201.643%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M32.206%206.025a6.907%206.907%200%201%201%209.768%209.767l-6.45%206.452Q34.296%2022.002%2033%2022c-7.18%200-13%205.82-13%2013q.002%201.298.245%202.524l-2.439%202.44a6%206%200%200%201-2.76%201.572L5.56%2043.961a1.25%201.25%200%200%201-1.521-1.521l2.427-9.485a6%206%200%200%201%201.572-2.758zM22%2035c0%206.075%204.925%2011%2011%2011s11-4.925%2011-11s-4.925-11-11-11s-11%204.925-11%2011m8.647-7.093A7%207%200%200%201%2038%2029.601V29a1%201%200%201%201%202%200v3a1%201%200%200%201-1%201h-3a1%201%200%201%201%200-2h.57a5%205%200%200%200-7.106-.035a1%201%200%200%201-1.414-1.415a7%207%200%200%201%202.597-1.643m4.706%2014.186A7%207%200%200%201%2028%2040.399V41a1%201%200%201%201-2%200v-3a1%201%200%200%201%201-1h3a1%201%200%201%201%200%202h-.57a5%205%200%200%200%205.25%201.21a5%205%200%200%200%201.856-1.175a1%201%200%200%201%201.414%201.415a7%207%200%200%201-2.597%201.643%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/pen-sync-48-filled.svg?color=%231a73e8&size=48
