counterclockwise arrows button emoji
counterclockwise-arrows-button from Noto Emoji by Google Inc · Default · Symbols · Apache-2.0 Free for personal and commercial use.
- Name
- counterclockwise-arrows-button
- Set
- Noto Emoji
- Style
- Default
- Category
- Symbols
- Viewbox
- 128×128
- License
- Apache 2.0
- Aliases
- anticlockwise-arrows-button
The same emoji in other sets
More symbols icons from Noto Emoji
a-button-blood-typeab-button-blood-typeantenna-barsaquariusariesatm-signatom-symbolb-button-blood-typebaby-symbolback-arrowbaggage-claimbiohazardblack-circleblack-large-squareblack-medium-small-squareblack-medium-squareblack-small-squareblack-square-buttonblue-circleblue-squarebright-buttonbrown-circlebrown-squarecancer
Use the counterclockwise arrows button emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#427687" d="M116 4H12c-4.42 0-8 3.58-8 8v104c0 4.42 3.58 8 8 8h104c4.42 0 8-3.58 8-8V12c0-4.42-3.58-8-8-8"/><path fill="#8cafbf" d="M109.7 4H11.5A7.555 7.555 0 0 0 4 11.5v97.9c-.01 4.14 3.34 7.49 7.48 7.5h98.12c4.14.01 7.49-3.34 7.5-7.48V11.5c.09-4.05-3.13-7.41-7.18-7.5z"/><path fill="#fff" d="M39.7 12.9c0-2.3-1.6-3-10.8-2.7c-7.7.3-11.5 1.2-13.8 4c-1.9 2.3-2.3 5.6-2.6 8.4c-.2 2.2-2.2 14.9 3.5 11.2c.68-.45 1.23-1.07 1.6-1.8c1.2-2.1 1.9-3.5 3.3-5.6c5.3-8.6 18.8-10.5 18.8-13.5" opacity=".3"/><path fill="#fafafa" d="M50.498 59.222c1.973-.084 2.86-2.512 1.406-3.848l-7.98-7.33c4.279-7.103 12.062-11.868 20.942-11.868c11.274 0 20.788 7.676 23.594 18.076a1.83 1.83 0 0 0 1.771 1.336h10.557a1.856 1.856 0 0 0 1.82-2.203c-3.391-17.75-19.02-31.209-37.742-31.209c-12.949 0-24.415 6.44-31.379 16.281l-8.412-7.727c-1.455-1.336-3.799-.246-3.715 1.727l1.092 25.736a2.217 2.217 0 0 0 2.31 2.121zm53.05 9.485a2.217 2.217 0 0 0-2.31-2.121l-25.736 1.092c-1.973.084-2.86 2.512-1.406 3.848l7.98 7.33c-4.278 7.103-12.062 11.868-20.942 11.868c-11.274 0-20.788-7.676-23.594-18.076a1.83 1.83 0 0 0-1.771-1.336H25.212a1.856 1.856 0 0 0-1.82 2.203c3.391 17.75 19.02 31.209 37.742 31.209c12.949 0 24.415-6.44 31.379-16.281l8.412 7.727c1.455 1.336 3.799.246 3.715-1.727z"/></svg>
React
import type { SVGProps } from "react";
export function NotoCounterclockwiseArrowsButton(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#427687" d="M116 4H12c-4.42 0-8 3.58-8 8v104c0 4.42 3.58 8 8 8h104c4.42 0 8-3.58 8-8V12c0-4.42-3.58-8-8-8"/><path fill="#8cafbf" d="M109.7 4H11.5A7.555 7.555 0 0 0 4 11.5v97.9c-.01 4.14 3.34 7.49 7.48 7.5h98.12c4.14.01 7.49-3.34 7.5-7.48V11.5c.09-4.05-3.13-7.41-7.18-7.5z"/><path fill="#fff" d="M39.7 12.9c0-2.3-1.6-3-10.8-2.7c-7.7.3-11.5 1.2-13.8 4c-1.9 2.3-2.3 5.6-2.6 8.4c-.2 2.2-2.2 14.9 3.5 11.2c.68-.45 1.23-1.07 1.6-1.8c1.2-2.1 1.9-3.5 3.3-5.6c5.3-8.6 18.8-10.5 18.8-13.5" opacity=".3"/><path fill="#fafafa" d="M50.498 59.222c1.973-.084 2.86-2.512 1.406-3.848l-7.98-7.33c4.279-7.103 12.062-11.868 20.942-11.868c11.274 0 20.788 7.676 23.594 18.076a1.83 1.83 0 0 0 1.771 1.336h10.557a1.856 1.856 0 0 0 1.82-2.203c-3.391-17.75-19.02-31.209-37.742-31.209c-12.949 0-24.415 6.44-31.379 16.281l-8.412-7.727c-1.455-1.336-3.799-.246-3.715 1.727l1.092 25.736a2.217 2.217 0 0 0 2.31 2.121zm53.05 9.485a2.217 2.217 0 0 0-2.31-2.121l-25.736 1.092c-1.973.084-2.86 2.512-1.406 3.848l7.98 7.33c-4.278 7.103-12.062 11.868-20.942 11.868c-11.274 0-20.788-7.676-23.594-18.076a1.83 1.83 0 0 0-1.771-1.336H25.212a1.856 1.856 0 0 0-1.82 2.203c3.391 17.75 19.02 31.209 37.742 31.209c12.949 0 24.415-6.44 31.379-16.281l8.412 7.727c1.455 1.336 3.799.246 3.715-1.727z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#427687" d="M116 4H12c-4.42 0-8 3.58-8 8v104c0 4.42 3.58 8 8 8h104c4.42 0 8-3.58 8-8V12c0-4.42-3.58-8-8-8"/><path fill="#8cafbf" d="M109.7 4H11.5A7.555 7.555 0 0 0 4 11.5v97.9c-.01 4.14 3.34 7.49 7.48 7.5h98.12c4.14.01 7.49-3.34 7.5-7.48V11.5c.09-4.05-3.13-7.41-7.18-7.5z"/><path fill="#fff" d="M39.7 12.9c0-2.3-1.6-3-10.8-2.7c-7.7.3-11.5 1.2-13.8 4c-1.9 2.3-2.3 5.6-2.6 8.4c-.2 2.2-2.2 14.9 3.5 11.2c.68-.45 1.23-1.07 1.6-1.8c1.2-2.1 1.9-3.5 3.3-5.6c5.3-8.6 18.8-10.5 18.8-13.5" opacity=".3"/><path fill="#fafafa" d="M50.498 59.222c1.973-.084 2.86-2.512 1.406-3.848l-7.98-7.33c4.279-7.103 12.062-11.868 20.942-11.868c11.274 0 20.788 7.676 23.594 18.076a1.83 1.83 0 0 0 1.771 1.336h10.557a1.856 1.856 0 0 0 1.82-2.203c-3.391-17.75-19.02-31.209-37.742-31.209c-12.949 0-24.415 6.44-31.379 16.281l-8.412-7.727c-1.455-1.336-3.799-.246-3.715 1.727l1.092 25.736a2.217 2.217 0 0 0 2.31 2.121zm53.05 9.485a2.217 2.217 0 0 0-2.31-2.121l-25.736 1.092c-1.973.084-2.86 2.512-1.406 3.848l7.98 7.33c-4.278 7.103-12.062 11.868-20.942 11.868c-11.274 0-20.788-7.676-23.594-18.076a1.83 1.83 0 0 0-1.771-1.336H25.212a1.856 1.856 0 0 0-1.82 2.203c3.391 17.75 19.02 31.209 37.742 31.209c12.949 0 24.415-6.44 31.379-16.281l8.412 7.727c1.455 1.336 3.799.246 3.715-1.727z"/></svg> </template>
CSS
.icon-counterclockwise-arrows-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%20128%20128%22%3E%3Cpath%20fill%3D%22%23427687%22%20d%3D%22M116%204H12c-4.42%200-8%203.58-8%208v104c0%204.42%203.58%208%208%208h104c4.42%200%208-3.58%208-8V12c0-4.42-3.58-8-8-8%22%2F%3E%3Cpath%20fill%3D%22%238cafbf%22%20d%3D%22M109.7%204H11.5A7.555%207.555%200%200%200%204%2011.5v97.9c-.01%204.14%203.34%207.49%207.48%207.5h98.12c4.14.01%207.49-3.34%207.5-7.48V11.5c.09-4.05-3.13-7.41-7.18-7.5z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M39.7%2012.9c0-2.3-1.6-3-10.8-2.7c-7.7.3-11.5%201.2-13.8%204c-1.9%202.3-2.3%205.6-2.6%208.4c-.2%202.2-2.2%2014.9%203.5%2011.2c.68-.45%201.23-1.07%201.6-1.8c1.2-2.1%201.9-3.5%203.3-5.6c5.3-8.6%2018.8-10.5%2018.8-13.5%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M50.498%2059.222c1.973-.084%202.86-2.512%201.406-3.848l-7.98-7.33c4.279-7.103%2012.062-11.868%2020.942-11.868c11.274%200%2020.788%207.676%2023.594%2018.076a1.83%201.83%200%200%200%201.771%201.336h10.557a1.856%201.856%200%200%200%201.82-2.203c-3.391-17.75-19.02-31.209-37.742-31.209c-12.949%200-24.415%206.44-31.379%2016.281l-8.412-7.727c-1.455-1.336-3.799-.246-3.715%201.727l1.092%2025.736a2.217%202.217%200%200%200%202.31%202.121zm53.05%209.485a2.217%202.217%200%200%200-2.31-2.121l-25.736%201.092c-1.973.084-2.86%202.512-1.406%203.848l7.98%207.33c-4.278%207.103-12.062%2011.868-20.942%2011.868c-11.274%200-20.788-7.676-23.594-18.076a1.83%201.83%200%200%200-1.771-1.336H25.212a1.856%201.856%200%200%200-1.82%202.203c3.391%2017.75%2019.02%2031.209%2037.742%2031.209c12.949%200%2024.415-6.44%2031.379-16.281l8.412%207.727c1.455%201.336%203.799.246%203.715-1.727z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23427687%22%20d%3D%22M116%204H12c-4.42%200-8%203.58-8%208v104c0%204.42%203.58%208%208%208h104c4.42%200%208-3.58%208-8V12c0-4.42-3.58-8-8-8%22%2F%3E%3Cpath%20fill%3D%22%238cafbf%22%20d%3D%22M109.7%204H11.5A7.555%207.555%200%200%200%204%2011.5v97.9c-.01%204.14%203.34%207.49%207.48%207.5h98.12c4.14.01%207.49-3.34%207.5-7.48V11.5c.09-4.05-3.13-7.41-7.18-7.5z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M39.7%2012.9c0-2.3-1.6-3-10.8-2.7c-7.7.3-11.5%201.2-13.8%204c-1.9%202.3-2.3%205.6-2.6%208.4c-.2%202.2-2.2%2014.9%203.5%2011.2c.68-.45%201.23-1.07%201.6-1.8c1.2-2.1%201.9-3.5%203.3-5.6c5.3-8.6%2018.8-10.5%2018.8-13.5%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M50.498%2059.222c1.973-.084%202.86-2.512%201.406-3.848l-7.98-7.33c4.279-7.103%2012.062-11.868%2020.942-11.868c11.274%200%2020.788%207.676%2023.594%2018.076a1.83%201.83%200%200%200%201.771%201.336h10.557a1.856%201.856%200%200%200%201.82-2.203c-3.391-17.75-19.02-31.209-37.742-31.209c-12.949%200-24.415%206.44-31.379%2016.281l-8.412-7.727c-1.455-1.336-3.799-.246-3.715%201.727l1.092%2025.736a2.217%202.217%200%200%200%202.31%202.121zm53.05%209.485a2.217%202.217%200%200%200-2.31-2.121l-25.736%201.092c-1.973.084-2.86%202.512-1.406%203.848l7.98%207.33c-4.278%207.103-12.062%2011.868-20.942%2011.868c-11.274%200-20.788-7.676-23.594-18.076a1.83%201.83%200%200%200-1.771-1.336H25.212a1.856%201.856%200%200%200-1.82%202.203c3.391%2017.75%2019.02%2031.209%2037.742%2031.209c12.949%200%2024.415-6.44%2031.379-16.281l8.412%207.727c1.455%201.336%203.799.246%203.715-1.727z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/counterclockwise-arrows-button.svg?color=%231a73e8&size=48
