rotate 180 icon
rotate-180 from Carbon by IBM · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- rotate-180
- Set
- Carbon
- Style
- Outline
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
Related icons in Carbon
Use the rotate 180 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M14.091 26.823l-.346 1.968a12.896 12.896 0 0 1-4.24-1.541l1-1.731a10.909 10.909 0 0 0 3.586 1.305z" fill="currentColor"/><path d="M7.577 23.068l-1.532 1.285a12.981 12.981 0 0 1-2.25-3.91l1.877-.684a10.98 10.98 0 0 0 1.905 3.31z" fill="currentColor"/><path d="M22.495 27.25a12.896 12.896 0 0 1-4.24 1.542l-.347-1.968a10.909 10.909 0 0 0 3.587-1.305z" fill="currentColor"/><path d="M26.327 19.759l1.878.683a12.981 12.981 0 0 1-2.25 3.911l-.311-.261l-1.22-1.024a10.982 10.982 0 0 0 1.903-3.31z" fill="currentColor"/><path d="M13.662 5.256c-.16.034-.315.08-.472.121a10.96 10.96 0 0 0-.633.183c-.164.054-.325.116-.486.178c-.193.074-.383.15-.57.235c-.161.072-.32.15-.476.23q-.268.136-.526.286c-.153.09-.305.18-.454.276c-.167.11-.33.224-.492.342c-.14.102-.281.203-.417.312c-.161.13-.315.268-.47.406c-.122.11-.248.217-.365.332c-.167.164-.322.338-.478.512A10.944 10.944 0 0 0 5 16H3a12.936 12.936 0 0 1 3.05-8.35l-.005-.004c.092-.11.197-.206.293-.312c.184-.205.367-.41.563-.603c.139-.136.286-.262.43-.391c.183-.165.366-.329.558-.482c.16-.128.325-.247.49-.367c.192-.14.385-.277.585-.406c.175-.113.353-.22.532-.324q.309-.179.626-.341c.184-.094.37-.185.56-.27c.222-.1.449-.191.678-.28c.19-.072.378-.145.571-.208c.246-.082.498-.15.75-.217c.186-.049.368-.102.556-.143c.29-.063.587-.107.884-.15c.159-.023.314-.056.475-.073A12.933 12.933 0 0 1 26 7.703V4h2v8h-8v-2h5.189A10.961 10.961 0 0 0 16 5a11.111 11.111 0 0 0-1.189.067c-.136.015-.268.042-.403.061c-.25.037-.501.075-.746.128z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function CarbonRotate180(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M14.091 26.823l-.346 1.968a12.896 12.896 0 0 1-4.24-1.541l1-1.731a10.909 10.909 0 0 0 3.586 1.305z" fill="currentColor"/><path d="M7.577 23.068l-1.532 1.285a12.981 12.981 0 0 1-2.25-3.91l1.877-.684a10.98 10.98 0 0 0 1.905 3.31z" fill="currentColor"/><path d="M22.495 27.25a12.896 12.896 0 0 1-4.24 1.542l-.347-1.968a10.909 10.909 0 0 0 3.587-1.305z" fill="currentColor"/><path d="M26.327 19.759l1.878.683a12.981 12.981 0 0 1-2.25 3.911l-.311-.261l-1.22-1.024a10.982 10.982 0 0 0 1.903-3.31z" fill="currentColor"/><path d="M13.662 5.256c-.16.034-.315.08-.472.121a10.96 10.96 0 0 0-.633.183c-.164.054-.325.116-.486.178c-.193.074-.383.15-.57.235c-.161.072-.32.15-.476.23q-.268.136-.526.286c-.153.09-.305.18-.454.276c-.167.11-.33.224-.492.342c-.14.102-.281.203-.417.312c-.161.13-.315.268-.47.406c-.122.11-.248.217-.365.332c-.167.164-.322.338-.478.512A10.944 10.944 0 0 0 5 16H3a12.936 12.936 0 0 1 3.05-8.35l-.005-.004c.092-.11.197-.206.293-.312c.184-.205.367-.41.563-.603c.139-.136.286-.262.43-.391c.183-.165.366-.329.558-.482c.16-.128.325-.247.49-.367c.192-.14.385-.277.585-.406c.175-.113.353-.22.532-.324q.309-.179.626-.341c.184-.094.37-.185.56-.27c.222-.1.449-.191.678-.28c.19-.072.378-.145.571-.208c.246-.082.498-.15.75-.217c.186-.049.368-.102.556-.143c.29-.063.587-.107.884-.15c.159-.023.314-.056.475-.073A12.933 12.933 0 0 1 26 7.703V4h2v8h-8v-2h5.189A10.961 10.961 0 0 0 16 5a11.111 11.111 0 0 0-1.189.067c-.136.015-.268.042-.403.061c-.25.037-.501.075-.746.128z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M14.091 26.823l-.346 1.968a12.896 12.896 0 0 1-4.24-1.541l1-1.731a10.909 10.909 0 0 0 3.586 1.305z" fill="currentColor"/><path d="M7.577 23.068l-1.532 1.285a12.981 12.981 0 0 1-2.25-3.91l1.877-.684a10.98 10.98 0 0 0 1.905 3.31z" fill="currentColor"/><path d="M22.495 27.25a12.896 12.896 0 0 1-4.24 1.542l-.347-1.968a10.909 10.909 0 0 0 3.587-1.305z" fill="currentColor"/><path d="M26.327 19.759l1.878.683a12.981 12.981 0 0 1-2.25 3.911l-.311-.261l-1.22-1.024a10.982 10.982 0 0 0 1.903-3.31z" fill="currentColor"/><path d="M13.662 5.256c-.16.034-.315.08-.472.121a10.96 10.96 0 0 0-.633.183c-.164.054-.325.116-.486.178c-.193.074-.383.15-.57.235c-.161.072-.32.15-.476.23q-.268.136-.526.286c-.153.09-.305.18-.454.276c-.167.11-.33.224-.492.342c-.14.102-.281.203-.417.312c-.161.13-.315.268-.47.406c-.122.11-.248.217-.365.332c-.167.164-.322.338-.478.512A10.944 10.944 0 0 0 5 16H3a12.936 12.936 0 0 1 3.05-8.35l-.005-.004c.092-.11.197-.206.293-.312c.184-.205.367-.41.563-.603c.139-.136.286-.262.43-.391c.183-.165.366-.329.558-.482c.16-.128.325-.247.49-.367c.192-.14.385-.277.585-.406c.175-.113.353-.22.532-.324q.309-.179.626-.341c.184-.094.37-.185.56-.27c.222-.1.449-.191.678-.28c.19-.072.378-.145.571-.208c.246-.082.498-.15.75-.217c.186-.049.368-.102.556-.143c.29-.063.587-.107.884-.15c.159-.023.314-.056.475-.073A12.933 12.933 0 0 1 26 7.703V4h2v8h-8v-2h5.189A10.961 10.961 0 0 0 16 5a11.111 11.111 0 0 0-1.189.067c-.136.015-.268.042-.403.061c-.25.037-.501.075-.746.128z" fill="currentColor"/></svg> </template>
CSS
.icon-rotate-180 {
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%3Cpath%20d%3D%22M14.091%2026.823l-.346%201.968a12.896%2012.896%200%200%201-4.24-1.541l1-1.731a10.909%2010.909%200%200%200%203.586%201.305z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M7.577%2023.068l-1.532%201.285a12.981%2012.981%200%200%201-2.25-3.91l1.877-.684a10.98%2010.98%200%200%200%201.905%203.31z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M22.495%2027.25a12.896%2012.896%200%200%201-4.24%201.542l-.347-1.968a10.909%2010.909%200%200%200%203.587-1.305z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M26.327%2019.759l1.878.683a12.981%2012.981%200%200%201-2.25%203.911l-.311-.261l-1.22-1.024a10.982%2010.982%200%200%200%201.903-3.31z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M13.662%205.256c-.16.034-.315.08-.472.121a10.96%2010.96%200%200%200-.633.183c-.164.054-.325.116-.486.178c-.193.074-.383.15-.57.235c-.161.072-.32.15-.476.23q-.268.136-.526.286c-.153.09-.305.18-.454.276c-.167.11-.33.224-.492.342c-.14.102-.281.203-.417.312c-.161.13-.315.268-.47.406c-.122.11-.248.217-.365.332c-.167.164-.322.338-.478.512A10.944%2010.944%200%200%200%205%2016H3a12.936%2012.936%200%200%201%203.05-8.35l-.005-.004c.092-.11.197-.206.293-.312c.184-.205.367-.41.563-.603c.139-.136.286-.262.43-.391c.183-.165.366-.329.558-.482c.16-.128.325-.247.49-.367c.192-.14.385-.277.585-.406c.175-.113.353-.22.532-.324q.309-.179.626-.341c.184-.094.37-.185.56-.27c.222-.1.449-.191.678-.28c.19-.072.378-.145.571-.208c.246-.082.498-.15.75-.217c.186-.049.368-.102.556-.143c.29-.063.587-.107.884-.15c.159-.023.314-.056.475-.073A12.933%2012.933%200%200%201%2026%207.703V4h2v8h-8v-2h5.189A10.961%2010.961%200%200%200%2016%205a11.111%2011.111%200%200%200-1.189.067c-.136.015-.268.042-.403.061c-.25.037-.501.075-.746.128z%22%20fill%3D%22currentColor%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%2032%2032%22%3E%3Cpath%20d%3D%22M14.091%2026.823l-.346%201.968a12.896%2012.896%200%200%201-4.24-1.541l1-1.731a10.909%2010.909%200%200%200%203.586%201.305z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M7.577%2023.068l-1.532%201.285a12.981%2012.981%200%200%201-2.25-3.91l1.877-.684a10.98%2010.98%200%200%200%201.905%203.31z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M22.495%2027.25a12.896%2012.896%200%200%201-4.24%201.542l-.347-1.968a10.909%2010.909%200%200%200%203.587-1.305z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M26.327%2019.759l1.878.683a12.981%2012.981%200%200%201-2.25%203.911l-.311-.261l-1.22-1.024a10.982%2010.982%200%200%200%201.903-3.31z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M13.662%205.256c-.16.034-.315.08-.472.121a10.96%2010.96%200%200%200-.633.183c-.164.054-.325.116-.486.178c-.193.074-.383.15-.57.235c-.161.072-.32.15-.476.23q-.268.136-.526.286c-.153.09-.305.18-.454.276c-.167.11-.33.224-.492.342c-.14.102-.281.203-.417.312c-.161.13-.315.268-.47.406c-.122.11-.248.217-.365.332c-.167.164-.322.338-.478.512A10.944%2010.944%200%200%200%205%2016H3a12.936%2012.936%200%200%201%203.05-8.35l-.005-.004c.092-.11.197-.206.293-.312c.184-.205.367-.41.563-.603c.139-.136.286-.262.43-.391c.183-.165.366-.329.558-.482c.16-.128.325-.247.49-.367c.192-.14.385-.277.585-.406c.175-.113.353-.22.532-.324q.309-.179.626-.341c.184-.094.37-.185.56-.27c.222-.1.449-.191.678-.28c.19-.072.378-.145.571-.208c.246-.082.498-.15.75-.217c.186-.049.368-.102.556-.143c.29-.063.587-.107.884-.15c.159-.023.314-.056.475-.073A12.933%2012.933%200%200%201%2026%207.703V4h2v8h-8v-2h5.189A10.961%2010.961%200%200%200%2016%205a11.111%2011.111%200%200%200-1.189.067c-.136.015-.268.042-.403.061c-.25.037-.501.075-.746.128z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/rotate-180.svg?color=%231a73e8&size=48
