ubuntu icon
ubuntu-fill from Remix Icon by Remix Design · Fill · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- ubuntu-fill
- Set
- Remix Icon
- Style
- Fill
- 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="M22.001 12c0 5.522-4.477 10-10 10s-10-4.478-10-10s4.477-10 10-10s10 4.477 10 10m-16.8-1.336a1.335 1.335 0 1 0 0 2.67a1.335 1.335 0 0 0 0-2.67m9.533 6.069a1.334 1.334 0 1 0 1.334 2.31a1.334 1.334 0 0 0-1.334-2.31M8.1 12c0-1.32.656-2.485 1.659-3.19l-.977-1.636a5.8 5.8 0 0 0-2.398 3.371a1.875 1.875 0 0 1 0 2.91a5.8 5.8 0 0 0 2.398 3.371l.977-1.636A3.89 3.89 0 0 1 8.1 12M12 8.1a3.9 3.9 0 0 1 3.884 3.554l1.903-.028a5.78 5.78 0 0 0-1.724-3.762A1.872 1.872 0 0 1 13.55 6.41a5.83 5.83 0 0 0-4.12.39l.927 1.663A3.9 3.9 0 0 1 12 8.1m0 7.8a3.9 3.9 0 0 1-1.642-.363l-.928 1.662a5.77 5.77 0 0 0 4.12.39a1.872 1.872 0 0 1 2.514-1.454a5.78 5.78 0 0 0 1.723-3.762l-1.903-.027A3.9 3.9 0 0 1 12 15.9m2.732-8.633a1.335 1.335 0 1 0 1.335-2.312a1.335 1.335 0 0 0-1.335 2.312"/></svg>
React
import type { SVGProps } from "react";
export function RiUbuntuFill(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="M22.001 12c0 5.522-4.477 10-10 10s-10-4.478-10-10s4.477-10 10-10s10 4.477 10 10m-16.8-1.336a1.335 1.335 0 1 0 0 2.67a1.335 1.335 0 0 0 0-2.67m9.533 6.069a1.334 1.334 0 1 0 1.334 2.31a1.334 1.334 0 0 0-1.334-2.31M8.1 12c0-1.32.656-2.485 1.659-3.19l-.977-1.636a5.8 5.8 0 0 0-2.398 3.371a1.875 1.875 0 0 1 0 2.91a5.8 5.8 0 0 0 2.398 3.371l.977-1.636A3.89 3.89 0 0 1 8.1 12M12 8.1a3.9 3.9 0 0 1 3.884 3.554l1.903-.028a5.78 5.78 0 0 0-1.724-3.762A1.872 1.872 0 0 1 13.55 6.41a5.83 5.83 0 0 0-4.12.39l.927 1.663A3.9 3.9 0 0 1 12 8.1m0 7.8a3.9 3.9 0 0 1-1.642-.363l-.928 1.662a5.77 5.77 0 0 0 4.12.39a1.872 1.872 0 0 1 2.514-1.454a5.78 5.78 0 0 0 1.723-3.762l-1.903-.027A3.9 3.9 0 0 1 12 15.9m2.732-8.633a1.335 1.335 0 1 0 1.335-2.312a1.335 1.335 0 0 0-1.335 2.312"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.001 12c0 5.522-4.477 10-10 10s-10-4.478-10-10s4.477-10 10-10s10 4.477 10 10m-16.8-1.336a1.335 1.335 0 1 0 0 2.67a1.335 1.335 0 0 0 0-2.67m9.533 6.069a1.334 1.334 0 1 0 1.334 2.31a1.334 1.334 0 0 0-1.334-2.31M8.1 12c0-1.32.656-2.485 1.659-3.19l-.977-1.636a5.8 5.8 0 0 0-2.398 3.371a1.875 1.875 0 0 1 0 2.91a5.8 5.8 0 0 0 2.398 3.371l.977-1.636A3.89 3.89 0 0 1 8.1 12M12 8.1a3.9 3.9 0 0 1 3.884 3.554l1.903-.028a5.78 5.78 0 0 0-1.724-3.762A1.872 1.872 0 0 1 13.55 6.41a5.83 5.83 0 0 0-4.12.39l.927 1.663A3.9 3.9 0 0 1 12 8.1m0 7.8a3.9 3.9 0 0 1-1.642-.363l-.928 1.662a5.77 5.77 0 0 0 4.12.39a1.872 1.872 0 0 1 2.514-1.454a5.78 5.78 0 0 0 1.723-3.762l-1.903-.027A3.9 3.9 0 0 1 12 15.9m2.732-8.633a1.335 1.335 0 1 0 1.335-2.312a1.335 1.335 0 0 0-1.335 2.312"/></svg> </template>
CSS
.icon-ubuntu-fill {
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%22M22.001%2012c0%205.522-4.477%2010-10%2010s-10-4.478-10-10s4.477-10%2010-10s10%204.477%2010%2010m-16.8-1.336a1.335%201.335%200%201%200%200%202.67a1.335%201.335%200%200%200%200-2.67m9.533%206.069a1.334%201.334%200%201%200%201.334%202.31a1.334%201.334%200%200%200-1.334-2.31M8.1%2012c0-1.32.656-2.485%201.659-3.19l-.977-1.636a5.8%205.8%200%200%200-2.398%203.371a1.875%201.875%200%200%201%200%202.91a5.8%205.8%200%200%200%202.398%203.371l.977-1.636A3.89%203.89%200%200%201%208.1%2012M12%208.1a3.9%203.9%200%200%201%203.884%203.554l1.903-.028a5.78%205.78%200%200%200-1.724-3.762A1.872%201.872%200%200%201%2013.55%206.41a5.83%205.83%200%200%200-4.12.39l.927%201.663A3.9%203.9%200%200%201%2012%208.1m0%207.8a3.9%203.9%200%200%201-1.642-.363l-.928%201.662a5.77%205.77%200%200%200%204.12.39a1.872%201.872%200%200%201%202.514-1.454a5.78%205.78%200%200%200%201.723-3.762l-1.903-.027A3.9%203.9%200%200%201%2012%2015.9m2.732-8.633a1.335%201.335%200%201%200%201.335-2.312a1.335%201.335%200%200%200-1.335%202.312%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%22M22.001%2012c0%205.522-4.477%2010-10%2010s-10-4.478-10-10s4.477-10%2010-10s10%204.477%2010%2010m-16.8-1.336a1.335%201.335%200%201%200%200%202.67a1.335%201.335%200%200%200%200-2.67m9.533%206.069a1.334%201.334%200%201%200%201.334%202.31a1.334%201.334%200%200%200-1.334-2.31M8.1%2012c0-1.32.656-2.485%201.659-3.19l-.977-1.636a5.8%205.8%200%200%200-2.398%203.371a1.875%201.875%200%200%201%200%202.91a5.8%205.8%200%200%200%202.398%203.371l.977-1.636A3.89%203.89%200%200%201%208.1%2012M12%208.1a3.9%203.9%200%200%201%203.884%203.554l1.903-.028a5.78%205.78%200%200%200-1.724-3.762A1.872%201.872%200%200%201%2013.55%206.41a5.83%205.83%200%200%200-4.12.39l.927%201.663A3.9%203.9%200%200%201%2012%208.1m0%207.8a3.9%203.9%200%200%201-1.642-.363l-.928%201.662a5.77%205.77%200%200%200%204.12.39a1.872%201.872%200%200%201%202.514-1.454a5.78%205.78%200%200%200%201.723-3.762l-1.903-.027A3.9%203.9%200%200%201%2012%2015.9m2.732-8.633a1.335%201.335%200%201%200%201.335-2.312a1.335%201.335%200%200%200-1.335%202.312%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/ubuntu-fill.svg?color=%231a73e8&size=48
