unito icon logo

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

Name
unito-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the unito icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#3aafa9" d="m204.556 123.368l-.244 29.258a5.63 5.63 0 0 1-5.364 5.607a5.63 5.63 0 0 1-5.364-5.607l.244-29.258c0-16.696-13.535-30.232-30.232-30.232c-15.116 0-28.526 13.166-29.745 29.501v1.22l-.487 11.214v.732a40.962 40.962 0 0 1-81.92-.732a.22.22 0 0 0 .244-.243h-.244v-28.039a5.22 5.22 0 0 1 5.315-5.12a5.22 5.22 0 0 1 5.364 5.072l-.244 28.038c0 16.697 13.535 30.232 30.232 30.232s30.232-13.535 30.232-30.232v-.975l.488-10.24v-1.22c1.512-22.137 19.31-39.692 40.521-39.692c22.683.081 41.014 18.52 40.96 41.204c.244-.731.244-.731.244-.488M128.487 0C57.796-.268.271 56.821.001 127.513C-.267 198.204 56.82 255.729 127.513 256c70.691.268 128.217-56.82 128.487-127.512v-.487C256.134 57.462 199.075.163 128.536 0z"/></svg>

React

import type { SVGProps } from "react";

export function LogosUnitoIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#3aafa9" d="m204.556 123.368l-.244 29.258a5.63 5.63 0 0 1-5.364 5.607a5.63 5.63 0 0 1-5.364-5.607l.244-29.258c0-16.696-13.535-30.232-30.232-30.232c-15.116 0-28.526 13.166-29.745 29.501v1.22l-.487 11.214v.732a40.962 40.962 0 0 1-81.92-.732a.22.22 0 0 0 .244-.243h-.244v-28.039a5.22 5.22 0 0 1 5.315-5.12a5.22 5.22 0 0 1 5.364 5.072l-.244 28.038c0 16.697 13.535 30.232 30.232 30.232s30.232-13.535 30.232-30.232v-.975l.488-10.24v-1.22c1.512-22.137 19.31-39.692 40.521-39.692c22.683.081 41.014 18.52 40.96 41.204c.244-.731.244-.731.244-.488M128.487 0C57.796-.268.271 56.821.001 127.513C-.267 198.204 56.82 255.729 127.513 256c70.691.268 128.217-56.82 128.487-127.512v-.487C256.134 57.462 199.075.163 128.536 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#3aafa9" d="m204.556 123.368l-.244 29.258a5.63 5.63 0 0 1-5.364 5.607a5.63 5.63 0 0 1-5.364-5.607l.244-29.258c0-16.696-13.535-30.232-30.232-30.232c-15.116 0-28.526 13.166-29.745 29.501v1.22l-.487 11.214v.732a40.962 40.962 0 0 1-81.92-.732a.22.22 0 0 0 .244-.243h-.244v-28.039a5.22 5.22 0 0 1 5.315-5.12a5.22 5.22 0 0 1 5.364 5.072l-.244 28.038c0 16.697 13.535 30.232 30.232 30.232s30.232-13.535 30.232-30.232v-.975l.488-10.24v-1.22c1.512-22.137 19.31-39.692 40.521-39.692c22.683.081 41.014 18.52 40.96 41.204c.244-.731.244-.731.244-.488M128.487 0C57.796-.268.271 56.821.001 127.513C-.267 198.204 56.82 255.729 127.513 256c70.691.268 128.217-56.82 128.487-127.512v-.487C256.134 57.462 199.075.163 128.536 0z"/></svg>
</template>

CSS

.icon-unito-icon {
  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%233aafa9%22%20d%3D%22m204.556%20123.368l-.244%2029.258a5.63%205.63%200%200%201-5.364%205.607a5.63%205.63%200%200%201-5.364-5.607l.244-29.258c0-16.696-13.535-30.232-30.232-30.232c-15.116%200-28.526%2013.166-29.745%2029.501v1.22l-.487%2011.214v.732a40.962%2040.962%200%200%201-81.92-.732a.22.22%200%200%200%20.244-.243h-.244v-28.039a5.22%205.22%200%200%201%205.315-5.12a5.22%205.22%200%200%201%205.364%205.072l-.244%2028.038c0%2016.697%2013.535%2030.232%2030.232%2030.232s30.232-13.535%2030.232-30.232v-.975l.488-10.24v-1.22c1.512-22.137%2019.31-39.692%2040.521-39.692c22.683.081%2041.014%2018.52%2040.96%2041.204c.244-.731.244-.731.244-.488M128.487%200C57.796-.268.271%2056.821.001%20127.513C-.267%20198.204%2056.82%20255.729%20127.513%20256c70.691.268%20128.217-56.82%20128.487-127.512v-.487C256.134%2057.462%20199.075.163%20128.536%200z%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%233aafa9%22%20d%3D%22m204.556%20123.368l-.244%2029.258a5.63%205.63%200%200%201-5.364%205.607a5.63%205.63%200%200%201-5.364-5.607l.244-29.258c0-16.696-13.535-30.232-30.232-30.232c-15.116%200-28.526%2013.166-29.745%2029.501v1.22l-.487%2011.214v.732a40.962%2040.962%200%200%201-81.92-.732a.22.22%200%200%200%20.244-.243h-.244v-28.039a5.22%205.22%200%200%201%205.315-5.12a5.22%205.22%200%200%201%205.364%205.072l-.244%2028.038c0%2016.697%2013.535%2030.232%2030.232%2030.232s30.232-13.535%2030.232-30.232v-.975l.488-10.24v-1.22c1.512-22.137%2019.31-39.692%2040.521-39.692c22.683.081%2041.014%2018.52%2040.96%2041.204c.244-.731.244-.731.244-.488M128.487%200C57.796-.268.271%2056.821.001%20127.513C-.267%20198.204%2056.82%20255.729%20127.513%20256c70.691.268%20128.217-56.82%20128.487-127.512v-.487C256.134%2057.462%20199.075.163%20128.536%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Unito Icon logo — SVG Logos · IconsDB