elementary logo

elementary from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
elementary
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

The same logo in other sets

elementarySimple Icons

Use the elementary logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#333" d="M128 0C57.307 0 0 57.307 0 128s57.307 128 128 128s128-57.307 128-128S198.693 0 128 0m0 10.66c53.742 0 99.054 36.115 112.942 85.395c-11.932 24.686-28.983 46.903-49.692 64.878c-9.965 8.621-20.845 16.31-32.86 21.723c-12.013 5.413-25.233 8.485-38.4 7.735c-9.873-.576-19.656-3.328-28.287-8.137c22.948-12.435 43.639-29.001 60.58-48.841c11.155-13.029 20.846-27.84 24.595-44.554c1.901-8.356 2.194-17.097.457-25.49s-5.614-16.366-11.484-22.62c-5.732-6.088-13.257-10.422-21.32-12.635c-8.046-2.221-16.64-2.395-24.87-.896c-16.456 3.017-31.176 12.58-42.943 24.457c-20.782 20.938-33.628 50.487-31.269 79.89c1.189 14.702 6.108 29.148 14.537 41.235a77 77 0 0 0 6.18 7.707a191 191 0 0 1-37.942 9.116c-11.09-17.92-17.5-39.04-17.5-61.65c0-64.823 52.517-117.34 117.322-117.34zm.731 23.68c8.266 0 16.567 2.506 23.15 7.498c5.925 4.48 10.332 10.825 12.8 17.828c2.496 7.004 3.136 14.601 2.286 21.989c-1.692 14.766-9.143 28.306-18.14 40.137c-15.936 20.937-37.12 37.696-60.672 49.435a198 198 0 0 1-7.314 3.438c-5.12-4.48-9.508-9.783-12.873-15.726c-6.994-12.397-9.298-27.108-7.954-41.27c1.371-14.172 6.217-27.813 12.754-40.458c7.57-14.656 17.893-28.525 32.338-36.507c7.223-3.995 15.388-6.4 23.635-6.4zm115.548 77.916a119 119 0 0 1 1.051 15.707c0 64.805-52.498 117.34-117.303 117.34c-36.388 0-68.937-16.567-90.422-42.578c13.275-3.018 26.258-7.36 38.71-12.874c5.459 4.133 11.466 7.534 17.866 9.984c18.404 7.059 39.314 6.035 57.947-.411c18.624-6.455 35.154-18.011 49.554-31.497a213.2 213.2 0 0 0 42.643-55.68z"/></svg>

React

import type { SVGProps } from "react";

