ubuntu logo
ubuntu from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- ubuntu
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
The same logo in other sets
Use the ubuntu logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#dd4814" d="M255.637 127.683c0 70.514-57.165 127.68-127.683 127.68C57.434 255.363.27 198.197.27 127.683C.27 57.165 57.436 0 127.954 0c70.519 0 127.683 57.165 127.683 127.683"/><path fill="#fff" d="M41.133 110.633c-9.419 0-17.05 7.631-17.05 17.05c0 9.414 7.631 17.046 17.05 17.046c9.415 0 17.046-7.632 17.046-17.046c0-9.419-7.631-17.05-17.046-17.05m121.715 77.478c-8.153 4.71-10.95 15.13-6.24 23.279c4.705 8.154 15.125 10.949 23.279 6.24c8.153-4.705 10.949-15.125 6.24-23.28c-4.705-8.148-15.131-10.943-23.279-6.239m-84.686-60.428c0-16.846 8.368-31.73 21.171-40.742L86.87 66.067c-14.914 9.97-26.012 25.204-30.624 43.047c5.382 4.39 8.826 11.075 8.826 18.568c0 7.489-3.444 14.174-8.826 18.565C60.852 164.094 71.95 179.33 86.87 189.3l12.463-20.88c-12.803-9.007-21.171-23.89-21.171-40.737m49.792-49.797c26.013 0 47.355 19.944 49.595 45.38l24.29-.358c-1.194-18.778-9.398-35.636-22.002-48.032c-6.482 2.449-13.97 2.074-20.44-1.656c-6.483-3.741-10.548-10.052-11.659-16.902a74.3 74.3 0 0 0-19.785-2.69a73.8 73.8 0 0 0-32.819 7.663l11.845 21.227a49.6 49.6 0 0 1 20.975-4.632m0 99.59a49.6 49.6 0 0 1-20.974-4.632l-11.845 21.225a73.7 73.7 0 0 0 32.82 7.671a74 74 0 0 0 19.784-2.697c1.111-6.85 5.177-13.155 11.658-16.902c6.476-3.737 13.959-4.105 20.44-1.656c12.605-12.396 20.808-29.254 22.004-48.032l-24.297-.358c-2.235 25.443-23.576 45.38-49.59 45.38m34.888-110.231c8.154 4.708 18.575 1.92 23.279-6.234c4.71-8.154 1.92-18.575-6.234-23.285c-8.154-4.704-18.574-1.91-23.285 6.244c-4.703 8.15-1.908 18.57 6.24 23.275"/></svg>
React
import type { SVGProps } from "react";
export function LogosUbuntu(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#dd4814" d="M255.637 127.683c0 70.514-57.165 127.68-127.683 127.68C57.434 255.363.27 198.197.27 127.683C.27 57.165 57.436 0 127.954 0c70.519 0 127.683 57.165 127.683 127.683"/><path fill="#fff" d="M41.133 110.633c-9.419 0-17.05 7.631-17.05 17.05c0 9.414 7.631 17.046 17.05 17.046c9.415 0 17.046-7.632 17.046-17.046c0-9.419-7.631-17.05-17.046-17.05m121.715 77.478c-8.153 4.71-10.95 15.13-6.24 23.279c4.705 8.154 15.125 10.949 23.279 6.24c8.153-4.705 10.949-15.125 6.24-23.28c-4.705-8.148-15.131-10.943-23.279-6.239m-84.686-60.428c0-16.846 8.368-31.73 21.171-40.742L86.87 66.067c-14.914 9.97-26.012 25.204-30.624 43.047c5.382 4.39 8.826 11.075 8.826 18.568c0 7.489-3.444 14.174-8.826 18.565C60.852 164.094 71.95 179.33 86.87 189.3l12.463-20.88c-12.803-9.007-21.171-23.89-21.171-40.737m49.792-49.797c26.013 0 47.355 19.944 49.595 45.38l24.29-.358c-1.194-18.778-9.398-35.636-22.002-48.032c-6.482 2.449-13.97 2.074-20.44-1.656c-6.483-3.741-10.548-10.052-11.659-16.902a74.3 74.3 0 0 0-19.785-2.69a73.8 73.8 0 0 0-32.819 7.663l11.845 21.227a49.6 49.6 0 0 1 20.975-4.632m0 99.59a49.6 49.6 0 0 1-20.974-4.632l-11.845 21.225a73.7 73.7 0 0 0 32.82 7.671a74 74 0 0 0 19.784-2.697c1.111-6.85 5.177-13.155 11.658-16.902c6.476-3.737 13.959-4.105 20.44-1.656c12.605-12.396 20.808-29.254 22.004-48.032l-24.297-.358c-2.235 25.443-23.576 45.38-49.59 45.38m34.888-110.231c8.154 4.708 18.575 1.92 23.279-6.234c4.71-8.154 1.92-18.575-6.234-23.285c-8.154-4.704-18.574-1.91-23.285 6.244c-4.703 8.15-1.908 18.57 6.24 23.275"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#dd4814" d="M255.637 127.683c0 70.514-57.165 127.68-127.683 127.68C57.434 255.363.27 198.197.27 127.683C.27 57.165 57.436 0 127.954 0c70.519 0 127.683 57.165 127.683 127.683"/><path fill="#fff" d="M41.133 110.633c-9.419 0-17.05 7.631-17.05 17.05c0 9.414 7.631 17.046 17.05 17.046c9.415 0 17.046-7.632 17.046-17.046c0-9.419-7.631-17.05-17.046-17.05m121.715 77.478c-8.153 4.71-10.95 15.13-6.24 23.279c4.705 8.154 15.125 10.949 23.279 6.24c8.153-4.705 10.949-15.125 6.24-23.28c-4.705-8.148-15.131-10.943-23.279-6.239m-84.686-60.428c0-16.846 8.368-31.73 21.171-40.742L86.87 66.067c-14.914 9.97-26.012 25.204-30.624 43.047c5.382 4.39 8.826 11.075 8.826 18.568c0 7.489-3.444 14.174-8.826 18.565C60.852 164.094 71.95 179.33 86.87 189.3l12.463-20.88c-12.803-9.007-21.171-23.89-21.171-40.737m49.792-49.797c26.013 0 47.355 19.944 49.595 45.38l24.29-.358c-1.194-18.778-9.398-35.636-22.002-48.032c-6.482 2.449-13.97 2.074-20.44-1.656c-6.483-3.741-10.548-10.052-11.659-16.902a74.3 74.3 0 0 0-19.785-2.69a73.8 73.8 0 0 0-32.819 7.663l11.845 21.227a49.6 49.6 0 0 1 20.975-4.632m0 99.59a49.6 49.6 0 0 1-20.974-4.632l-11.845 21.225a73.7 73.7 0 0 0 32.82 7.671a74 74 0 0 0 19.784-2.697c1.111-6.85 5.177-13.155 11.658-16.902c6.476-3.737 13.959-4.105 20.44-1.656c12.605-12.396 20.808-29.254 22.004-48.032l-24.297-.358c-2.235 25.443-23.576 45.38-49.59 45.38m34.888-110.231c8.154 4.708 18.575 1.92 23.279-6.234c4.71-8.154 1.92-18.575-6.234-23.285c-8.154-4.704-18.574-1.91-23.285 6.244c-4.703 8.15-1.908 18.57 6.24 23.275"/></svg> </template>
CSS
.icon-ubuntu {
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%20256%20256%22%3E%3Cpath%20fill%3D%22%23dd4814%22%20d%3D%22M255.637%20127.683c0%2070.514-57.165%20127.68-127.683%20127.68C57.434%20255.363.27%20198.197.27%20127.683C.27%2057.165%2057.436%200%20127.954%200c70.519%200%20127.683%2057.165%20127.683%20127.683%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M41.133%20110.633c-9.419%200-17.05%207.631-17.05%2017.05c0%209.414%207.631%2017.046%2017.05%2017.046c9.415%200%2017.046-7.632%2017.046-17.046c0-9.419-7.631-17.05-17.046-17.05m121.715%2077.478c-8.153%204.71-10.95%2015.13-6.24%2023.279c4.705%208.154%2015.125%2010.949%2023.279%206.24c8.153-4.705%2010.949-15.125%206.24-23.28c-4.705-8.148-15.131-10.943-23.279-6.239m-84.686-60.428c0-16.846%208.368-31.73%2021.171-40.742L86.87%2066.067c-14.914%209.97-26.012%2025.204-30.624%2043.047c5.382%204.39%208.826%2011.075%208.826%2018.568c0%207.489-3.444%2014.174-8.826%2018.565C60.852%20164.094%2071.95%20179.33%2086.87%20189.3l12.463-20.88c-12.803-9.007-21.171-23.89-21.171-40.737m49.792-49.797c26.013%200%2047.355%2019.944%2049.595%2045.38l24.29-.358c-1.194-18.778-9.398-35.636-22.002-48.032c-6.482%202.449-13.97%202.074-20.44-1.656c-6.483-3.741-10.548-10.052-11.659-16.902a74.3%2074.3%200%200%200-19.785-2.69a73.8%2073.8%200%200%200-32.819%207.663l11.845%2021.227a49.6%2049.6%200%200%201%2020.975-4.632m0%2099.59a49.6%2049.6%200%200%201-20.974-4.632l-11.845%2021.225a73.7%2073.7%200%200%200%2032.82%207.671a74%2074%200%200%200%2019.784-2.697c1.111-6.85%205.177-13.155%2011.658-16.902c6.476-3.737%2013.959-4.105%2020.44-1.656c12.605-12.396%2020.808-29.254%2022.004-48.032l-24.297-.358c-2.235%2025.443-23.576%2045.38-49.59%2045.38m34.888-110.231c8.154%204.708%2018.575%201.92%2023.279-6.234c4.71-8.154%201.92-18.575-6.234-23.285c-8.154-4.704-18.574-1.91-23.285%206.244c-4.703%208.15-1.908%2018.57%206.24%2023.275%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%20256%20256%22%3E%3Cpath%20fill%3D%22%23dd4814%22%20d%3D%22M255.637%20127.683c0%2070.514-57.165%20127.68-127.683%20127.68C57.434%20255.363.27%20198.197.27%20127.683C.27%2057.165%2057.436%200%20127.954%200c70.519%200%20127.683%2057.165%20127.683%20127.683%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M41.133%20110.633c-9.419%200-17.05%207.631-17.05%2017.05c0%209.414%207.631%2017.046%2017.05%2017.046c9.415%200%2017.046-7.632%2017.046-17.046c0-9.419-7.631-17.05-17.046-17.05m121.715%2077.478c-8.153%204.71-10.95%2015.13-6.24%2023.279c4.705%208.154%2015.125%2010.949%2023.279%206.24c8.153-4.705%2010.949-15.125%206.24-23.28c-4.705-8.148-15.131-10.943-23.279-6.239m-84.686-60.428c0-16.846%208.368-31.73%2021.171-40.742L86.87%2066.067c-14.914%209.97-26.012%2025.204-30.624%2043.047c5.382%204.39%208.826%2011.075%208.826%2018.568c0%207.489-3.444%2014.174-8.826%2018.565C60.852%20164.094%2071.95%20179.33%2086.87%20189.3l12.463-20.88c-12.803-9.007-21.171-23.89-21.171-40.737m49.792-49.797c26.013%200%2047.355%2019.944%2049.595%2045.38l24.29-.358c-1.194-18.778-9.398-35.636-22.002-48.032c-6.482%202.449-13.97%202.074-20.44-1.656c-6.483-3.741-10.548-10.052-11.659-16.902a74.3%2074.3%200%200%200-19.785-2.69a73.8%2073.8%200%200%200-32.819%207.663l11.845%2021.227a49.6%2049.6%200%200%201%2020.975-4.632m0%2099.59a49.6%2049.6%200%200%201-20.974-4.632l-11.845%2021.225a73.7%2073.7%200%200%200%2032.82%207.671a74%2074%200%200%200%2019.784-2.697c1.111-6.85%205.177-13.155%2011.658-16.902c6.476-3.737%2013.959-4.105%2020.44-1.656c12.605-12.396%2020.808-29.254%2022.004-48.032l-24.297-.358c-2.235%2025.443-23.576%2045.38-49.59%2045.38m34.888-110.231c8.154%204.708%2018.575%201.92%2023.279-6.234c4.71-8.154%201.92-18.575-6.234-23.285c-8.154-4.704-18.574-1.91-23.285%206.244c-4.703%208.15-1.908%2018.57%206.24%2023.275%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/ubuntu.svg?color=%231a73e8&size=48
