uiua logo

uiua from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
uiua
Set
Material Icon Theme
Style
Color
Viewbox
512×512
License
MIT

Use the uiua logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><g fill="#64b5f6" stroke="#64b5f6" stroke-width=".87"><path d="M227.734 476.91c-86.625-11.046-159.42-72.622-184.643-156.029c-6.697-22.09-9.306-40.268-9.306-64.794c0-9.654.522-21.135 1.305-27.397c4.261-34.093 16.524-67.317 35.745-96.105c2.696-4.087 5.219-7.653 5.654-7.914c.347-.174 1.13 1.13 1.652 3.044c.522 1.913 4.523 14.524 9.045 28.092c51.662 156.377 102.715 240.48 154.464 254.308c7.566 2 21.134 2 28.7 0c51.75-13.829 102.802-97.931 154.464-254.308c4.522-13.568 8.523-26.179 9.045-28.092s1.305-3.218 1.652-3.044c.435.26 2.958 3.827 5.654 7.914c19.22 28.788 31.484 62.012 35.745 96.105c1.74 14.09 1.74 40.703 0 54.793c-7.48 60.185-39.224 114.717-87.842 150.897c-31.658 23.57-67.056 37.833-105.672 42.617c-13.306 1.652-42.703 1.565-55.662-.087z"/><path d="M249.042 300.269c-47.139-7.48-91.843-68.535-137.851-188.122l-7.22-18.612l4.697-4.349c10.872-10.002 32.267-24.526 47.574-32.18c15.308-7.653 35.92-14.959 53.315-18.699c27.918-6.001 64.968-6.001 92.886 0c17.395 3.74 38.007 11.046 53.315 18.7c15.307 7.653 36.702 22.177 47.574 32.18l4.696 4.348l-7.219 18.612C357.41 224.95 313.576 287.745 270.524 298.703c-5.74 1.479-17.133 2.348-21.482 1.566z"/></g></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeUiua(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><g fill="#64b5f6" stroke="#64b5f6" strokeWidth=".87"><path d="M227.734 476.91c-86.625-11.046-159.42-72.622-184.643-156.029c-6.697-22.09-9.306-40.268-9.306-64.794c0-9.654.522-21.135 1.305-27.397c4.261-34.093 16.524-67.317 35.745-96.105c2.696-4.087 5.219-7.653 5.654-7.914c.347-.174 1.13 1.13 1.652 3.044c.522 1.913 4.523 14.524 9.045 28.092c51.662 156.377 102.715 240.48 154.464 254.308c7.566 2 21.134 2 28.7 0c51.75-13.829 102.802-97.931 154.464-254.308c4.522-13.568 8.523-26.179 9.045-28.092s1.305-3.218 1.652-3.044c.435.26 2.958 3.827 5.654 7.914c19.22 28.788 31.484 62.012 35.745 96.105c1.74 14.09 1.74 40.703 0 54.793c-7.48 60.185-39.224 114.717-87.842 150.897c-31.658 23.57-67.056 37.833-105.672 42.617c-13.306 1.652-42.703 1.565-55.662-.087z"/><path d="M249.042 300.269c-47.139-7.48-91.843-68.535-137.851-188.122l-7.22-18.612l4.697-4.349c10.872-10.002 32.267-24.526 47.574-32.18c15.308-7.653 35.92-14.959 53.315-18.699c27.918-6.001 64.968-6.001 92.886 0c17.395 3.74 38.007 11.046 53.315 18.7c15.307 7.653 36.702 22.177 47.574 32.18l4.696 4.348l-7.219 18.612C357.41 224.95 313.576 287.745 270.524 298.703c-5.74 1.479-17.133 2.348-21.482 1.566z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><g fill="#64b5f6" stroke="#64b5f6" stroke-width=".87"><path d="M227.734 476.91c-86.625-11.046-159.42-72.622-184.643-156.029c-6.697-22.09-9.306-40.268-9.306-64.794c0-9.654.522-21.135 1.305-27.397c4.261-34.093 16.524-67.317 35.745-96.105c2.696-4.087 5.219-7.653 5.654-7.914c.347-.174 1.13 1.13 1.652 3.044c.522 1.913 4.523 14.524 9.045 28.092c51.662 156.377 102.715 240.48 154.464 254.308c7.566 2 21.134 2 28.7 0c51.75-13.829 102.802-97.931 154.464-254.308c4.522-13.568 8.523-26.179 9.045-28.092s1.305-3.218 1.652-3.044c.435.26 2.958 3.827 5.654 7.914c19.22 28.788 31.484 62.012 35.745 96.105c1.74 14.09 1.74 40.703 0 54.793c-7.48 60.185-39.224 114.717-87.842 150.897c-31.658 23.57-67.056 37.833-105.672 42.617c-13.306 1.652-42.703 1.565-55.662-.087z"/><path d="M249.042 300.269c-47.139-7.48-91.843-68.535-137.851-188.122l-7.22-18.612l4.697-4.349c10.872-10.002 32.267-24.526 47.574-32.18c15.308-7.653 35.92-14.959 53.315-18.699c27.918-6.001 64.968-6.001 92.886 0c17.395 3.74 38.007 11.046 53.315 18.7c15.307 7.653 36.702 22.177 47.574 32.18l4.696 4.348l-7.219 18.612C357.41 224.95 313.576 287.745 270.524 298.703c-5.74 1.479-17.133 2.348-21.482 1.566z"/></g></svg>
</template>

CSS

.icon-uiua {
  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%20512%20512%22%3E%3Cg%20fill%3D%22%2364b5f6%22%20stroke%3D%22%2364b5f6%22%20stroke-width%3D%22.87%22%3E%3Cpath%20d%3D%22M227.734%20476.91c-86.625-11.046-159.42-72.622-184.643-156.029c-6.697-22.09-9.306-40.268-9.306-64.794c0-9.654.522-21.135%201.305-27.397c4.261-34.093%2016.524-67.317%2035.745-96.105c2.696-4.087%205.219-7.653%205.654-7.914c.347-.174%201.13%201.13%201.652%203.044c.522%201.913%204.523%2014.524%209.045%2028.092c51.662%20156.377%20102.715%20240.48%20154.464%20254.308c7.566%202%2021.134%202%2028.7%200c51.75-13.829%20102.802-97.931%20154.464-254.308c4.522-13.568%208.523-26.179%209.045-28.092s1.305-3.218%201.652-3.044c.435.26%202.958%203.827%205.654%207.914c19.22%2028.788%2031.484%2062.012%2035.745%2096.105c1.74%2014.09%201.74%2040.703%200%2054.793c-7.48%2060.185-39.224%20114.717-87.842%20150.897c-31.658%2023.57-67.056%2037.833-105.672%2042.617c-13.306%201.652-42.703%201.565-55.662-.087z%22%2F%3E%3Cpath%20d%3D%22M249.042%20300.269c-47.139-7.48-91.843-68.535-137.851-188.122l-7.22-18.612l4.697-4.349c10.872-10.002%2032.267-24.526%2047.574-32.18c15.308-7.653%2035.92-14.959%2053.315-18.699c27.918-6.001%2064.968-6.001%2092.886%200c17.395%203.74%2038.007%2011.046%2053.315%2018.7c15.307%207.653%2036.702%2022.177%2047.574%2032.18l4.696%204.348l-7.219%2018.612C357.41%20224.95%20313.576%20287.745%20270.524%20298.703c-5.74%201.479-17.133%202.348-21.482%201.566z%22%2F%3E%3C%2Fg%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%20512%20512%22%3E%3Cg%20fill%3D%22%2364b5f6%22%20stroke%3D%22%2364b5f6%22%20stroke-width%3D%22.87%22%3E%3Cpath%20d%3D%22M227.734%20476.91c-86.625-11.046-159.42-72.622-184.643-156.029c-6.697-22.09-9.306-40.268-9.306-64.794c0-9.654.522-21.135%201.305-27.397c4.261-34.093%2016.524-67.317%2035.745-96.105c2.696-4.087%205.219-7.653%205.654-7.914c.347-.174%201.13%201.13%201.652%203.044c.522%201.913%204.523%2014.524%209.045%2028.092c51.662%20156.377%20102.715%20240.48%20154.464%20254.308c7.566%202%2021.134%202%2028.7%200c51.75-13.829%20102.802-97.931%20154.464-254.308c4.522-13.568%208.523-26.179%209.045-28.092s1.305-3.218%201.652-3.044c.435.26%202.958%203.827%205.654%207.914c19.22%2028.788%2031.484%2062.012%2035.745%2096.105c1.74%2014.09%201.74%2040.703%200%2054.793c-7.48%2060.185-39.224%20114.717-87.842%20150.897c-31.658%2023.57-67.056%2037.833-105.672%2042.617c-13.306%201.652-42.703%201.565-55.662-.087z%22%2F%3E%3Cpath%20d%3D%22M249.042%20300.269c-47.139-7.48-91.843-68.535-137.851-188.122l-7.22-18.612l4.697-4.349c10.872-10.002%2032.267-24.526%2047.574-32.18c15.308-7.653%2035.92-14.959%2053.315-18.699c27.918-6.001%2064.968-6.001%2092.886%200c17.395%203.74%2038.007%2011.046%2053.315%2018.7c15.307%207.653%2036.702%2022.177%2047.574%2032.18l4.696%204.348l-7.219%2018.612C357.41%20224.95%20313.576%20287.745%20270.524%20298.703c-5.74%201.479-17.133%202.348-21.482%201.566z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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