ifanr cloud logo

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

Name
ifanr-cloud
Set
Material Icon Theme
Style
Color
Viewbox
256×256
License
MIT

Use the ifanr cloud logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#0288d1" d="M126.9 41.6c30.2 0 56.1 18.5 67.1 44.8c29.2 6.3 51.1 32.2 51.1 63.3c0 35.7-29 64.7-64.7 64.7H60.7c-27.5 0-49.7-22.3-49.7-49.7c0-25.3 18.8-46.1 43.2-49.3v-.8c0-40.3 32.6-73 72.7-73m2.6 49c-3.5 0-6.3 2.8-6.3 6.4v86.7c0 3.5 2.8 6.4 6.3 6.4s6.3-2.8 6.3-6.4V97c0-3.5-2.8-6.4-6.3-6.4m-41 25.7c-.2 10.4-1.6 21-3.7 30.4c-.9 3.9-1.8 7.4-2.8 10.1c-.4 1.2-.8 2.2-1.1 3c-.1.3-.3.6-.4.7c-2.2 2.7-1.7 6.7 1 8.9s6.7 1.8 8.9-1c4.8-6 10.3-30.4 10.7-51.9c.1-3.5-2.7-6.4-6.2-6.5s-6.3 2.8-6.4 6.3m75.3-6.3h-.1c-3.5.1-6.3 3-6.2 6.5c.4 21.5 5.9 45.9 10.7 51.9c2.2 2.7 6.2 3.2 8.9 1s3.1-6.2 1-8.9c-.1-.2-.2-.4-.4-.7c-.3-.7-.7-1.8-1.1-3c-.9-2.7-1.9-6.2-2.8-10.1c-2.1-9.4-3.5-20-3.7-30.4c-.1-3.5-3-6.3-6.5-6.2z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeIfanrCloud(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#0288d1" d="M126.9 41.6c30.2 0 56.1 18.5 67.1 44.8c29.2 6.3 51.1 32.2 51.1 63.3c0 35.7-29 64.7-64.7 64.7H60.7c-27.5 0-49.7-22.3-49.7-49.7c0-25.3 18.8-46.1 43.2-49.3v-.8c0-40.3 32.6-73 72.7-73m2.6 49c-3.5 0-6.3 2.8-6.3 6.4v86.7c0 3.5 2.8 6.4 6.3 6.4s6.3-2.8 6.3-6.4V97c0-3.5-2.8-6.4-6.3-6.4m-41 25.7c-.2 10.4-1.6 21-3.7 30.4c-.9 3.9-1.8 7.4-2.8 10.1c-.4 1.2-.8 2.2-1.1 3c-.1.3-.3.6-.4.7c-2.2 2.7-1.7 6.7 1 8.9s6.7 1.8 8.9-1c4.8-6 10.3-30.4 10.7-51.9c.1-3.5-2.7-6.4-6.2-6.5s-6.3 2.8-6.4 6.3m75.3-6.3h-.1c-3.5.1-6.3 3-6.2 6.5c.4 21.5 5.9 45.9 10.7 51.9c2.2 2.7 6.2 3.2 8.9 1s3.1-6.2 1-8.9c-.1-.2-.2-.4-.4-.7c-.3-.7-.7-1.8-1.1-3c-.9-2.7-1.9-6.2-2.8-10.1c-2.1-9.4-3.5-20-3.7-30.4c-.1-3.5-3-6.3-6.5-6.2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#0288d1" d="M126.9 41.6c30.2 0 56.1 18.5 67.1 44.8c29.2 6.3 51.1 32.2 51.1 63.3c0 35.7-29 64.7-64.7 64.7H60.7c-27.5 0-49.7-22.3-49.7-49.7c0-25.3 18.8-46.1 43.2-49.3v-.8c0-40.3 32.6-73 72.7-73m2.6 49c-3.5 0-6.3 2.8-6.3 6.4v86.7c0 3.5 2.8 6.4 6.3 6.4s6.3-2.8 6.3-6.4V97c0-3.5-2.8-6.4-6.3-6.4m-41 25.7c-.2 10.4-1.6 21-3.7 30.4c-.9 3.9-1.8 7.4-2.8 10.1c-.4 1.2-.8 2.2-1.1 3c-.1.3-.3.6-.4.7c-2.2 2.7-1.7 6.7 1 8.9s6.7 1.8 8.9-1c4.8-6 10.3-30.4 10.7-51.9c.1-3.5-2.7-6.4-6.2-6.5s-6.3 2.8-6.4 6.3m75.3-6.3h-.1c-3.5.1-6.3 3-6.2 6.5c.4 21.5 5.9 45.9 10.7 51.9c2.2 2.7 6.2 3.2 8.9 1s3.1-6.2 1-8.9c-.1-.2-.2-.4-.4-.7c-.3-.7-.7-1.8-1.1-3c-.9-2.7-1.9-6.2-2.8-10.1c-2.1-9.4-3.5-20-3.7-30.4c-.1-3.5-3-6.3-6.5-6.2z"/></svg>
</template>

