morph logo
morph-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- morph-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the morph logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#99d52a" d="M7.941 2c.23 0 .452.073.638.21.186.136.325.328.397.55l.593 1.814c.073.221.212.413.397.55.186.136.409.21.638.21h2.791c.23 0 .452-.074.638-.21a1.11 1.11 0 00.397-.55l.594-1.815a1.11 1.11 0 01.397-.55c.185-.136.408-.209.637-.209h1.7c.23 0 .453.073.639.21.185.136.324.328.397.55l.652 1.994c.118.361.41.635.77.728l2.957.752c.236.06.446.199.596.394.15.195.23.436.231.684v9.376c0 .248-.081.488-.231.684a1.09 1.09 0 01-.595.394l-2.957.752a1.086 1.086 0 00-.477.263 1.114 1.114 0 00-.293.465l-.653 1.994a1.11 1.11 0 01-.396.55c-.186.136-.41.21-.638.21h-1.702c-.229 0-.452-.073-.637-.21a1.11 1.11 0 01-.397-.55l-.364-1.11a1.131 1.131 0 01.15-1.002 1.074 1.074 0 01.885-.462h2.85c.29 0 .567-.116.772-.325.204-.208.32-.49.32-.785V6.444c0-.294-.116-.577-.32-.785a1.08 1.08 0 00-.771-.326h-3.273c-.29 0-.567.117-.772.326-.204.208-.32.49-.32.785v7.778c0 .295-.114.578-.319.786a1.08 1.08 0 01-.771.325h-2.182a1.08 1.08 0 01-.771-.325 1.122 1.122 0 01-.32-.786V6.444c0-.294-.115-.577-.32-.785a1.081 1.081 0 00-.77-.326H5.454c-.29 0-.567.117-.772.326-.204.208-.32.49-.32.785v11.112c0 .294.116.577.32.785.205.209.482.326.772.326h2.85a1.075 1.075 0 01.885.461 1.122 1.122 0 01.15 1.001l-.364 1.112a1.11 1.11 0 01-.397.55c-.185.136-.408.209-.637.209H6.24c-.229 0-.452-.073-.638-.21a1.11 1.11 0 01-.397-.55l-.652-1.994a1.114 1.114 0 00-.294-.465 1.086 1.086 0 00-.477-.263l-2.956-.752a1.09 1.09 0 01-.595-.394A1.124 1.124 0 010 16.688V7.312c0-.248.081-.489.231-.684.15-.195.36-.334.595-.394l2.957-.753c.178-.045.342-.136.477-.263.134-.127.235-.287.293-.464l.653-1.995a1.11 1.11 0 01.397-.55C5.788 2.075 6.01 2 6.24 2h1.701z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubMorphColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#99d52a" d="M7.941 2c.23 0 .452.073.638.21.186.136.325.328.397.55l.593 1.814c.073.221.212.413.397.55.186.136.409.21.638.21h2.791c.23 0 .452-.074.638-.21a1.11 1.11 0 00.397-.55l.594-1.815a1.11 1.11 0 01.397-.55c.185-.136.408-.209.637-.209h1.7c.23 0 .453.073.639.21.185.136.324.328.397.55l.652 1.994c.118.361.41.635.77.728l2.957.752c.236.06.446.199.596.394.15.195.23.436.231.684v9.376c0 .248-.081.488-.231.684a1.09 1.09 0 01-.595.394l-2.957.752a1.086 1.086 0 00-.477.263 1.114 1.114 0 00-.293.465l-.653 1.994a1.11 1.11 0 01-.396.55c-.186.136-.41.21-.638.21h-1.702c-.229 0-.452-.073-.637-.21a1.11 1.11 0 01-.397-.55l-.364-1.11a1.131 1.131 0 01.15-1.002 1.074 1.074 0 01.885-.462h2.85c.29 0 .567-.116.772-.325.204-.208.32-.49.32-.785V6.444c0-.294-.116-.577-.32-.785a1.08 1.08 0 00-.771-.326h-3.273c-.29 0-.567.117-.772.326-.204.208-.32.49-.32.785v7.778c0 .295-.114.578-.319.786a1.08 1.08 0 01-.771.325h-2.182a1.08 1.08 0 01-.771-.325 1.122 1.122 0 01-.32-.786V6.444c0-.294-.115-.577-.32-.785a1.081 1.081 0 00-.77-.326H5.454c-.29 0-.567.117-.772.326-.204.208-.32.49-.32.785v11.112c0 .294.116.577.32.785.205.209.482.326.772.326h2.85a1.075 1.075 0 01.885.461 1.122 1.122 0 01.15 1.001l-.364 1.112a1.11 1.11 0 01-.397.55c-.185.136-.408.209-.637.209H6.24c-.229 0-.452-.073-.638-.21a1.11 1.11 0 01-.397-.55l-.652-1.994a1.114 1.114 0 00-.294-.465 1.086 1.086 0 00-.477-.263l-2.956-.752a1.09 1.09 0 01-.595-.394A1.124 1.124 0 010 16.688V7.312c0-.248.081-.489.231-.684.15-.195.36-.334.595-.394l2.957-.753c.178-.045.342-.136.477-.263.134-.127.235-.287.293-.464l.653-1.995a1.11 1.11 0 01.397-.55C5.788 2.075 6.01 2 6.24 2h1.701z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#99d52a" d="M7.941 2c.23 0 .452.073.638.21.186.136.325.328.397.55l.593 1.814c.073.221.212.413.397.55.186.136.409.21.638.21h2.791c.23 0 .452-.074.638-.21a1.11 1.11 0 00.397-.55l.594-1.815a1.11 1.11 0 01.397-.55c.185-.136.408-.209.637-.209h1.7c.23 0 .453.073.639.21.185.136.324.328.397.55l.652 1.994c.118.361.41.635.77.728l2.957.752c.236.06.446.199.596.394.15.195.23.436.231.684v9.376c0 .248-.081.488-.231.684a1.09 1.09 0 01-.595.394l-2.957.752a1.086 1.086 0 00-.477.263 1.114 1.114 0 00-.293.465l-.653 1.994a1.11 1.11 0 01-.396.55c-.186.136-.41.21-.638.21h-1.702c-.229 0-.452-.073-.637-.21a1.11 1.11 0 01-.397-.55l-.364-1.11a1.131 1.131 0 01.15-1.002 1.074 1.074 0 01.885-.462h2.85c.29 0 .567-.116.772-.325.204-.208.32-.49.32-.785V6.444c0-.294-.116-.577-.32-.785a1.08 1.08 0 00-.771-.326h-3.273c-.29 0-.567.117-.772.326-.204.208-.32.49-.32.785v7.778c0 .295-.114.578-.319.786a1.08 1.08 0 01-.771.325h-2.182a1.08 1.08 0 01-.771-.325 1.122 1.122 0 01-.32-.786V6.444c0-.294-.115-.577-.32-.785a1.081 1.081 0 00-.77-.326H5.454c-.29 0-.567.117-.772.326-.204.208-.32.49-.32.785v11.112c0 .294.116.577.32.785.205.209.482.326.772.326h2.85a1.075 1.075 0 01.885.461 1.122 1.122 0 01.15 1.001l-.364 1.112a1.11 1.11 0 01-.397.55c-.185.136-.408.209-.637.209H6.24c-.229 0-.452-.073-.638-.21a1.11 1.11 0 01-.397-.55l-.652-1.994a1.114 1.114 0 00-.294-.465 1.086 1.086 0 00-.477-.263l-2.956-.752a1.09 1.09 0 01-.595-.394A1.124 1.124 0 010 16.688V7.312c0-.248.081-.489.231-.684.15-.195.36-.334.595-.394l2.957-.753c.178-.045.342-.136.477-.263.134-.127.235-.287.293-.464l.653-1.995a1.11 1.11 0 01.397-.55C5.788 2.075 6.01 2 6.24 2h1.701z"/></svg> </template>
CSS
.icon-morph-color {
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%22%2399d52a%22%20d%3D%22M7.941%202c.23%200%20.452.073.638.21.186.136.325.328.397.55l.593%201.814c.073.221.212.413.397.55.186.136.409.21.638.21h2.791c.23%200%20.452-.074.638-.21a1.11%201.11%200%2000.397-.55l.594-1.815a1.11%201.11%200%2001.397-.55c.185-.136.408-.209.637-.209h1.7c.23%200%20.453.073.639.21.185.136.324.328.397.55l.652%201.994c.118.361.41.635.77.728l2.957.752c.236.06.446.199.596.394.15.195.23.436.231.684v9.376c0%20.248-.081.488-.231.684a1.09%201.09%200%2001-.595.394l-2.957.752a1.086%201.086%200%2000-.477.263%201.114%201.114%200%2000-.293.465l-.653%201.994a1.11%201.11%200%2001-.396.55c-.186.136-.41.21-.638.21h-1.702c-.229%200-.452-.073-.637-.21a1.11%201.11%200%2001-.397-.55l-.364-1.11a1.131%201.131%200%2001.15-1.002%201.074%201.074%200%2001.885-.462h2.85c.29%200%20.567-.116.772-.325.204-.208.32-.49.32-.785V6.444c0-.294-.116-.577-.32-.785a1.08%201.08%200%2000-.771-.326h-3.273c-.29%200-.567.117-.772.326-.204.208-.32.49-.32.785v7.778c0%20.295-.114.578-.319.786a1.08%201.08%200%2001-.771.325h-2.182a1.08%201.08%200%2001-.771-.325%201.122%201.122%200%2001-.32-.786V6.444c0-.294-.115-.577-.32-.785a1.081%201.081%200%2000-.77-.326H5.454c-.29%200-.567.117-.772.326-.204.208-.32.49-.32.785v11.112c0%20.294.116.577.32.785.205.209.482.326.772.326h2.85a1.075%201.075%200%2001.885.461%201.122%201.122%200%2001.15%201.001l-.364%201.112a1.11%201.11%200%2001-.397.55c-.185.136-.408.209-.637.209H6.24c-.229%200-.452-.073-.638-.21a1.11%201.11%200%2001-.397-.55l-.652-1.994a1.114%201.114%200%2000-.294-.465%201.086%201.086%200%2000-.477-.263l-2.956-.752a1.09%201.09%200%2001-.595-.394A1.124%201.124%200%20010%2016.688V7.312c0-.248.081-.489.231-.684.15-.195.36-.334.595-.394l2.957-.753c.178-.045.342-.136.477-.263.134-.127.235-.287.293-.464l.653-1.995a1.11%201.11%200%2001.397-.55C5.788%202.075%206.01%202%206.24%202h1.701z%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%22%2399d52a%22%20d%3D%22M7.941%202c.23%200%20.452.073.638.21.186.136.325.328.397.55l.593%201.814c.073.221.212.413.397.55.186.136.409.21.638.21h2.791c.23%200%20.452-.074.638-.21a1.11%201.11%200%2000.397-.55l.594-1.815a1.11%201.11%200%2001.397-.55c.185-.136.408-.209.637-.209h1.7c.23%200%20.453.073.639.21.185.136.324.328.397.55l.652%201.994c.118.361.41.635.77.728l2.957.752c.236.06.446.199.596.394.15.195.23.436.231.684v9.376c0%20.248-.081.488-.231.684a1.09%201.09%200%2001-.595.394l-2.957.752a1.086%201.086%200%2000-.477.263%201.114%201.114%200%2000-.293.465l-.653%201.994a1.11%201.11%200%2001-.396.55c-.186.136-.41.21-.638.21h-1.702c-.229%200-.452-.073-.637-.21a1.11%201.11%200%2001-.397-.55l-.364-1.11a1.131%201.131%200%2001.15-1.002%201.074%201.074%200%2001.885-.462h2.85c.29%200%20.567-.116.772-.325.204-.208.32-.49.32-.785V6.444c0-.294-.116-.577-.32-.785a1.08%201.08%200%2000-.771-.326h-3.273c-.29%200-.567.117-.772.326-.204.208-.32.49-.32.785v7.778c0%20.295-.114.578-.319.786a1.08%201.08%200%2001-.771.325h-2.182a1.08%201.08%200%2001-.771-.325%201.122%201.122%200%2001-.32-.786V6.444c0-.294-.115-.577-.32-.785a1.081%201.081%200%2000-.77-.326H5.454c-.29%200-.567.117-.772.326-.204.208-.32.49-.32.785v11.112c0%20.294.116.577.32.785.205.209.482.326.772.326h2.85a1.075%201.075%200%2001.885.461%201.122%201.122%200%2001.15%201.001l-.364%201.112a1.11%201.11%200%2001-.397.55c-.185.136-.408.209-.637.209H6.24c-.229%200-.452-.073-.638-.21a1.11%201.11%200%2001-.397-.55l-.652-1.994a1.114%201.114%200%2000-.294-.465%201.086%201.086%200%2000-.477-.263l-2.956-.752a1.09%201.09%200%2001-.595-.394A1.124%201.124%200%20010%2016.688V7.312c0-.248.081-.489.231-.684.15-.195.36-.334.595-.394l2.957-.753c.178-.045.342-.136.477-.263.134-.127.235-.287.293-.464l.653-1.995a1.11%201.11%200%2001.397-.55C5.788%202.075%206.01%202%206.24%202h1.701z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/morph-color.svg?color=%231a73e8&size=48
