rotate y icon
rotate-y-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- rotate-y-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
Related icons in MingCute Icon
Use the rotate y icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 11a1 1 0 1 0 0 2zm7 2h1v-2h-1zm6-2h-1v2h1zm1 2a1 1 0 1 0 0-2zm-7 8v1zm0-18v1zM8.245 8.36a1 1 0 0 0 1.98.28l-.99-.14zm2.053 7.477a1 1 0 1 0-1.973.326L9.312 16zM8.91 6.287a1 1 0 1 0-1.638 1.146l.82-.573zm.328 2.211l-.819.574a1 1 0 0 0 1.393.245zm2.212-.328a1 1 0 1 0-1.147-1.638l.574.819zM5 12v1h7v-2H5zm13 0v1h1v-2h-1zm-6 9v1c.852 0 1.505-.519 1.953-1.088c.458-.581.826-1.36 1.117-2.232c.585-1.755.93-4.117.93-6.68h-2c0 2.408-.327 4.546-.827 6.048c-.252.756-.53 1.296-.79 1.626a1.2 1.2 0 0 1-.301.29a.3.3 0 0 1-.067.033L12 20zm3-9h1c0-2.563-.345-4.925-.93-6.68c-.29-.873-.66-1.651-1.117-2.232C13.505 2.518 12.852 2 12 2v2l.015.003a.3.3 0 0 1 .066.032c.07.043.174.13.301.291c.26.33.539.87.79 1.626C13.674 7.454 14 9.592 14 12zm-3-9V2c-.636 0-1.168.295-1.574.673c-.4.374-.73.873-1 1.421c-.542 1.1-.944 2.587-1.18 4.263l.99.14l.99.139c.22-1.555.579-2.815.994-3.657c.208-.422.407-.691.57-.843a.7.7 0 0 1 .17-.123A.2.2 0 0 1 12 4zM9.236 8.496l-.99-.14v.004l.99.14l.99.14v-.004zM9.312 16l-.987.163c.256 1.541.657 2.906 1.189 3.914C10 21.002 10.803 22 12 22v-2l-.007-.001l-.028-.01a.6.6 0 0 1-.151-.103c-.148-.13-.333-.365-.531-.74c-.395-.751-.749-1.887-.985-3.31zM8.09 6.86l-.82.573L8.418 9.07l.819-.574l.819-.573L8.91 6.286zm1.146 1.636l-.82.574l.002.002l.82-.574l.818-.573l-.001-.002zm.001.002l.574.82l1.638-1.148l-.573-.819l-.574-.82L8.664 7.68z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteRotateYLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 11a1 1 0 1 0 0 2zm7 2h1v-2h-1zm6-2h-1v2h1zm1 2a1 1 0 1 0 0-2zm-7 8v1zm0-18v1zM8.245 8.36a1 1 0 0 0 1.98.28l-.99-.14zm2.053 7.477a1 1 0 1 0-1.973.326L9.312 16zM8.91 6.287a1 1 0 1 0-1.638 1.146l.82-.573zm.328 2.211l-.819.574a1 1 0 0 0 1.393.245zm2.212-.328a1 1 0 1 0-1.147-1.638l.574.819zM5 12v1h7v-2H5zm13 0v1h1v-2h-1zm-6 9v1c.852 0 1.505-.519 1.953-1.088c.458-.581.826-1.36 1.117-2.232c.585-1.755.93-4.117.93-6.68h-2c0 2.408-.327 4.546-.827 6.048c-.252.756-.53 1.296-.79 1.626a1.2 1.2 0 0 1-.301.29a.3.3 0 0 1-.067.033L12 20zm3-9h1c0-2.563-.345-4.925-.93-6.68c-.29-.873-.66-1.651-1.117-2.232C13.505 2.518 12.852 2 12 2v2l.015.003a.3.3 0 0 1 .066.032c.07.043.174.13.301.291c.26.33.539.87.79 1.626C13.674 7.454 14 9.592 14 12zm-3-9V2c-.636 0-1.168.295-1.574.673c-.4.374-.73.873-1 1.421c-.542 1.1-.944 2.587-1.18 4.263l.99.14l.99.139c.22-1.555.579-2.815.994-3.657c.208-.422.407-.691.57-.843a.7.7 0 0 1 .17-.123A.2.2 0 0 1 12 4zM9.236 8.496l-.99-.14v.004l.99.14l.99.14v-.004zM9.312 16l-.987.163c.256 1.541.657 2.906 1.189 3.914C10 21.002 10.803 22 12 22v-2l-.007-.001l-.028-.01a.6.6 0 0 1-.151-.103c-.148-.13-.333-.365-.531-.74c-.395-.751-.749-1.887-.985-3.31zM8.09 6.86l-.82.573L8.418 9.07l.819-.574l.819-.573L8.91 6.286zm1.146 1.636l-.82.574l.002.002l.82-.574l.818-.573l-.001-.002zm.001.002l.574.82l1.638-1.148l-.573-.819l-.574-.82L8.664 7.68z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 11a1 1 0 1 0 0 2zm7 2h1v-2h-1zm6-2h-1v2h1zm1 2a1 1 0 1 0 0-2zm-7 8v1zm0-18v1zM8.245 8.36a1 1 0 0 0 1.98.28l-.99-.14zm2.053 7.477a1 1 0 1 0-1.973.326L9.312 16zM8.91 6.287a1 1 0 1 0-1.638 1.146l.82-.573zm.328 2.211l-.819.574a1 1 0 0 0 1.393.245zm2.212-.328a1 1 0 1 0-1.147-1.638l.574.819zM5 12v1h7v-2H5zm13 0v1h1v-2h-1zm-6 9v1c.852 0 1.505-.519 1.953-1.088c.458-.581.826-1.36 1.117-2.232c.585-1.755.93-4.117.93-6.68h-2c0 2.408-.327 4.546-.827 6.048c-.252.756-.53 1.296-.79 1.626a1.2 1.2 0 0 1-.301.29a.3.3 0 0 1-.067.033L12 20zm3-9h1c0-2.563-.345-4.925-.93-6.68c-.29-.873-.66-1.651-1.117-2.232C13.505 2.518 12.852 2 12 2v2l.015.003a.3.3 0 0 1 .066.032c.07.043.174.13.301.291c.26.33.539.87.79 1.626C13.674 7.454 14 9.592 14 12zm-3-9V2c-.636 0-1.168.295-1.574.673c-.4.374-.73.873-1 1.421c-.542 1.1-.944 2.587-1.18 4.263l.99.14l.99.139c.22-1.555.579-2.815.994-3.657c.208-.422.407-.691.57-.843a.7.7 0 0 1 .17-.123A.2.2 0 0 1 12 4zM9.236 8.496l-.99-.14v.004l.99.14l.99.14v-.004zM9.312 16l-.987.163c.256 1.541.657 2.906 1.189 3.914C10 21.002 10.803 22 12 22v-2l-.007-.001l-.028-.01a.6.6 0 0 1-.151-.103c-.148-.13-.333-.365-.531-.74c-.395-.751-.749-1.887-.985-3.31zM8.09 6.86l-.82.573L8.418 9.07l.819-.574l.819-.573L8.91 6.286zm1.146 1.636l-.82.574l.002.002l.82-.574l.818-.573l-.001-.002zm.001.002l.574.82l1.638-1.148l-.573-.819l-.574-.82L8.664 7.68z"/></svg> </template>
CSS
.icon-rotate-y-line {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%2011a1%201%200%201%200%200%202zm7%202h1v-2h-1zm6-2h-1v2h1zm1%202a1%201%200%201%200%200-2zm-7%208v1zm0-18v1zM8.245%208.36a1%201%200%200%200%201.98.28l-.99-.14zm2.053%207.477a1%201%200%201%200-1.973.326L9.312%2016zM8.91%206.287a1%201%200%201%200-1.638%201.146l.82-.573zm.328%202.211l-.819.574a1%201%200%200%200%201.393.245zm2.212-.328a1%201%200%201%200-1.147-1.638l.574.819zM5%2012v1h7v-2H5zm13%200v1h1v-2h-1zm-6%209v1c.852%200%201.505-.519%201.953-1.088c.458-.581.826-1.36%201.117-2.232c.585-1.755.93-4.117.93-6.68h-2c0%202.408-.327%204.546-.827%206.048c-.252.756-.53%201.296-.79%201.626a1.2%201.2%200%200%201-.301.29a.3.3%200%200%201-.067.033L12%2020zm3-9h1c0-2.563-.345-4.925-.93-6.68c-.29-.873-.66-1.651-1.117-2.232C13.505%202.518%2012.852%202%2012%202v2l.015.003a.3.3%200%200%201%20.066.032c.07.043.174.13.301.291c.26.33.539.87.79%201.626C13.674%207.454%2014%209.592%2014%2012zm-3-9V2c-.636%200-1.168.295-1.574.673c-.4.374-.73.873-1%201.421c-.542%201.1-.944%202.587-1.18%204.263l.99.14l.99.139c.22-1.555.579-2.815.994-3.657c.208-.422.407-.691.57-.843a.7.7%200%200%201%20.17-.123A.2.2%200%200%201%2012%204zM9.236%208.496l-.99-.14v.004l.99.14l.99.14v-.004zM9.312%2016l-.987.163c.256%201.541.657%202.906%201.189%203.914C10%2021.002%2010.803%2022%2012%2022v-2l-.007-.001l-.028-.01a.6.6%200%200%201-.151-.103c-.148-.13-.333-.365-.531-.74c-.395-.751-.749-1.887-.985-3.31zM8.09%206.86l-.82.573L8.418%209.07l.819-.574l.819-.573L8.91%206.286zm1.146%201.636l-.82.574l.002.002l.82-.574l.818-.573l-.001-.002zm.001.002l.574.82l1.638-1.148l-.573-.819l-.574-.82L8.664%207.68z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%2011a1%201%200%201%200%200%202zm7%202h1v-2h-1zm6-2h-1v2h1zm1%202a1%201%200%201%200%200-2zm-7%208v1zm0-18v1zM8.245%208.36a1%201%200%200%200%201.98.28l-.99-.14zm2.053%207.477a1%201%200%201%200-1.973.326L9.312%2016zM8.91%206.287a1%201%200%201%200-1.638%201.146l.82-.573zm.328%202.211l-.819.574a1%201%200%200%200%201.393.245zm2.212-.328a1%201%200%201%200-1.147-1.638l.574.819zM5%2012v1h7v-2H5zm13%200v1h1v-2h-1zm-6%209v1c.852%200%201.505-.519%201.953-1.088c.458-.581.826-1.36%201.117-2.232c.585-1.755.93-4.117.93-6.68h-2c0%202.408-.327%204.546-.827%206.048c-.252.756-.53%201.296-.79%201.626a1.2%201.2%200%200%201-.301.29a.3.3%200%200%201-.067.033L12%2020zm3-9h1c0-2.563-.345-4.925-.93-6.68c-.29-.873-.66-1.651-1.117-2.232C13.505%202.518%2012.852%202%2012%202v2l.015.003a.3.3%200%200%201%20.066.032c.07.043.174.13.301.291c.26.33.539.87.79%201.626C13.674%207.454%2014%209.592%2014%2012zm-3-9V2c-.636%200-1.168.295-1.574.673c-.4.374-.73.873-1%201.421c-.542%201.1-.944%202.587-1.18%204.263l.99.14l.99.139c.22-1.555.579-2.815.994-3.657c.208-.422.407-.691.57-.843a.7.7%200%200%201%20.17-.123A.2.2%200%200%201%2012%204zM9.236%208.496l-.99-.14v.004l.99.14l.99.14v-.004zM9.312%2016l-.987.163c.256%201.541.657%202.906%201.189%203.914C10%2021.002%2010.803%2022%2012%2022v-2l-.007-.001l-.028-.01a.6.6%200%200%201-.151-.103c-.148-.13-.333-.365-.531-.74c-.395-.751-.749-1.887-.985-3.31zM8.09%206.86l-.82.573L8.418%209.07l.819-.574l.819-.573L8.91%206.286zm1.146%201.636l-.82.574l.002.002l.82-.574l.818-.573l-.001-.002zm.001.002l.574.82l1.638-1.148l-.573-.819l-.574-.82L8.664%207.68z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/rotate-y-line.svg?color=%231a73e8&size=48