export function LogosElementary(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#333" d="M128 0C57.307 0 0 57.307 0 128s57.307 128 128 128s128-57.307 128-128S198.693 0 128 0m0 10.66c53.742 0 99.054 36.115 112.942 85.395c-11.932 24.686-28.983 46.903-49.692 64.878c-9.965 8.621-20.845 16.31-32.86 21.723c-12.013 5.413-25.233 8.485-38.4 7.735c-9.873-.576-19.656-3.328-28.287-8.137c22.948-12.435 43.639-29.001 60.58-48.841c11.155-13.029 20.846-27.84 24.595-44.554c1.901-8.356 2.194-17.097.457-25.49s-5.614-16.366-11.484-22.62c-5.732-6.088-13.257-10.422-21.32-12.635c-8.046-2.221-16.64-2.395-24.87-.896c-16.456 3.017-31.176 12.58-42.943 24.457c-20.782 20.938-33.628 50.487-31.269 79.89c1.189 14.702 6.108 29.148 14.537 41.235a77 77 0 0 0 6.18 7.707a191 191 0 0 1-37.942 9.116c-11.09-17.92-17.5-39.04-17.5-61.65c0-64.823 52.517-117.34 117.322-117.34zm.731 23.68c8.266 0 16.567 2.506 23.15 7.498c5.925 4.48 10.332 10.825 12.8 17.828c2.496 7.004 3.136 14.601 2.286 21.989c-1.692 14.766-9.143 28.306-18.14 40.137c-15.936 20.937-37.12 37.696-60.672 49.435a198 198 0 0 1-7.314 3.438c-5.12-4.48-9.508-9.783-12.873-15.726c-6.994-12.397-9.298-27.108-7.954-41.27c1.371-14.172 6.217-27.813 12.754-40.458c7.57-14.656 17.893-28.525 32.338-36.507c7.223-3.995 15.388-6.4 23.635-6.4zm115.548 77.916a119 119 0 0 1 1.051 15.707c0 64.805-52.498 117.34-117.303 117.34c-36.388 0-68.937-16.567-90.422-42.578c13.275-3.018 26.258-7.36 38.71-12.874c5.459 4.133 11.466 7.534 17.866 9.984c18.404 7.059 39.314 6.035 57.947-.411c18.624-6.455 35.154-18.011 49.554-31.497a213.2 213.2 0 0 0 42.643-55.68z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#333" d="M128 0C57.307 0 0 57.307 0 128s57.307 128 128 128s128-57.307 128-128S198.693 0 128 0m0 10.66c53.742 0 99.054 36.115 112.942 85.395c-11.932 24.686-28.983 46.903-49.692 64.878c-9.965 8.621-20.845 16.31-32.86 21.723c-12.013 5.413-25.233 8.485-38.4 7.735c-9.873-.576-19.656-3.328-28.287-8.137c22.948-12.435 43.639-29.001 60.58-48.841c11.155-13.029 20.846-27.84 24.595-44.554c1.901-8.356 2.194-17.097.457-25.49s-5.614-16.366-11.484-22.62c-5.732-6.088-13.257-10.422-21.32-12.635c-8.046-2.221-16.64-2.395-24.87-.896c-16.456 3.017-31.176 12.58-42.943 24.457c-20.782 20.938-33.628 50.487-31.269 79.89c1.189 14.702 6.108 29.148 14.537 41.235a77 77 0 0 0 6.18 7.707a191 191 0 0 1-37.942 9.116c-11.09-17.92-17.5-39.04-17.5-61.65c0-64.823 52.517-117.34 117.322-117.34zm.731 23.68c8.266 0 16.567 2.506 23.15 7.498c5.925 4.48 10.332 10.825 12.8 17.828c2.496 7.004 3.136 14.601 2.286 21.989c-1.692 14.766-9.143 28.306-18.14 40.137c-15.936 20.937-37.12 37.696-60.672 49.435a198 198 0 0 1-7.314 3.438c-5.12-4.48-9.508-9.783-12.873-15.726c-6.994-12.397-9.298-27.108-7.954-41.27c1.371-14.172 6.217-27.813 12.754-40.458c7.57-14.656 17.893-28.525 32.338-36.507c7.223-3.995 15.388-6.4 23.635-6.4zm115.548 77.916a119 119 0 0 1 1.051 15.707c0 64.805-52.498 117.34-117.303 117.34c-36.388 0-68.937-16.567-90.422-42.578c13.275-3.018 26.258-7.36 38.71-12.874c5.459 4.133 11.466 7.534 17.866 9.984c18.404 7.059 39.314 6.035 57.947-.411c18.624-6.455 35.154-18.011 49.554-31.497a213.2 213.2 0 0 0 42.643-55.68z"/></svg>
</template>

CSS

.icon-elementary {
  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%23333%22%20d%3D%22M128%200C57.307%200%200%2057.307%200%20128s57.307%20128%20128%20128s128-57.307%20128-128S198.693%200%20128%200m0%2010.66c53.742%200%2099.054%2036.115%20112.942%2085.395c-11.932%2024.686-28.983%2046.903-49.692%2064.878c-9.965%208.621-20.845%2016.31-32.86%2021.723c-12.013%205.413-25.233%208.485-38.4%207.735c-9.873-.576-19.656-3.328-28.287-8.137c22.948-12.435%2043.639-29.001%2060.58-48.841c11.155-13.029%2020.846-27.84%2024.595-44.554c1.901-8.356%202.194-17.097.457-25.49s-5.614-16.366-11.484-22.62c-5.732-6.088-13.257-10.422-21.32-12.635c-8.046-2.221-16.64-2.395-24.87-.896c-16.456%203.017-31.176%2012.58-42.943%2024.457c-20.782%2020.938-33.628%2050.487-31.269%2079.89c1.189%2014.702%206.108%2029.148%2014.537%2041.235a77%2077%200%200%200%206.18%207.707a191%20191%200%200%201-37.942%209.116c-11.09-17.92-17.5-39.04-17.5-61.65c0-64.823%2052.517-117.34%20117.322-117.34zm.731%2023.68c8.266%200%2016.567%202.506%2023.15%207.498c5.925%204.48%2010.332%2010.825%2012.8%2017.828c2.496%207.004%203.136%2014.601%202.286%2021.989c-1.692%2014.766-9.143%2028.306-18.14%2040.137c-15.936%2020.937-37.12%2037.696-60.672%2049.435a198%20198%200%200%201-7.314%203.438c-5.12-4.48-9.508-9.783-12.873-15.726c-6.994-12.397-9.298-27.108-7.954-41.27c1.371-14.172%206.217-27.813%2012.754-40.458c7.57-14.656%2017.893-28.525%2032.338-36.507c7.223-3.995%2015.388-6.4%2023.635-6.4zm115.548%2077.916a119%20119%200%200%201%201.051%2015.707c0%2064.805-52.498%20117.34-117.303%20117.34c-36.388%200-68.937-16.567-90.422-42.578c13.275-3.018%2026.258-7.36%2038.71-12.874c5.459%204.133%2011.466%207.534%2017.866%209.984c18.404%207.059%2039.314%206.035%2057.947-.411c18.624-6.455%2035.154-18.011%2049.554-31.497a213.2%20213.2%200%200%200%2042.643-55.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%20256%20256%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M128%200C57.307%200%200%2057.307%200%20128s57.307%20128%20128%20128s128-57.307%20128-128S198.693%200%20128%200m0%2010.66c53.742%200%2099.054%2036.115%20112.942%2085.395c-11.932%2024.686-28.983%2046.903-49.692%2064.878c-9.965%208.621-20.845%2016.31-32.86%2021.723c-12.013%205.413-25.233%208.485-38.4%207.735c-9.873-.576-19.656-3.328-28.287-8.137c22.948-12.435%2043.639-29.001%2060.58-48.841c11.155-13.029%2020.846-27.84%2024.595-44.554c1.901-8.356%202.194-17.097.457-25.49s-5.614-16.366-11.484-22.62c-5.732-6.088-13.257-10.422-21.32-12.635c-8.046-2.221-16.64-2.395-24.87-.896c-16.456%203.017-31.176%2012.58-42.943%2024.457c-20.782%2020.938-33.628%2050.487-31.269%2079.89c1.189%2014.702%206.108%2029.148%2014.537%2041.235a77%2077%200%200%200%206.18%207.707a191%20191%200%200%201-37.942%209.116c-11.09-17.92-17.5-39.04-17.5-61.65c0-64.823%2052.517-117.34%20117.322-117.34zm.731%2023.68c8.266%200%2016.567%202.506%2023.15%207.498c5.925%204.48%2010.332%2010.825%2012.8%2017.828c2.496%207.004%203.136%2014.601%202.286%2021.989c-1.692%2014.766-9.143%2028.306-18.14%2040.137c-15.936%2020.937-37.12%2037.696-60.672%2049.435a198%20198%200%200%201-7.314%203.438c-5.12-4.48-9.508-9.783-12.873-15.726c-6.994-12.397-9.298-27.108-7.954-41.27c1.371-14.172%206.217-27.813%2012.754-40.458c7.57-14.656%2017.893-28.525%2032.338-36.507c7.223-3.995%2015.388-6.4%2023.635-6.4zm115.548%2077.916a119%20119%200%200%201%201.051%2015.707c0%2064.805-52.498%20117.34-117.303%20117.34c-36.388%200-68.937-16.567-90.422-42.578c13.275-3.018%2026.258-7.36%2038.71-12.874c5.459%204.133%2011.466%207.534%2017.866%209.984c18.404%207.059%2039.314%206.035%2057.947-.411c18.624-6.455%2035.154-18.011%2049.554-31.497a213.2%20213.2%200%200%200%2042.643-55.68z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/elementary.svg?color=%231a73e8&size=48