tailwind css icon
tailwind-css-line from Remix Icon by Remix Design · Line · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- tailwind-css-line
- Set
- Remix Icon
- Style
- Line
- Category
- Logos
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
More logos icons from Remix Icon
Use the tailwind css icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.127 6.22C9.177 5.377 10.499 5 12 5c1.409 0 2.485.33 3.358.834c.74.425 1.354 1.007 1.948 1.61c.646.657.996.976 1.437 1.086c.473.118.873.082 1.239-.074c.38-.163.791-.487 1.218-1.056l1.77.843c-.37 1.484-1.047 2.7-2.095 3.538C19.824 12.621 18.503 13 17 13c-1.408 0-2.484-.331-3.357-.834c-.834-.48-1.443-1.098-1.92-1.583c-.663-.672-1.018-1.001-1.465-1.113c-.473-.118-.873-.082-1.239.074c-.38.163-.792.487-1.219 1.056l-1.77-.843c.371-1.484 1.048-2.7 2.096-3.538M12 7c-.828 0-1.495.146-2.033.408c1.32.082 2.181.895 3.057 1.721c.504.476 1.013.956 1.617 1.304c.56.322 1.29.567 2.36.567c.828 0 1.495-.146 2.033-.408c-1.32-.083-2.181-.895-3.056-1.721c-.505-.476-1.013-.956-1.618-1.304C13.801 7.245 13.07 7 12 7m-8.874 5.22C4.177 11.377 5.499 11 7 11c1.409 0 2.485.33 3.358.834c.74.425 1.354 1.007 1.948 1.61c.646.657.996.976 1.437 1.086c.473.118.873.083 1.239-.074c.38-.163.791-.487 1.218-1.056l1.77.842c-.37 1.485-1.047 2.7-2.095 3.539C14.824 18.621 13.503 19 12 19c-1.408 0-2.484-.331-3.357-.834c-.834-.48-1.443-1.098-1.92-1.583c-.663-.672-1.018-1.001-1.465-1.113c-.473-.118-.873-.083-1.239.074c-.38.163-.792.487-1.219 1.056l-1.77-.843c.371-1.484 1.048-2.7 2.096-3.538M7 13c-.828 0-1.495.146-2.033.408c1.32.083 2.181.895 3.057 1.721c.504.476 1.013.956 1.617 1.304c.56.322 1.29.567 2.36.567c.828 0 1.495-.146 2.033-.408c-1.32-.082-2.181-.895-3.056-1.721c-.505-.476-1.014-.956-1.618-1.304C8.801 13.245 8.07 13 7 13"/></svg>
React
import type { SVGProps } from "react";
export function RiTailwindCssLine(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="M8.127 6.22C9.177 5.377 10.499 5 12 5c1.409 0 2.485.33 3.358.834c.74.425 1.354 1.007 1.948 1.61c.646.657.996.976 1.437 1.086c.473.118.873.082 1.239-.074c.38-.163.791-.487 1.218-1.056l1.77.843c-.37 1.484-1.047 2.7-2.095 3.538C19.824 12.621 18.503 13 17 13c-1.408 0-2.484-.331-3.357-.834c-.834-.48-1.443-1.098-1.92-1.583c-.663-.672-1.018-1.001-1.465-1.113c-.473-.118-.873-.082-1.239.074c-.38.163-.792.487-1.219 1.056l-1.77-.843c.371-1.484 1.048-2.7 2.096-3.538M12 7c-.828 0-1.495.146-2.033.408c1.32.082 2.181.895 3.057 1.721c.504.476 1.013.956 1.617 1.304c.56.322 1.29.567 2.36.567c.828 0 1.495-.146 2.033-.408c-1.32-.083-2.181-.895-3.056-1.721c-.505-.476-1.013-.956-1.618-1.304C13.801 7.245 13.07 7 12 7m-8.874 5.22C4.177 11.377 5.499 11 7 11c1.409 0 2.485.33 3.358.834c.74.425 1.354 1.007 1.948 1.61c.646.657.996.976 1.437 1.086c.473.118.873.083 1.239-.074c.38-.163.791-.487 1.218-1.056l1.77.842c-.37 1.485-1.047 2.7-2.095 3.539C14.824 18.621 13.503 19 12 19c-1.408 0-2.484-.331-3.357-.834c-.834-.48-1.443-1.098-1.92-1.583c-.663-.672-1.018-1.001-1.465-1.113c-.473-.118-.873-.083-1.239.074c-.38.163-.792.487-1.219 1.056l-1.77-.843c.371-1.484 1.048-2.7 2.096-3.538M7 13c-.828 0-1.495.146-2.033.408c1.32.083 2.181.895 3.057 1.721c.504.476 1.013.956 1.617 1.304c.56.322 1.29.567 2.36.567c.828 0 1.495-.146 2.033-.408c-1.32-.082-2.181-.895-3.056-1.721c-.505-.476-1.014-.956-1.618-1.304C8.801 13.245 8.07 13 7 13"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.127 6.22C9.177 5.377 10.499 5 12 5c1.409 0 2.485.33 3.358.834c.74.425 1.354 1.007 1.948 1.61c.646.657.996.976 1.437 1.086c.473.118.873.082 1.239-.074c.38-.163.791-.487 1.218-1.056l1.77.843c-.37 1.484-1.047 2.7-2.095 3.538C19.824 12.621 18.503 13 17 13c-1.408 0-2.484-.331-3.357-.834c-.834-.48-1.443-1.098-1.92-1.583c-.663-.672-1.018-1.001-1.465-1.113c-.473-.118-.873-.082-1.239.074c-.38.163-.792.487-1.219 1.056l-1.77-.843c.371-1.484 1.048-2.7 2.096-3.538M12 7c-.828 0-1.495.146-2.033.408c1.32.082 2.181.895 3.057 1.721c.504.476 1.013.956 1.617 1.304c.56.322 1.29.567 2.36.567c.828 0 1.495-.146 2.033-.408c-1.32-.083-2.181-.895-3.056-1.721c-.505-.476-1.013-.956-1.618-1.304C13.801 7.245 13.07 7 12 7m-8.874 5.22C4.177 11.377 5.499 11 7 11c1.409 0 2.485.33 3.358.834c.74.425 1.354 1.007 1.948 1.61c.646.657.996.976 1.437 1.086c.473.118.873.083 1.239-.074c.38-.163.791-.487 1.218-1.056l1.77.842c-.37 1.485-1.047 2.7-2.095 3.539C14.824 18.621 13.503 19 12 19c-1.408 0-2.484-.331-3.357-.834c-.834-.48-1.443-1.098-1.92-1.583c-.663-.672-1.018-1.001-1.465-1.113c-.473-.118-.873-.083-1.239.074c-.38.163-.792.487-1.219 1.056l-1.77-.843c.371-1.484 1.048-2.7 2.096-3.538M7 13c-.828 0-1.495.146-2.033.408c1.32.083 2.181.895 3.057 1.721c.504.476 1.013.956 1.617 1.304c.56.322 1.29.567 2.36.567c.828 0 1.495-.146 2.033-.408c-1.32-.082-2.181-.895-3.056-1.721c-.505-.476-1.014-.956-1.618-1.304C8.801 13.245 8.07 13 7 13"/></svg> </template>
CSS
.icon-tailwind-css-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%22M8.127%206.22C9.177%205.377%2010.499%205%2012%205c1.409%200%202.485.33%203.358.834c.74.425%201.354%201.007%201.948%201.61c.646.657.996.976%201.437%201.086c.473.118.873.082%201.239-.074c.38-.163.791-.487%201.218-1.056l1.77.843c-.37%201.484-1.047%202.7-2.095%203.538C19.824%2012.621%2018.503%2013%2017%2013c-1.408%200-2.484-.331-3.357-.834c-.834-.48-1.443-1.098-1.92-1.583c-.663-.672-1.018-1.001-1.465-1.113c-.473-.118-.873-.082-1.239.074c-.38.163-.792.487-1.219%201.056l-1.77-.843c.371-1.484%201.048-2.7%202.096-3.538M12%207c-.828%200-1.495.146-2.033.408c1.32.082%202.181.895%203.057%201.721c.504.476%201.013.956%201.617%201.304c.56.322%201.29.567%202.36.567c.828%200%201.495-.146%202.033-.408c-1.32-.083-2.181-.895-3.056-1.721c-.505-.476-1.013-.956-1.618-1.304C13.801%207.245%2013.07%207%2012%207m-8.874%205.22C4.177%2011.377%205.499%2011%207%2011c1.409%200%202.485.33%203.358.834c.74.425%201.354%201.007%201.948%201.61c.646.657.996.976%201.437%201.086c.473.118.873.083%201.239-.074c.38-.163.791-.487%201.218-1.056l1.77.842c-.37%201.485-1.047%202.7-2.095%203.539C14.824%2018.621%2013.503%2019%2012%2019c-1.408%200-2.484-.331-3.357-.834c-.834-.48-1.443-1.098-1.92-1.583c-.663-.672-1.018-1.001-1.465-1.113c-.473-.118-.873-.083-1.239.074c-.38.163-.792.487-1.219%201.056l-1.77-.843c.371-1.484%201.048-2.7%202.096-3.538M7%2013c-.828%200-1.495.146-2.033.408c1.32.083%202.181.895%203.057%201.721c.504.476%201.013.956%201.617%201.304c.56.322%201.29.567%202.36.567c.828%200%201.495-.146%202.033-.408c-1.32-.082-2.181-.895-3.056-1.721c-.505-.476-1.014-.956-1.618-1.304C8.801%2013.245%208.07%2013%207%2013%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%22M8.127%206.22C9.177%205.377%2010.499%205%2012%205c1.409%200%202.485.33%203.358.834c.74.425%201.354%201.007%201.948%201.61c.646.657.996.976%201.437%201.086c.473.118.873.082%201.239-.074c.38-.163.791-.487%201.218-1.056l1.77.843c-.37%201.484-1.047%202.7-2.095%203.538C19.824%2012.621%2018.503%2013%2017%2013c-1.408%200-2.484-.331-3.357-.834c-.834-.48-1.443-1.098-1.92-1.583c-.663-.672-1.018-1.001-1.465-1.113c-.473-.118-.873-.082-1.239.074c-.38.163-.792.487-1.219%201.056l-1.77-.843c.371-1.484%201.048-2.7%202.096-3.538M12%207c-.828%200-1.495.146-2.033.408c1.32.082%202.181.895%203.057%201.721c.504.476%201.013.956%201.617%201.304c.56.322%201.29.567%202.36.567c.828%200%201.495-.146%202.033-.408c-1.32-.083-2.181-.895-3.056-1.721c-.505-.476-1.013-.956-1.618-1.304C13.801%207.245%2013.07%207%2012%207m-8.874%205.22C4.177%2011.377%205.499%2011%207%2011c1.409%200%202.485.33%203.358.834c.74.425%201.354%201.007%201.948%201.61c.646.657.996.976%201.437%201.086c.473.118.873.083%201.239-.074c.38-.163.791-.487%201.218-1.056l1.77.842c-.37%201.485-1.047%202.7-2.095%203.539C14.824%2018.621%2013.503%2019%2012%2019c-1.408%200-2.484-.331-3.357-.834c-.834-.48-1.443-1.098-1.92-1.583c-.663-.672-1.018-1.001-1.465-1.113c-.473-.118-.873-.083-1.239.074c-.38.163-.792.487-1.219%201.056l-1.77-.843c.371-1.484%201.048-2.7%202.096-3.538M7%2013c-.828%200-1.495.146-2.033.408c1.32.083%202.181.895%203.057%201.721c.504.476%201.013.956%201.617%201.304c.56.322%201.29.567%202.36.567c.828%200%201.495-.146%202.033-.408c-1.32-.082-2.181-.895-3.056-1.721c-.505-.476-1.014-.956-1.618-1.304C8.801%2013.245%208.07%2013%207%2013%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/tailwind-css-line.svg?color=%231a73e8&size=48
