repeat icon
repeat from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- repeat
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
repeatBootstrap IconsrepeatBoxIcons v2repeatCarbonrepeat-fillEva IconsrepeatFont Awesome 6 SolidrepeatFeather Iconsrepeatcss.ggrepeatHuge IconsrepeatIconoirrepeatIonIconsrepeatJam IconsrepeatLuciderepeatMaterial SymbolsrepeatMaterial Design Iconsrepeat-fillMingCute IconrepeatPhosphorrepeatPixelarticonsrepeat-fillRemix Iconrepeat-boldSolarrepeatTabler IconsrepeatUniconsrepeatUnicons MonochromerepeatUnicons Solid
Related icons in Framework7 Icons
Use the repeat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M2.383 26.29a2.57 2.57 0 0 0 2.578 2.577a2.576 2.576 0 0 0 2.602-2.578v-1.547c0-3.726 2.554-6.187 6.398-6.187h17.695v4.898c0 1.266.797 2.063 2.086 2.063c.563 0 1.149-.211 1.594-.586l8.86-7.313c1.054-.844 1.054-2.25 0-3.14l-8.86-7.36c-.445-.351-1.031-.586-1.594-.586c-1.289 0-2.086.82-2.086 2.086v4.852H14.453c-7.36 0-12.07 4.242-12.07 10.898Zm21.96 6.28c0-1.265-.796-2.062-2.085-2.062c-.563 0-1.148.21-1.594.562l-8.86 7.313c-1.054.867-1.054 2.25 0 3.14l8.86 7.36a2.52 2.52 0 0 0 1.594.586c1.289 0 2.086-.797 2.086-2.063v-4.898h17.203c7.36 0 12.07-4.266 12.07-10.899v-1.922a2.58 2.58 0 0 0-2.601-2.601a2.576 2.576 0 0 0-2.579 2.602v1.546c0 3.703-2.554 6.188-6.398 6.188H24.344Z"/></svg>
React
import type { SVGProps } from "react";
export function F7Repeat(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M2.383 26.29a2.57 2.57 0 0 0 2.578 2.577a2.576 2.576 0 0 0 2.602-2.578v-1.547c0-3.726 2.554-6.187 6.398-6.187h17.695v4.898c0 1.266.797 2.063 2.086 2.063c.563 0 1.149-.211 1.594-.586l8.86-7.313c1.054-.844 1.054-2.25 0-3.14l-8.86-7.36c-.445-.351-1.031-.586-1.594-.586c-1.289 0-2.086.82-2.086 2.086v4.852H14.453c-7.36 0-12.07 4.242-12.07 10.898Zm21.96 6.28c0-1.265-.796-2.062-2.085-2.062c-.563 0-1.148.21-1.594.562l-8.86 7.313c-1.054.867-1.054 2.25 0 3.14l8.86 7.36a2.52 2.52 0 0 0 1.594.586c1.289 0 2.086-.797 2.086-2.063v-4.898h17.203c7.36 0 12.07-4.266 12.07-10.899v-1.922a2.58 2.58 0 0 0-2.601-2.601a2.576 2.576 0 0 0-2.579 2.602v1.546c0 3.703-2.554 6.188-6.398 6.188H24.344Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M2.383 26.29a2.57 2.57 0 0 0 2.578 2.577a2.576 2.576 0 0 0 2.602-2.578v-1.547c0-3.726 2.554-6.187 6.398-6.187h17.695v4.898c0 1.266.797 2.063 2.086 2.063c.563 0 1.149-.211 1.594-.586l8.86-7.313c1.054-.844 1.054-2.25 0-3.14l-8.86-7.36c-.445-.351-1.031-.586-1.594-.586c-1.289 0-2.086.82-2.086 2.086v4.852H14.453c-7.36 0-12.07 4.242-12.07 10.898Zm21.96 6.28c0-1.265-.796-2.062-2.085-2.062c-.563 0-1.148.21-1.594.562l-8.86 7.313c-1.054.867-1.054 2.25 0 3.14l8.86 7.36a2.52 2.52 0 0 0 1.594.586c1.289 0 2.086-.797 2.086-2.063v-4.898h17.203c7.36 0 12.07-4.266 12.07-10.899v-1.922a2.58 2.58 0 0 0-2.601-2.601a2.576 2.576 0 0 0-2.579 2.602v1.546c0 3.703-2.554 6.188-6.398 6.188H24.344Z"/></svg> </template>
CSS
.icon-repeat {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.383%2026.29a2.57%202.57%200%200%200%202.578%202.577a2.576%202.576%200%200%200%202.602-2.578v-1.547c0-3.726%202.554-6.187%206.398-6.187h17.695v4.898c0%201.266.797%202.063%202.086%202.063c.563%200%201.149-.211%201.594-.586l8.86-7.313c1.054-.844%201.054-2.25%200-3.14l-8.86-7.36c-.445-.351-1.031-.586-1.594-.586c-1.289%200-2.086.82-2.086%202.086v4.852H14.453c-7.36%200-12.07%204.242-12.07%2010.898Zm21.96%206.28c0-1.265-.796-2.062-2.085-2.062c-.563%200-1.148.21-1.594.562l-8.86%207.313c-1.054.867-1.054%202.25%200%203.14l8.86%207.36a2.52%202.52%200%200%200%201.594.586c1.289%200%202.086-.797%202.086-2.063v-4.898h17.203c7.36%200%2012.07-4.266%2012.07-10.899v-1.922a2.58%202.58%200%200%200-2.601-2.601a2.576%202.576%200%200%200-2.579%202.602v1.546c0%203.703-2.554%206.188-6.398%206.188H24.344Z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.383%2026.29a2.57%202.57%200%200%200%202.578%202.577a2.576%202.576%200%200%200%202.602-2.578v-1.547c0-3.726%202.554-6.187%206.398-6.187h17.695v4.898c0%201.266.797%202.063%202.086%202.063c.563%200%201.149-.211%201.594-.586l8.86-7.313c1.054-.844%201.054-2.25%200-3.14l-8.86-7.36c-.445-.351-1.031-.586-1.594-.586c-1.289%200-2.086.82-2.086%202.086v4.852H14.453c-7.36%200-12.07%204.242-12.07%2010.898Zm21.96%206.28c0-1.265-.796-2.062-2.085-2.062c-.563%200-1.148.21-1.594.562l-8.86%207.313c-1.054.867-1.054%202.25%200%203.14l8.86%207.36a2.52%202.52%200%200%200%201.594.586c1.289%200%202.086-.797%202.086-2.063v-4.898h17.203c7.36%200%2012.07-4.266%2012.07-10.899v-1.922a2.58%202.58%200%200%200-2.601-2.601a2.576%202.576%200%200%200-2.579%202.602v1.546c0%203.703-2.554%206.188-6.398%206.188H24.344Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/repeat.svg?color=%231a73e8&size=48
