ubuntu icon
ubuntu-line from Remix Icon by Remix Design · Line · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- ubuntu-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 ubuntu icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.668 19.273l1.006-1.742a6 6 0 0 0 8.282-4.781h2.012A8 8 0 0 1 18.929 16a8 8 0 0 1-1.452 1.835a2.5 2.5 0 0 0-1.976.227a2.5 2.5 0 0 0-1.184 1.595a7.98 7.98 0 0 1-5.65-.384m-1.3-.75a7.98 7.98 0 0 1-3.157-4.7C4.696 13.367 5 12.719 5 12c0-.72-.304-1.369-.791-1.825A8 8 0 0 1 5.073 8a8 8 0 0 1 2.295-2.524l1.006 1.742a6 6 0 0 0 0 9.563zm1.3-13.796a8 8 0 0 1 5.648-.387a2.497 2.497 0 0 0 3.161 1.825a8 8 0 0 1 2.49 5.085h-2.013A5.99 5.99 0 0 0 15 6.804a5.99 5.99 0 0 0-5.327-.335zM16 5.072a1.5 1.5 0 1 1 1.5-2.598A1.5 1.5 0 0 1 16 5.072M4.001 12a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m12 6.928a1.5 1.5 0 1 1 1.5 2.598a1.5 1.5 0 0 1-1.5-2.598"/></svg>
React
import type { SVGProps } from "react";
export function RiUbuntuLine(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.668 19.273l1.006-1.742a6 6 0 0 0 8.282-4.781h2.012A8 8 0 0 1 18.929 16a8 8 0 0 1-1.452 1.835a2.5 2.5 0 0 0-1.976.227a2.5 2.5 0 0 0-1.184 1.595a7.98 7.98 0 0 1-5.65-.384m-1.3-.75a7.98 7.98 0 0 1-3.157-4.7C4.696 13.367 5 12.719 5 12c0-.72-.304-1.369-.791-1.825A8 8 0 0 1 5.073 8a8 8 0 0 1 2.295-2.524l1.006 1.742a6 6 0 0 0 0 9.563zm1.3-13.796a8 8 0 0 1 5.648-.387a2.497 2.497 0 0 0 3.161 1.825a8 8 0 0 1 2.49 5.085h-2.013A5.99 5.99 0 0 0 15 6.804a5.99 5.99 0 0 0-5.327-.335zM16 5.072a1.5 1.5 0 1 1 1.5-2.598A1.5 1.5 0 0 1 16 5.072M4.001 12a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m12 6.928a1.5 1.5 0 1 1 1.5 2.598a1.5 1.5 0 0 1-1.5-2.598"/></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.668 19.273l1.006-1.742a6 6 0 0 0 8.282-4.781h2.012A8 8 0 0 1 18.929 16a8 8 0 0 1-1.452 1.835a2.5 2.5 0 0 0-1.976.227a2.5 2.5 0 0 0-1.184 1.595a7.98 7.98 0 0 1-5.65-.384m-1.3-.75a7.98 7.98 0 0 1-3.157-4.7C4.696 13.367 5 12.719 5 12c0-.72-.304-1.369-.791-1.825A8 8 0 0 1 5.073 8a8 8 0 0 1 2.295-2.524l1.006 1.742a6 6 0 0 0 0 9.563zm1.3-13.796a8 8 0 0 1 5.648-.387a2.497 2.497 0 0 0 3.161 1.825a8 8 0 0 1 2.49 5.085h-2.013A5.99 5.99 0 0 0 15 6.804a5.99 5.99 0 0 0-5.327-.335zM16 5.072a1.5 1.5 0 1 1 1.5-2.598A1.5 1.5 0 0 1 16 5.072M4.001 12a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m12 6.928a1.5 1.5 0 1 1 1.5 2.598a1.5 1.5 0 0 1-1.5-2.598"/></svg> </template>
CSS
.icon-ubuntu-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.668%2019.273l1.006-1.742a6%206%200%200%200%208.282-4.781h2.012A8%208%200%200%201%2018.929%2016a8%208%200%200%201-1.452%201.835a2.5%202.5%200%200%200-1.976.227a2.5%202.5%200%200%200-1.184%201.595a7.98%207.98%200%200%201-5.65-.384m-1.3-.75a7.98%207.98%200%200%201-3.157-4.7C4.696%2013.367%205%2012.719%205%2012c0-.72-.304-1.369-.791-1.825A8%208%200%200%201%205.073%208a8%208%200%200%201%202.295-2.524l1.006%201.742a6%206%200%200%200%200%209.563zm1.3-13.796a8%208%200%200%201%205.648-.387a2.497%202.497%200%200%200%203.161%201.825a8%208%200%200%201%202.49%205.085h-2.013A5.99%205.99%200%200%200%2015%206.804a5.99%205.99%200%200%200-5.327-.335zM16%205.072a1.5%201.5%200%201%201%201.5-2.598A1.5%201.5%200%200%201%2016%205.072M4.001%2012a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m12%206.928a1.5%201.5%200%201%201%201.5%202.598a1.5%201.5%200%200%201-1.5-2.598%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.668%2019.273l1.006-1.742a6%206%200%200%200%208.282-4.781h2.012A8%208%200%200%201%2018.929%2016a8%208%200%200%201-1.452%201.835a2.5%202.5%200%200%200-1.976.227a2.5%202.5%200%200%200-1.184%201.595a7.98%207.98%200%200%201-5.65-.384m-1.3-.75a7.98%207.98%200%200%201-3.157-4.7C4.696%2013.367%205%2012.719%205%2012c0-.72-.304-1.369-.791-1.825A8%208%200%200%201%205.073%208a8%208%200%200%201%202.295-2.524l1.006%201.742a6%206%200%200%200%200%209.563zm1.3-13.796a8%208%200%200%201%205.648-.387a2.497%202.497%200%200%200%203.161%201.825a8%208%200%200%201%202.49%205.085h-2.013A5.99%205.99%200%200%200%2015%206.804a5.99%205.99%200%200%200-5.327-.335zM16%205.072a1.5%201.5%200%201%201%201.5-2.598A1.5%201.5%200%200%201%2016%205.072M4.001%2012a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m12%206.928a1.5%201.5%200%201%201%201.5%202.598a1.5%201.5%200%200%201-1.5-2.598%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/ubuntu-line.svg?color=%231a73e8&size=48
