repeat-button from Fluent Emoji High Contrast by Microsoft Corporation · Default · Symbols · MIT Free for personal and commercial use.

Name
repeat-button
Set
Fluent Emoji High Contrast
Style
Default
Category
Symbols
Viewbox
32×32
License
MIT

The same emoji in other sets

More symbols icons from Fluent Emoji High Contrast

Use the repeat button emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m22.466 7.11l3.399 3.108a.374.374 0 0 1 0 .572l-3.4 3.118c-.249.24-.654.052-.654-.29v-1.269a.37.37 0 0 0-.364-.364l-9.865-.031a2.62 2.62 0 0 0-2.62 2.62v1.103a.33.33 0 0 1-.114.25l-2.245 2.057a.36.36 0 0 1-.603-.27v-3.15c0-3.057 2.505-5.531 5.572-5.541h9.865a.36.36 0 0 0 .363-.364V7.39c.01-.343.427-.52.666-.281M9.534 24.88l-3.399-3.11a.375.375 0 0 1 0-.572l3.4-3.118c.249-.24.654-.052.654.29v1.27c0 .197.166.363.364.363l9.865.031a2.62 2.62 0 0 0 2.62-2.62V16.35c0-.094.041-.187.114-.25l2.245-2.058a.36.36 0 0 1 .603.27v3.114c0 3.056-2.505 5.53-5.572 5.54h-9.865a.36.36 0 0 0-.363.364v1.27c-.01.343-.427.52-.666.28"/><path d="M6 1a5 5 0 0 0-5 5v20a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5V6a5 5 0 0 0-5-5zM3 6a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastRepeatButton(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m22.466 7.11l3.399 3.108a.374.374 0 0 1 0 .572l-3.4 3.118c-.249.24-.654.052-.654-.29v-1.269a.37.37 0 0 0-.364-.364l-9.865-.031a2.62 2.62 0 0 0-2.62 2.62v1.103a.33.33 0 0 1-.114.25l-2.245 2.057a.36.36 0 0 1-.603-.27v-3.15c0-3.057 2.505-5.531 5.572-5.541h9.865a.36.36 0 0 0 .363-.364V7.39c.01-.343.427-.52.666-.281M9.534 24.88l-3.399-3.11a.375.375 0 0 1 0-.572l3.4-3.118c.249-.24.654-.052.654.29v1.27c0 .197.166.363.364.363l9.865.031a2.62 2.62 0 0 0 2.62-2.62V16.35c0-.094.041-.187.114-.25l2.245-2.058a.36.36 0 0 1 .603.27v3.114c0 3.056-2.505 5.53-5.572 5.54h-9.865a.36.36 0 0 0-.363.364v1.27c-.01.343-.427.52-.666.28"/><path d="M6 1a5 5 0 0 0-5 5v20a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5V6a5 5 0 0 0-5-5zM3 6a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m22.466 7.11l3.399 3.108a.374.374 0 0 1 0 .572l-3.4 3.118c-.249.24-.654.052-.654-.29v-1.269a.37.37 0 0 0-.364-.364l-9.865-.031a2.62 2.62 0 0 0-2.62 2.62v1.103a.33.33 0 0 1-.114.25l-2.245 2.057a.36.36 0 0 1-.603-.27v-3.15c0-3.057 2.505-5.531 5.572-5.541h9.865a.36.36 0 0 0 .363-.364V7.39c.01-.343.427-.52.666-.281M9.534 24.88l-3.399-3.11a.375.375 0 0 1 0-.572l3.4-3.118c.249-.24.654-.052.654.29v1.27c0 .197.166.363.364.363l9.865.031a2.62 2.62 0 0 0 2.62-2.62V16.35c0-.094.041-.187.114-.25l2.245-2.058a.36.36 0 0 1 .603.27v3.114c0 3.056-2.505 5.53-5.572 5.54h-9.865a.36.36 0 0 0-.363.364v1.27c-.01.343-.427.52-.666.28"/><path d="M6 1a5 5 0 0 0-5 5v20a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5V6a5 5 0 0 0-5-5zM3 6a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z"/></g></svg>
</template>

CSS

.icon-repeat-button {
  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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m22.466%207.11l3.399%203.108a.374.374%200%200%201%200%20.572l-3.4%203.118c-.249.24-.654.052-.654-.29v-1.269a.37.37%200%200%200-.364-.364l-9.865-.031a2.62%202.62%200%200%200-2.62%202.62v1.103a.33.33%200%200%201-.114.25l-2.245%202.057a.36.36%200%200%201-.603-.27v-3.15c0-3.057%202.505-5.531%205.572-5.541h9.865a.36.36%200%200%200%20.363-.364V7.39c.01-.343.427-.52.666-.281M9.534%2024.88l-3.399-3.11a.375.375%200%200%201%200-.572l3.4-3.118c.249-.24.654-.052.654.29v1.27c0%20.197.166.363.364.363l9.865.031a2.62%202.62%200%200%200%202.62-2.62V16.35c0-.094.041-.187.114-.25l2.245-2.058a.36.36%200%200%201%20.603.27v3.114c0%203.056-2.505%205.53-5.572%205.54h-9.865a.36.36%200%200%200-.363.364v1.27c-.01.343-.427.52-.666.28%22%2F%3E%3Cpath%20d%3D%22M6%201a5%205%200%200%200-5%205v20a5%205%200%200%200%205%205h20a5%205%200%200%200%205-5V6a5%205%200%200%200-5-5zM3%206a3%203%200%200%201%203-3h20a3%203%200%200%201%203%203v20a3%203%200%200%201-3%203H6a3%203%200%200%201-3-3z%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m22.466%207.11l3.399%203.108a.374.374%200%200%201%200%20.572l-3.4%203.118c-.249.24-.654.052-.654-.29v-1.269a.37.37%200%200%200-.364-.364l-9.865-.031a2.62%202.62%200%200%200-2.62%202.62v1.103a.33.33%200%200%201-.114.25l-2.245%202.057a.36.36%200%200%201-.603-.27v-3.15c0-3.057%202.505-5.531%205.572-5.541h9.865a.36.36%200%200%200%20.363-.364V7.39c.01-.343.427-.52.666-.281M9.534%2024.88l-3.399-3.11a.375.375%200%200%201%200-.572l3.4-3.118c.249-.24.654-.052.654.29v1.27c0%20.197.166.363.364.363l9.865.031a2.62%202.62%200%200%200%202.62-2.62V16.35c0-.094.041-.187.114-.25l2.245-2.058a.36.36%200%200%201%20.603.27v3.114c0%203.056-2.505%205.53-5.572%205.54h-9.865a.36.36%200%200%200-.363.364v1.27c-.01.343-.427.52-.666.28%22%2F%3E%3Cpath%20d%3D%22M6%201a5%205%200%200%200-5%205v20a5%205%200%200%200%205%205h20a5%205%200%200%200%205-5V6a5%205%200%200%200-5-5zM3%206a3%203%200%200%201%203-3h20a3%203%200%200%201%203%203v20a3%203%200%200%201-3%203H6a3%203%200%200%201-3-3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/repeat-button.svg?color=%231a73e8&size=48