mobxstatetree logo

mobxstatetree from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
mobxstatetree
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the mobxstatetree logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.436.592c-.533.001-1.073.271-1.432.807L.306 17.553c-.94 1.98.422 3.874 2.269 4.41c3.469.773 6.646-1.292 6.646-1.292c4.68-2.995 7.702-4.685 7.702-4.685c3.73-1.891 6.993.429 7 .434L13.825 1.399c-.331-.54-.856-.808-1.39-.807m.004 1.66c.42-.002.833.21 1.093.635c2.466 3.66 5.27 7.435 7.629 11.161c0 0-2.252-1.172-5.19.318c0 0-2.38 1.33-6.062 3.687c0 0-2.5 1.624-5.23 1.016c-1.453-.422-2.526-1.912-1.786-3.471l8.42-12.711c.282-.421.707-.634 1.126-.635m8.42 14.165c-4.035.1-7.535 3.87-10.387 4.983c4.335 5.21 17.314-.97 12.454-4.424c-.617-.42-1.315-.578-2.067-.56m-.025 1.016c.545.003 1.04.145 1.457.478c2.288 2.286-6.305 6.262-9.958 3.647c1.18-.091 5.56-4.141 8.501-4.125"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsMobxstatetree(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="M12.436.592c-.533.001-1.073.271-1.432.807L.306 17.553c-.94 1.98.422 3.874 2.269 4.41c3.469.773 6.646-1.292 6.646-1.292c4.68-2.995 7.702-4.685 7.702-4.685c3.73-1.891 6.993.429 7 .434L13.825 1.399c-.331-.54-.856-.808-1.39-.807m.004 1.66c.42-.002.833.21 1.093.635c2.466 3.66 5.27 7.435 7.629 11.161c0 0-2.252-1.172-5.19.318c0 0-2.38 1.33-6.062 3.687c0 0-2.5 1.624-5.23 1.016c-1.453-.422-2.526-1.912-1.786-3.471l8.42-12.711c.282-.421.707-.634 1.126-.635m8.42 14.165c-4.035.1-7.535 3.87-10.387 4.983c4.335 5.21 17.314-.97 12.454-4.424c-.617-.42-1.315-.578-2.067-.56m-.025 1.016c.545.003 1.04.145 1.457.478c2.288 2.286-6.305 6.262-9.958 3.647c1.18-.091 5.56-4.141 8.501-4.125"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.436.592c-.533.001-1.073.271-1.432.807L.306 17.553c-.94 1.98.422 3.874 2.269 4.41c3.469.773 6.646-1.292 6.646-1.292c4.68-2.995 7.702-4.685 7.702-4.685c3.73-1.891 6.993.429 7 .434L13.825 1.399c-.331-.54-.856-.808-1.39-.807m.004 1.66c.42-.002.833.21 1.093.635c2.466 3.66 5.27 7.435 7.629 11.161c0 0-2.252-1.172-5.19.318c0 0-2.38 1.33-6.062 3.687c0 0-2.5 1.624-5.23 1.016c-1.453-.422-2.526-1.912-1.786-3.471l8.42-12.711c.282-.421.707-.634 1.126-.635m8.42 14.165c-4.035.1-7.535 3.87-10.387 4.983c4.335 5.21 17.314-.97 12.454-4.424c-.617-.42-1.315-.578-2.067-.56m-.025 1.016c.545.003 1.04.145 1.457.478c2.288 2.286-6.305 6.262-9.958 3.647c1.18-.091 5.56-4.141 8.501-4.125"/></svg>
</template>

CSS

.icon-mobxstatetree {
  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%22M12.436.592c-.533.001-1.073.271-1.432.807L.306%2017.553c-.94%201.98.422%203.874%202.269%204.41c3.469.773%206.646-1.292%206.646-1.292c4.68-2.995%207.702-4.685%207.702-4.685c3.73-1.891%206.993.429%207%20.434L13.825%201.399c-.331-.54-.856-.808-1.39-.807m.004%201.66c.42-.002.833.21%201.093.635c2.466%203.66%205.27%207.435%207.629%2011.161c0%200-2.252-1.172-5.19.318c0%200-2.38%201.33-6.062%203.687c0%200-2.5%201.624-5.23%201.016c-1.453-.422-2.526-1.912-1.786-3.471l8.42-12.711c.282-.421.707-.634%201.126-.635m8.42%2014.165c-4.035.1-7.535%203.87-10.387%204.983c4.335%205.21%2017.314-.97%2012.454-4.424c-.617-.42-1.315-.578-2.067-.56m-.025%201.016c.545.003%201.04.145%201.457.478c2.288%202.286-6.305%206.262-9.958%203.647c1.18-.091%205.56-4.141%208.501-4.125%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%22M12.436.592c-.533.001-1.073.271-1.432.807L.306%2017.553c-.94%201.98.422%203.874%202.269%204.41c3.469.773%206.646-1.292%206.646-1.292c4.68-2.995%207.702-4.685%207.702-4.685c3.73-1.891%206.993.429%207%20.434L13.825%201.399c-.331-.54-.856-.808-1.39-.807m.004%201.66c.42-.002.833.21%201.093.635c2.466%203.66%205.27%207.435%207.629%2011.161c0%200-2.252-1.172-5.19.318c0%200-2.38%201.33-6.062%203.687c0%200-2.5%201.624-5.23%201.016c-1.453-.422-2.526-1.912-1.786-3.471l8.42-12.711c.282-.421.707-.634%201.126-.635m8.42%2014.165c-4.035.1-7.535%203.87-10.387%204.983c4.335%205.21%2017.314-.97%2012.454-4.424c-.617-.42-1.315-.578-2.067-.56m-.025%201.016c.545.003%201.04.145%201.457.478c2.288%202.286-6.305%206.262-9.958%203.647c1.18-.091%205.56-4.141%208.501-4.125%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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