statecloud logo
statecloud-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- statecloud-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the statecloud logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#df0428" fill-rule="evenodd" d="M15.509 6.023a3.975 3.975 0 014.49 2.442A5.343 5.343 0 0124 13.653C23.999 16.605 21.623 19 18.689 19a5.307 5.307 0 01-4.903-3.303 5.228 5.228 0 01-.399-1.907h-1.343a.105.105 0 01-.074-.18l2.733-2.752a.13.13 0 01.185 0l2.734 2.754c.065.066.019.18-.074.18l-1.42-.001c.047.338.152.673.325.99a2.844 2.844 0 003.954 1.09c1.218-.723 1.732-2.29 1.177-3.6a2.855 2.855 0 00-3.386-1.65 2.03 2.03 0 00-.935-2.366 1.998 1.998 0 00-2.492.431c-.68-1.629-2.363-2.68-4.19-2.463-1.974.234-3.442 1.87-3.553 3.802a3.184 3.184 0 00-3.279.135 3.25 3.25 0 00-1.336 3.588 3.214 3.214 0 003.093 2.356l7.153.003c.055 0 .104.033.125.083a6.495 6.495 0 001.418 2.088c.053.053.018.142-.056.142l-8.637-.003h-.006C2.463 18.416-.001 15.93 0 12.868c.001-3.065 2.468-5.546 5.507-5.544h.008A6.136 6.136 0 0110.964 4c1.801 0 3.421.781 4.545 2.023z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function LobehubStatecloudColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#df0428" fillRule="evenodd" d="M15.509 6.023a3.975 3.975 0 014.49 2.442A5.343 5.343 0 0124 13.653C23.999 16.605 21.623 19 18.689 19a5.307 5.307 0 01-4.903-3.303 5.228 5.228 0 01-.399-1.907h-1.343a.105.105 0 01-.074-.18l2.733-2.752a.13.13 0 01.185 0l2.734 2.754c.065.066.019.18-.074.18l-1.42-.001c.047.338.152.673.325.99a2.844 2.844 0 003.954 1.09c1.218-.723 1.732-2.29 1.177-3.6a2.855 2.855 0 00-3.386-1.65 2.03 2.03 0 00-.935-2.366 1.998 1.998 0 00-2.492.431c-.68-1.629-2.363-2.68-4.19-2.463-1.974.234-3.442 1.87-3.553 3.802a3.184 3.184 0 00-3.279.135 3.25 3.25 0 00-1.336 3.588 3.214 3.214 0 003.093 2.356l7.153.003c.055 0 .104.033.125.083a6.495 6.495 0 001.418 2.088c.053.053.018.142-.056.142l-8.637-.003h-.006C2.463 18.416-.001 15.93 0 12.868c.001-3.065 2.468-5.546 5.507-5.544h.008A6.136 6.136 0 0110.964 4c1.801 0 3.421.781 4.545 2.023z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#df0428" fill-rule="evenodd" d="M15.509 6.023a3.975 3.975 0 014.49 2.442A5.343 5.343 0 0124 13.653C23.999 16.605 21.623 19 18.689 19a5.307 5.307 0 01-4.903-3.303 5.228 5.228 0 01-.399-1.907h-1.343a.105.105 0 01-.074-.18l2.733-2.752a.13.13 0 01.185 0l2.734 2.754c.065.066.019.18-.074.18l-1.42-.001c.047.338.152.673.325.99a2.844 2.844 0 003.954 1.09c1.218-.723 1.732-2.29 1.177-3.6a2.855 2.855 0 00-3.386-1.65 2.03 2.03 0 00-.935-2.366 1.998 1.998 0 00-2.492.431c-.68-1.629-2.363-2.68-4.19-2.463-1.974.234-3.442 1.87-3.553 3.802a3.184 3.184 0 00-3.279.135 3.25 3.25 0 00-1.336 3.588 3.214 3.214 0 003.093 2.356l7.153.003c.055 0 .104.033.125.083a6.495 6.495 0 001.418 2.088c.053.053.018.142-.056.142l-8.637-.003h-.006C2.463 18.416-.001 15.93 0 12.868c.001-3.065 2.468-5.546 5.507-5.544h.008A6.136 6.136 0 0110.964 4c1.801 0 3.421.781 4.545 2.023z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-statecloud-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%23df0428%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.509%206.023a3.975%203.975%200%20014.49%202.442A5.343%205.343%200%200124%2013.653C23.999%2016.605%2021.623%2019%2018.689%2019a5.307%205.307%200%2001-4.903-3.303%205.228%205.228%200%2001-.399-1.907h-1.343a.105.105%200%2001-.074-.18l2.733-2.752a.13.13%200%2001.185%200l2.734%202.754c.065.066.019.18-.074.18l-1.42-.001c.047.338.152.673.325.99a2.844%202.844%200%20003.954%201.09c1.218-.723%201.732-2.29%201.177-3.6a2.855%202.855%200%2000-3.386-1.65%202.03%202.03%200%2000-.935-2.366%201.998%201.998%200%2000-2.492.431c-.68-1.629-2.363-2.68-4.19-2.463-1.974.234-3.442%201.87-3.553%203.802a3.184%203.184%200%2000-3.279.135%203.25%203.25%200%2000-1.336%203.588%203.214%203.214%200%20003.093%202.356l7.153.003c.055%200%20.104.033.125.083a6.495%206.495%200%20001.418%202.088c.053.053.018.142-.056.142l-8.637-.003h-.006C2.463%2018.416-.001%2015.93%200%2012.868c.001-3.065%202.468-5.546%205.507-5.544h.008A6.136%206.136%200%200110.964%204c1.801%200%203.421.781%204.545%202.023z%22%20clip-rule%3D%22evenodd%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%23df0428%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.509%206.023a3.975%203.975%200%20014.49%202.442A5.343%205.343%200%200124%2013.653C23.999%2016.605%2021.623%2019%2018.689%2019a5.307%205.307%200%2001-4.903-3.303%205.228%205.228%200%2001-.399-1.907h-1.343a.105.105%200%2001-.074-.18l2.733-2.752a.13.13%200%2001.185%200l2.734%202.754c.065.066.019.18-.074.18l-1.42-.001c.047.338.152.673.325.99a2.844%202.844%200%20003.954%201.09c1.218-.723%201.732-2.29%201.177-3.6a2.855%202.855%200%2000-3.386-1.65%202.03%202.03%200%2000-.935-2.366%201.998%201.998%200%2000-2.492.431c-.68-1.629-2.363-2.68-4.19-2.463-1.974.234-3.442%201.87-3.553%203.802a3.184%203.184%200%2000-3.279.135%203.25%203.25%200%2000-1.336%203.588%203.214%203.214%200%20003.093%202.356l7.153.003c.055%200%20.104.033.125.083a6.495%206.495%200%20001.418%202.088c.053.053.018.142-.056.142l-8.637-.003h-.006C2.463%2018.416-.001%2015.93%200%2012.868c.001-3.065%202.468-5.546%205.507-5.544h.008A6.136%206.136%200%200110.964%204c1.801%200%203.421.781%204.545%202.023z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/statecloud-color.svg?color=%231a73e8&size=48