CSS

.icon-ifanr-cloud {
  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%230288d1%22%20d%3D%22M126.9%2041.6c30.2%200%2056.1%2018.5%2067.1%2044.8c29.2%206.3%2051.1%2032.2%2051.1%2063.3c0%2035.7-29%2064.7-64.7%2064.7H60.7c-27.5%200-49.7-22.3-49.7-49.7c0-25.3%2018.8-46.1%2043.2-49.3v-.8c0-40.3%2032.6-73%2072.7-73m2.6%2049c-3.5%200-6.3%202.8-6.3%206.4v86.7c0%203.5%202.8%206.4%206.3%206.4s6.3-2.8%206.3-6.4V97c0-3.5-2.8-6.4-6.3-6.4m-41%2025.7c-.2%2010.4-1.6%2021-3.7%2030.4c-.9%203.9-1.8%207.4-2.8%2010.1c-.4%201.2-.8%202.2-1.1%203c-.1.3-.3.6-.4.7c-2.2%202.7-1.7%206.7%201%208.9s6.7%201.8%208.9-1c4.8-6%2010.3-30.4%2010.7-51.9c.1-3.5-2.7-6.4-6.2-6.5s-6.3%202.8-6.4%206.3m75.3-6.3h-.1c-3.5.1-6.3%203-6.2%206.5c.4%2021.5%205.9%2045.9%2010.7%2051.9c2.2%202.7%206.2%203.2%208.9%201s3.1-6.2%201-8.9c-.1-.2-.2-.4-.4-.7c-.3-.7-.7-1.8-1.1-3c-.9-2.7-1.9-6.2-2.8-10.1c-2.1-9.4-3.5-20-3.7-30.4c-.1-3.5-3-6.3-6.5-6.2z%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%230288d1%22%20d%3D%22M126.9%2041.6c30.2%200%2056.1%2018.5%2067.1%2044.8c29.2%206.3%2051.1%2032.2%2051.1%2063.3c0%2035.7-29%2064.7-64.7%2064.7H60.7c-27.5%200-49.7-22.3-49.7-49.7c0-25.3%2018.8-46.1%2043.2-49.3v-.8c0-40.3%2032.6-73%2072.7-73m2.6%2049c-3.5%200-6.3%202.8-6.3%206.4v86.7c0%203.5%202.8%206.4%206.3%206.4s6.3-2.8%206.3-6.4V97c0-3.5-2.8-6.4-6.3-6.4m-41%2025.7c-.2%2010.4-1.6%2021-3.7%2030.4c-.9%203.9-1.8%207.4-2.8%2010.1c-.4%201.2-.8%202.2-1.1%203c-.1.3-.3.6-.4.7c-2.2%202.7-1.7%206.7%201%208.9s6.7%201.8%208.9-1c4.8-6%2010.3-30.4%2010.7-51.9c.1-3.5-2.7-6.4-6.2-6.5s-6.3%202.8-6.4%206.3m75.3-6.3h-.1c-3.5.1-6.3%203-6.2%206.5c.4%2021.5%205.9%2045.9%2010.7%2051.9c2.2%202.7%206.2%203.2%208.9%201s3.1-6.2%201-8.9c-.1-.2-.2-.4-.4-.7c-.3-.7-.7-1.8-1.1-3c-.9-2.7-1.9-6.2-2.8-10.1c-2.1-9.4-3.5-20-3.7-30.4c-.1-3.5-3-6.3-6.5-6.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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