overcast logo
overcast from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- overcast
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the overcast logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 24C5.389 24.018.017 18.671 0 12.061V12C0 5.35 5.351 0 12 0s12 5.35 12 12c0 6.649-5.351 12-12 12m0-4.751l.9-.899l-.9-3.45l-.9 3.45zm-1.15-.05L10.4 20.9l1.05-1.052zm2.3 0l-.6.601l1.05 1.051zm.85 3.102L12 20.3l-2 2.001c.65.1 1.3.199 2 .199s1.35-.05 2-.199M12 1.5C6.201 1.5 1.5 6.201 1.5 12a10.45 10.45 0 0 0 7.051 9.899l2.25-8.35a1.95 1.95 0 0 1-.801-1.6c0-1.101.9-2.001 2-2.001s2 .9 2 2.001c0 .649-.301 1.2-.801 1.6l2.25 8.35A10.445 10.445 0 0 0 22.5 12c0-5.799-4.701-10.5-10.5-10.5m6.85 15.7a.774.774 0 0 1-1.049.15a.68.68 0 0 1-.15-1.001s1.35-1.799 1.35-4.35s-1.35-4.35-1.35-4.35a.68.68 0 0 1 .151-1.001a.774.774 0 0 1 1.049.15c.1.101 1.65 2.15 1.65 5.2S18.949 17.1 18.85 17.2m-3.651-1.95c-.3-.3-.249-.85.051-1.15c0 0 .75-.799.75-2.1s-.75-2.051-.75-2.1c-.3-.301-.3-.801-.051-1.15a.69.69 0 0 1 1.051-.051C16.301 8.75 17.5 10 17.5 12s-1.199 3.25-1.25 3.301c-.301.299-.75.25-1.051-.051m-6.398 0c-.301.301-.75.35-1.051.051C7.699 15.199 6.5 14 6.5 12s1.199-3.199 1.25-3.301c.301-.299.801-.299 1.051.051c.3.3.249.85-.051 1.15c0 .049-.75.799-.75 2.1s.75 2.1.75 2.1c.3.3.351.799.051 1.15m-2.602 2.101a.776.776 0 0 1-1.05-.15C5.051 17.1 3.5 15.05 3.5 12s1.551-5.1 1.649-5.2a.774.774 0 0 1 1.05-.15a.68.68 0 0 1 .151 1S5 9.449 5 12s1.35 4.35 1.35 4.35c.25.3.15.75-.151 1.001"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsOvercast(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 24C5.389 24.018.017 18.671 0 12.061V12C0 5.35 5.351 0 12 0s12 5.35 12 12c0 6.649-5.351 12-12 12m0-4.751l.9-.899l-.9-3.45l-.9 3.45zm-1.15-.05L10.4 20.9l1.05-1.052zm2.3 0l-.6.601l1.05 1.051zm.85 3.102L12 20.3l-2 2.001c.65.1 1.3.199 2 .199s1.35-.05 2-.199M12 1.5C6.201 1.5 1.5 6.201 1.5 12a10.45 10.45 0 0 0 7.051 9.899l2.25-8.35a1.95 1.95 0 0 1-.801-1.6c0-1.101.9-2.001 2-2.001s2 .9 2 2.001c0 .649-.301 1.2-.801 1.6l2.25 8.35A10.445 10.445 0 0 0 22.5 12c0-5.799-4.701-10.5-10.5-10.5m6.85 15.7a.774.774 0 0 1-1.049.15a.68.68 0 0 1-.15-1.001s1.35-1.799 1.35-4.35s-1.35-4.35-1.35-4.35a.68.68 0 0 1 .151-1.001a.774.774 0 0 1 1.049.15c.1.101 1.65 2.15 1.65 5.2S18.949 17.1 18.85 17.2m-3.651-1.95c-.3-.3-.249-.85.051-1.15c0 0 .75-.799.75-2.1s-.75-2.051-.75-2.1c-.3-.301-.3-.801-.051-1.15a.69.69 0 0 1 1.051-.051C16.301 8.75 17.5 10 17.5 12s-1.199 3.25-1.25 3.301c-.301.299-.75.25-1.051-.051m-6.398 0c-.301.301-.75.35-1.051.051C7.699 15.199 6.5 14 6.5 12s1.199-3.199 1.25-3.301c.301-.299.801-.299 1.051.051c.3.3.249.85-.051 1.15c0 .049-.75.799-.75 2.1s.75 2.1.75 2.1c.3.3.351.799.051 1.15m-2.602 2.101a.776.776 0 0 1-1.05-.15C5.051 17.1 3.5 15.05 3.5 12s1.551-5.1 1.649-5.2a.774.774 0 0 1 1.05-.15a.68.68 0 0 1 .151 1S5 9.449 5 12s1.35 4.35 1.35 4.35c.25.3.15.75-.151 1.001"/></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 24C5.389 24.018.017 18.671 0 12.061V12C0 5.35 5.351 0 12 0s12 5.35 12 12c0 6.649-5.351 12-12 12m0-4.751l.9-.899l-.9-3.45l-.9 3.45zm-1.15-.05L10.4 20.9l1.05-1.052zm2.3 0l-.6.601l1.05 1.051zm.85 3.102L12 20.3l-2 2.001c.65.1 1.3.199 2 .199s1.35-.05 2-.199M12 1.5C6.201 1.5 1.5 6.201 1.5 12a10.45 10.45 0 0 0 7.051 9.899l2.25-8.35a1.95 1.95 0 0 1-.801-1.6c0-1.101.9-2.001 2-2.001s2 .9 2 2.001c0 .649-.301 1.2-.801 1.6l2.25 8.35A10.445 10.445 0 0 0 22.5 12c0-5.799-4.701-10.5-10.5-10.5m6.85 15.7a.774.774 0 0 1-1.049.15a.68.68 0 0 1-.15-1.001s1.35-1.799 1.35-4.35s-1.35-4.35-1.35-4.35a.68.68 0 0 1 .151-1.001a.774.774 0 0 1 1.049.15c.1.101 1.65 2.15 1.65 5.2S18.949 17.1 18.85 17.2m-3.651-1.95c-.3-.3-.249-.85.051-1.15c0 0 .75-.799.75-2.1s-.75-2.051-.75-2.1c-.3-.301-.3-.801-.051-1.15a.69.69 0 0 1 1.051-.051C16.301 8.75 17.5 10 17.5 12s-1.199 3.25-1.25 3.301c-.301.299-.75.25-1.051-.051m-6.398 0c-.301.301-.75.35-1.051.051C7.699 15.199 6.5 14 6.5 12s1.199-3.199 1.25-3.301c.301-.299.801-.299 1.051.051c.3.3.249.85-.051 1.15c0 .049-.75.799-.75 2.1s.75 2.1.75 2.1c.3.3.351.799.051 1.15m-2.602 2.101a.776.776 0 0 1-1.05-.15C5.051 17.1 3.5 15.05 3.5 12s1.551-5.1 1.649-5.2a.774.774 0 0 1 1.05-.15a.68.68 0 0 1 .151 1S5 9.449 5 12s1.35 4.35 1.35 4.35c.25.3.15.75-.151 1.001"/></svg> </template>
CSS
.icon-overcast {
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%2024C5.389%2024.018.017%2018.671%200%2012.061V12C0%205.35%205.351%200%2012%200s12%205.35%2012%2012c0%206.649-5.351%2012-12%2012m0-4.751l.9-.899l-.9-3.45l-.9%203.45zm-1.15-.05L10.4%2020.9l1.05-1.052zm2.3%200l-.6.601l1.05%201.051zm.85%203.102L12%2020.3l-2%202.001c.65.1%201.3.199%202%20.199s1.35-.05%202-.199M12%201.5C6.201%201.5%201.5%206.201%201.5%2012a10.45%2010.45%200%200%200%207.051%209.899l2.25-8.35a1.95%201.95%200%200%201-.801-1.6c0-1.101.9-2.001%202-2.001s2%20.9%202%202.001c0%20.649-.301%201.2-.801%201.6l2.25%208.35A10.445%2010.445%200%200%200%2022.5%2012c0-5.799-4.701-10.5-10.5-10.5m6.85%2015.7a.774.774%200%200%201-1.049.15a.68.68%200%200%201-.15-1.001s1.35-1.799%201.35-4.35s-1.35-4.35-1.35-4.35a.68.68%200%200%201%20.151-1.001a.774.774%200%200%201%201.049.15c.1.101%201.65%202.15%201.65%205.2S18.949%2017.1%2018.85%2017.2m-3.651-1.95c-.3-.3-.249-.85.051-1.15c0%200%20.75-.799.75-2.1s-.75-2.051-.75-2.1c-.3-.301-.3-.801-.051-1.15a.69.69%200%200%201%201.051-.051C16.301%208.75%2017.5%2010%2017.5%2012s-1.199%203.25-1.25%203.301c-.301.299-.75.25-1.051-.051m-6.398%200c-.301.301-.75.35-1.051.051C7.699%2015.199%206.5%2014%206.5%2012s1.199-3.199%201.25-3.301c.301-.299.801-.299%201.051.051c.3.3.249.85-.051%201.15c0%20.049-.75.799-.75%202.1s.75%202.1.75%202.1c.3.3.351.799.051%201.15m-2.602%202.101a.776.776%200%200%201-1.05-.15C5.051%2017.1%203.5%2015.05%203.5%2012s1.551-5.1%201.649-5.2a.774.774%200%200%201%201.05-.15a.68.68%200%200%201%20.151%201S5%209.449%205%2012s1.35%204.35%201.35%204.35c.25.3.15.75-.151%201.001%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%2024C5.389%2024.018.017%2018.671%200%2012.061V12C0%205.35%205.351%200%2012%200s12%205.35%2012%2012c0%206.649-5.351%2012-12%2012m0-4.751l.9-.899l-.9-3.45l-.9%203.45zm-1.15-.05L10.4%2020.9l1.05-1.052zm2.3%200l-.6.601l1.05%201.051zm.85%203.102L12%2020.3l-2%202.001c.65.1%201.3.199%202%20.199s1.35-.05%202-.199M12%201.5C6.201%201.5%201.5%206.201%201.5%2012a10.45%2010.45%200%200%200%207.051%209.899l2.25-8.35a1.95%201.95%200%200%201-.801-1.6c0-1.101.9-2.001%202-2.001s2%20.9%202%202.001c0%20.649-.301%201.2-.801%201.6l2.25%208.35A10.445%2010.445%200%200%200%2022.5%2012c0-5.799-4.701-10.5-10.5-10.5m6.85%2015.7a.774.774%200%200%201-1.049.15a.68.68%200%200%201-.15-1.001s1.35-1.799%201.35-4.35s-1.35-4.35-1.35-4.35a.68.68%200%200%201%20.151-1.001a.774.774%200%200%201%201.049.15c.1.101%201.65%202.15%201.65%205.2S18.949%2017.1%2018.85%2017.2m-3.651-1.95c-.3-.3-.249-.85.051-1.15c0%200%20.75-.799.75-2.1s-.75-2.051-.75-2.1c-.3-.301-.3-.801-.051-1.15a.69.69%200%200%201%201.051-.051C16.301%208.75%2017.5%2010%2017.5%2012s-1.199%203.25-1.25%203.301c-.301.299-.75.25-1.051-.051m-6.398%200c-.301.301-.75.35-1.051.051C7.699%2015.199%206.5%2014%206.5%2012s1.199-3.199%201.25-3.301c.301-.299.801-.299%201.051.051c.3.3.249.85-.051%201.15c0%20.049-.75.799-.75%202.1s.75%202.1.75%202.1c.3.3.351.799.051%201.15m-2.602%202.101a.776.776%200%200%201-1.05-.15C5.051%2017.1%203.5%2015.05%203.5%2012s1.551-5.1%201.649-5.2a.774.774%200%200%201%201.05-.15a.68.68%200%200%201%20.151%201S5%209.449%205%2012s1.35%204.35%201.35%204.35c.25.3.15.75-.151%201.001%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/overcast.svg?color=%231a73e8&size=48
