overcast logo
overcast from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- overcast
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- 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 32 32"><path fill="currentColor" d="M16 32C7.188 32.027.021 24.896 0 16.083V16C0 7.136 7.136 0 16 0s16 7.136 16 16s-7.136 16-16 16m0-6.333l1.197-1.197L16 19.865l-1.197 4.605zm-1.531-.068l-.605 2.265l1.401-1.4zm3.062 0l-.796.803l1.401 1.401zm1.136 4.136L16 27.068l-2.667 2.667c.864.135 1.735.265 2.667.265s1.803-.068 2.667-.265M16 2C8.265 2 2 8.265 2 16a13.92 13.92 0 0 0 9.401 13.197l3-11.129a2.6 2.6 0 0 1-1.068-2.136c0-1.468 1.197-2.667 2.667-2.667s2.667 1.199 2.667 2.667c0 .865-.401 1.599-1.068 2.136l3 11.129A13.92 13.92 0 0 0 30 16c0-7.735-6.265-14-14-14m9.136 20.932a1.034 1.034 0 0 1-1.401.204a.913.913 0 0 1-.261-1.256q.032-.045.063-.083s1.797-2.396 1.797-5.797s-1.797-5.803-1.797-5.803a.903.903 0 0 1 .12-1.276q.04-.032.079-.057a1.037 1.037 0 0 1 1.401.199c.129.135 2.197 2.869 2.197 6.932c0 4.068-2.068 6.808-2.197 6.937zm-4.871-2.599c-.401-.401-.333-1.136.068-1.531c0 0 1-1.068 1-2.803s-1-2.735-1-2.803c-.401-.4-.401-1.067-.068-1.531a.92.92 0 0 1 1.401-.068c.068.068 1.667 1.735 1.667 4.401s-1.599 4.333-1.667 4.401c-.401.401-1 .333-1.401-.068zm-8.53 0c-.401.401-1 .469-1.401.068c-.068-.136-1.667-1.735-1.667-4.401s1.599-4.265 1.667-4.401c.401-.401 1.068-.401 1.401.068c.401.401.333 1.136-.068 1.531c0 .068-1 1.068-1 2.803s1 2.803 1 2.803c.401.395.469 1.061.068 1.531zm-3.47 2.803a1.034 1.034 0 0 1-1.401-.204c-.129-.129-2.197-2.864-2.197-6.932s2.068-6.803 2.197-6.932a1.034 1.034 0 0 1 1.401-.204a.913.913 0 0 1 .261 1.256c-.021.025-.043.057-.057.077c0 0-1.803 2.401-1.803 5.803s1.803 5.803 1.803 5.803c.333.395.197 1-.204 1.333"/></svg>
React
import type { SVGProps } from "react";
export function CibOvercast(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 32C7.188 32.027.021 24.896 0 16.083V16C0 7.136 7.136 0 16 0s16 7.136 16 16s-7.136 16-16 16m0-6.333l1.197-1.197L16 19.865l-1.197 4.605zm-1.531-.068l-.605 2.265l1.401-1.4zm3.062 0l-.796.803l1.401 1.401zm1.136 4.136L16 27.068l-2.667 2.667c.864.135 1.735.265 2.667.265s1.803-.068 2.667-.265M16 2C8.265 2 2 8.265 2 16a13.92 13.92 0 0 0 9.401 13.197l3-11.129a2.6 2.6 0 0 1-1.068-2.136c0-1.468 1.197-2.667 2.667-2.667s2.667 1.199 2.667 2.667c0 .865-.401 1.599-1.068 2.136l3 11.129A13.92 13.92 0 0 0 30 16c0-7.735-6.265-14-14-14m9.136 20.932a1.034 1.034 0 0 1-1.401.204a.913.913 0 0 1-.261-1.256q.032-.045.063-.083s1.797-2.396 1.797-5.797s-1.797-5.803-1.797-5.803a.903.903 0 0 1 .12-1.276q.04-.032.079-.057a1.037 1.037 0 0 1 1.401.199c.129.135 2.197 2.869 2.197 6.932c0 4.068-2.068 6.808-2.197 6.937zm-4.871-2.599c-.401-.401-.333-1.136.068-1.531c0 0 1-1.068 1-2.803s-1-2.735-1-2.803c-.401-.4-.401-1.067-.068-1.531a.92.92 0 0 1 1.401-.068c.068.068 1.667 1.735 1.667 4.401s-1.599 4.333-1.667 4.401c-.401.401-1 .333-1.401-.068zm-8.53 0c-.401.401-1 .469-1.401.068c-.068-.136-1.667-1.735-1.667-4.401s1.599-4.265 1.667-4.401c.401-.401 1.068-.401 1.401.068c.401.401.333 1.136-.068 1.531c0 .068-1 1.068-1 2.803s1 2.803 1 2.803c.401.395.469 1.061.068 1.531zm-3.47 2.803a1.034 1.034 0 0 1-1.401-.204c-.129-.129-2.197-2.864-2.197-6.932s2.068-6.803 2.197-6.932a1.034 1.034 0 0 1 1.401-.204a.913.913 0 0 1 .261 1.256c-.021.025-.043.057-.057.077c0 0-1.803 2.401-1.803 5.803s1.803 5.803 1.803 5.803c.333.395.197 1-.204 1.333"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 32C7.188 32.027.021 24.896 0 16.083V16C0 7.136 7.136 0 16 0s16 7.136 16 16s-7.136 16-16 16m0-6.333l1.197-1.197L16 19.865l-1.197 4.605zm-1.531-.068l-.605 2.265l1.401-1.4zm3.062 0l-.796.803l1.401 1.401zm1.136 4.136L16 27.068l-2.667 2.667c.864.135 1.735.265 2.667.265s1.803-.068 2.667-.265M16 2C8.265 2 2 8.265 2 16a13.92 13.92 0 0 0 9.401 13.197l3-11.129a2.6 2.6 0 0 1-1.068-2.136c0-1.468 1.197-2.667 2.667-2.667s2.667 1.199 2.667 2.667c0 .865-.401 1.599-1.068 2.136l3 11.129A13.92 13.92 0 0 0 30 16c0-7.735-6.265-14-14-14m9.136 20.932a1.034 1.034 0 0 1-1.401.204a.913.913 0 0 1-.261-1.256q.032-.045.063-.083s1.797-2.396 1.797-5.797s-1.797-5.803-1.797-5.803a.903.903 0 0 1 .12-1.276q.04-.032.079-.057a1.037 1.037 0 0 1 1.401.199c.129.135 2.197 2.869 2.197 6.932c0 4.068-2.068 6.808-2.197 6.937zm-4.871-2.599c-.401-.401-.333-1.136.068-1.531c0 0 1-1.068 1-2.803s-1-2.735-1-2.803c-.401-.4-.401-1.067-.068-1.531a.92.92 0 0 1 1.401-.068c.068.068 1.667 1.735 1.667 4.401s-1.599 4.333-1.667 4.401c-.401.401-1 .333-1.401-.068zm-8.53 0c-.401.401-1 .469-1.401.068c-.068-.136-1.667-1.735-1.667-4.401s1.599-4.265 1.667-4.401c.401-.401 1.068-.401 1.401.068c.401.401.333 1.136-.068 1.531c0 .068-1 1.068-1 2.803s1 2.803 1 2.803c.401.395.469 1.061.068 1.531zm-3.47 2.803a1.034 1.034 0 0 1-1.401-.204c-.129-.129-2.197-2.864-2.197-6.932s2.068-6.803 2.197-6.932a1.034 1.034 0 0 1 1.401-.204a.913.913 0 0 1 .261 1.256c-.021.025-.043.057-.057.077c0 0-1.803 2.401-1.803 5.803s1.803 5.803 1.803 5.803c.333.395.197 1-.204 1.333"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2032C7.188%2032.027.021%2024.896%200%2016.083V16C0%207.136%207.136%200%2016%200s16%207.136%2016%2016s-7.136%2016-16%2016m0-6.333l1.197-1.197L16%2019.865l-1.197%204.605zm-1.531-.068l-.605%202.265l1.401-1.4zm3.062%200l-.796.803l1.401%201.401zm1.136%204.136L16%2027.068l-2.667%202.667c.864.135%201.735.265%202.667.265s1.803-.068%202.667-.265M16%202C8.265%202%202%208.265%202%2016a13.92%2013.92%200%200%200%209.401%2013.197l3-11.129a2.6%202.6%200%200%201-1.068-2.136c0-1.468%201.197-2.667%202.667-2.667s2.667%201.199%202.667%202.667c0%20.865-.401%201.599-1.068%202.136l3%2011.129A13.92%2013.92%200%200%200%2030%2016c0-7.735-6.265-14-14-14m9.136%2020.932a1.034%201.034%200%200%201-1.401.204a.913.913%200%200%201-.261-1.256q.032-.045.063-.083s1.797-2.396%201.797-5.797s-1.797-5.803-1.797-5.803a.903.903%200%200%201%20.12-1.276q.04-.032.079-.057a1.037%201.037%200%200%201%201.401.199c.129.135%202.197%202.869%202.197%206.932c0%204.068-2.068%206.808-2.197%206.937zm-4.871-2.599c-.401-.401-.333-1.136.068-1.531c0%200%201-1.068%201-2.803s-1-2.735-1-2.803c-.401-.4-.401-1.067-.068-1.531a.92.92%200%200%201%201.401-.068c.068.068%201.667%201.735%201.667%204.401s-1.599%204.333-1.667%204.401c-.401.401-1%20.333-1.401-.068zm-8.53%200c-.401.401-1%20.469-1.401.068c-.068-.136-1.667-1.735-1.667-4.401s1.599-4.265%201.667-4.401c.401-.401%201.068-.401%201.401.068c.401.401.333%201.136-.068%201.531c0%20.068-1%201.068-1%202.803s1%202.803%201%202.803c.401.395.469%201.061.068%201.531zm-3.47%202.803a1.034%201.034%200%200%201-1.401-.204c-.129-.129-2.197-2.864-2.197-6.932s2.068-6.803%202.197-6.932a1.034%201.034%200%200%201%201.401-.204a.913.913%200%200%201%20.261%201.256c-.021.025-.043.057-.057.077c0%200-1.803%202.401-1.803%205.803s1.803%205.803%201.803%205.803c.333.395.197%201-.204%201.333%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2032C7.188%2032.027.021%2024.896%200%2016.083V16C0%207.136%207.136%200%2016%200s16%207.136%2016%2016s-7.136%2016-16%2016m0-6.333l1.197-1.197L16%2019.865l-1.197%204.605zm-1.531-.068l-.605%202.265l1.401-1.4zm3.062%200l-.796.803l1.401%201.401zm1.136%204.136L16%2027.068l-2.667%202.667c.864.135%201.735.265%202.667.265s1.803-.068%202.667-.265M16%202C8.265%202%202%208.265%202%2016a13.92%2013.92%200%200%200%209.401%2013.197l3-11.129a2.6%202.6%200%200%201-1.068-2.136c0-1.468%201.197-2.667%202.667-2.667s2.667%201.199%202.667%202.667c0%20.865-.401%201.599-1.068%202.136l3%2011.129A13.92%2013.92%200%200%200%2030%2016c0-7.735-6.265-14-14-14m9.136%2020.932a1.034%201.034%200%200%201-1.401.204a.913.913%200%200%201-.261-1.256q.032-.045.063-.083s1.797-2.396%201.797-5.797s-1.797-5.803-1.797-5.803a.903.903%200%200%201%20.12-1.276q.04-.032.079-.057a1.037%201.037%200%200%201%201.401.199c.129.135%202.197%202.869%202.197%206.932c0%204.068-2.068%206.808-2.197%206.937zm-4.871-2.599c-.401-.401-.333-1.136.068-1.531c0%200%201-1.068%201-2.803s-1-2.735-1-2.803c-.401-.4-.401-1.067-.068-1.531a.92.92%200%200%201%201.401-.068c.068.068%201.667%201.735%201.667%204.401s-1.599%204.333-1.667%204.401c-.401.401-1%20.333-1.401-.068zm-8.53%200c-.401.401-1%20.469-1.401.068c-.068-.136-1.667-1.735-1.667-4.401s1.599-4.265%201.667-4.401c.401-.401%201.068-.401%201.401.068c.401.401.333%201.136-.068%201.531c0%20.068-1%201.068-1%202.803s1%202.803%201%202.803c.401.395.469%201.061.068%201.531zm-3.47%202.803a1.034%201.034%200%200%201-1.401-.204c-.129-.129-2.197-2.864-2.197-6.932s2.068-6.803%202.197-6.932a1.034%201.034%200%200%201%201.401-.204a.913.913%200%200%201%20.261%201.256c-.021.025-.043.057-.057.077c0%200-1.803%202.401-1.803%205.803s1.803%205.803%201.803%205.803c.333.395.197%201-.204%201.333%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/overcast.svg?color=%231a73e8&size=48
