coreos icon logo
coreos-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- coreos-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Use the coreos icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#53A3DA" d="M128.008 0C57.418 0 0 57.42 0 128c0 70.584 57.417 128 128.008 128C198.578 256 256 198.584 256 128C256 57.42 198.578 0 128.008 0Z"/><path fill="#F1606D" d="M128.572 11.253c-20.384 0-37.671 32.604-43.915 77.92c-.2 1.458-.393 2.933-.564 4.418a274.635 274.635 0 0 0-1.72 22.182a268.485 268.485 0 0 0-.205 10.6c0 3.573.068 7.111.206 10.597c.289 7.633.867 15.054 1.72 22.186c9.557 1.237 19.777 2.076 30.436 2.475c4.608.172 9.284.275 14.043.275c4.744 0 9.435-.104 14.029-.275c10.672-.399 20.884-1.238 30.45-2.475c1.052-.135 2.088-.282 3.136-.434c39.809-5.59 67.502-17.965 67.502-32.349c-.001-63.582-51.546-115.12-115.118-115.12Z"/><path fill="#FFF" d="M176.187 94.022a58.427 58.427 0 0 0-3.713-4.847c-10.562-12.451-26.297-20.363-43.901-20.363c-5.707 0-10.79 8.736-14.043 22.301c-1.293 5.41-2.296 11.58-2.943 18.279a180.47 180.47 0 0 0-.784 16.981c0 5.907.275 11.616.784 16.979c5.371.51 11.071.783 16.986.783c5.907 0 11.607-.274 16.978-.783c11.807-1.12 22-3.39 29.22-6.382c7.13-2.95 11.35-6.622 11.35-10.597c-.001-11.992-3.663-23.13-9.934-32.351Z"/></svg>
React
import type { SVGProps } from "react";
export function LogosCoreosIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#53A3DA" d="M128.008 0C57.418 0 0 57.42 0 128c0 70.584 57.417 128 128.008 128C198.578 256 256 198.584 256 128C256 57.42 198.578 0 128.008 0Z"/><path fill="#F1606D" d="M128.572 11.253c-20.384 0-37.671 32.604-43.915 77.92c-.2 1.458-.393 2.933-.564 4.418a274.635 274.635 0 0 0-1.72 22.182a268.485 268.485 0 0 0-.205 10.6c0 3.573.068 7.111.206 10.597c.289 7.633.867 15.054 1.72 22.186c9.557 1.237 19.777 2.076 30.436 2.475c4.608.172 9.284.275 14.043.275c4.744 0 9.435-.104 14.029-.275c10.672-.399 20.884-1.238 30.45-2.475c1.052-.135 2.088-.282 3.136-.434c39.809-5.59 67.502-17.965 67.502-32.349c-.001-63.582-51.546-115.12-115.118-115.12Z"/><path fill="#FFF" d="M176.187 94.022a58.427 58.427 0 0 0-3.713-4.847c-10.562-12.451-26.297-20.363-43.901-20.363c-5.707 0-10.79 8.736-14.043 22.301c-1.293 5.41-2.296 11.58-2.943 18.279a180.47 180.47 0 0 0-.784 16.981c0 5.907.275 11.616.784 16.979c5.371.51 11.071.783 16.986.783c5.907 0 11.607-.274 16.978-.783c11.807-1.12 22-3.39 29.22-6.382c7.13-2.95 11.35-6.622 11.35-10.597c-.001-11.992-3.663-23.13-9.934-32.351Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#53A3DA" d="M128.008 0C57.418 0 0 57.42 0 128c0 70.584 57.417 128 128.008 128C198.578 256 256 198.584 256 128C256 57.42 198.578 0 128.008 0Z"/><path fill="#F1606D" d="M128.572 11.253c-20.384 0-37.671 32.604-43.915 77.92c-.2 1.458-.393 2.933-.564 4.418a274.635 274.635 0 0 0-1.72 22.182a268.485 268.485 0 0 0-.205 10.6c0 3.573.068 7.111.206 10.597c.289 7.633.867 15.054 1.72 22.186c9.557 1.237 19.777 2.076 30.436 2.475c4.608.172 9.284.275 14.043.275c4.744 0 9.435-.104 14.029-.275c10.672-.399 20.884-1.238 30.45-2.475c1.052-.135 2.088-.282 3.136-.434c39.809-5.59 67.502-17.965 67.502-32.349c-.001-63.582-51.546-115.12-115.118-115.12Z"/><path fill="#FFF" d="M176.187 94.022a58.427 58.427 0 0 0-3.713-4.847c-10.562-12.451-26.297-20.363-43.901-20.363c-5.707 0-10.79 8.736-14.043 22.301c-1.293 5.41-2.296 11.58-2.943 18.279a180.47 180.47 0 0 0-.784 16.981c0 5.907.275 11.616.784 16.979c5.371.51 11.071.783 16.986.783c5.907 0 11.607-.274 16.978-.783c11.807-1.12 22-3.39 29.22-6.382c7.13-2.95 11.35-6.622 11.35-10.597c-.001-11.992-3.663-23.13-9.934-32.351Z"/></svg> </template>
CSS
.icon-coreos-icon {
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%2353A3DA%22%20d%3D%22M128.008%200C57.418%200%200%2057.42%200%20128c0%2070.584%2057.417%20128%20128.008%20128C198.578%20256%20256%20198.584%20256%20128C256%2057.42%20198.578%200%20128.008%200Z%22%2F%3E%3Cpath%20fill%3D%22%23F1606D%22%20d%3D%22M128.572%2011.253c-20.384%200-37.671%2032.604-43.915%2077.92c-.2%201.458-.393%202.933-.564%204.418a274.635%20274.635%200%200%200-1.72%2022.182a268.485%20268.485%200%200%200-.205%2010.6c0%203.573.068%207.111.206%2010.597c.289%207.633.867%2015.054%201.72%2022.186c9.557%201.237%2019.777%202.076%2030.436%202.475c4.608.172%209.284.275%2014.043.275c4.744%200%209.435-.104%2014.029-.275c10.672-.399%2020.884-1.238%2030.45-2.475c1.052-.135%202.088-.282%203.136-.434c39.809-5.59%2067.502-17.965%2067.502-32.349c-.001-63.582-51.546-115.12-115.118-115.12Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M176.187%2094.022a58.427%2058.427%200%200%200-3.713-4.847c-10.562-12.451-26.297-20.363-43.901-20.363c-5.707%200-10.79%208.736-14.043%2022.301c-1.293%205.41-2.296%2011.58-2.943%2018.279a180.47%20180.47%200%200%200-.784%2016.981c0%205.907.275%2011.616.784%2016.979c5.371.51%2011.071.783%2016.986.783c5.907%200%2011.607-.274%2016.978-.783c11.807-1.12%2022-3.39%2029.22-6.382c7.13-2.95%2011.35-6.622%2011.35-10.597c-.001-11.992-3.663-23.13-9.934-32.351Z%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%2353A3DA%22%20d%3D%22M128.008%200C57.418%200%200%2057.42%200%20128c0%2070.584%2057.417%20128%20128.008%20128C198.578%20256%20256%20198.584%20256%20128C256%2057.42%20198.578%200%20128.008%200Z%22%2F%3E%3Cpath%20fill%3D%22%23F1606D%22%20d%3D%22M128.572%2011.253c-20.384%200-37.671%2032.604-43.915%2077.92c-.2%201.458-.393%202.933-.564%204.418a274.635%20274.635%200%200%200-1.72%2022.182a268.485%20268.485%200%200%200-.205%2010.6c0%203.573.068%207.111.206%2010.597c.289%207.633.867%2015.054%201.72%2022.186c9.557%201.237%2019.777%202.076%2030.436%202.475c4.608.172%209.284.275%2014.043.275c4.744%200%209.435-.104%2014.029-.275c10.672-.399%2020.884-1.238%2030.45-2.475c1.052-.135%202.088-.282%203.136-.434c39.809-5.59%2067.502-17.965%2067.502-32.349c-.001-63.582-51.546-115.12-115.118-115.12Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M176.187%2094.022a58.427%2058.427%200%200%200-3.713-4.847c-10.562-12.451-26.297-20.363-43.901-20.363c-5.707%200-10.79%208.736-14.043%2022.301c-1.293%205.41-2.296%2011.58-2.943%2018.279a180.47%20180.47%200%200%200-.784%2016.981c0%205.907.275%2011.616.784%2016.979c5.371.51%2011.071.783%2016.986.783c5.907%200%2011.607-.274%2016.978-.783c11.807-1.12%2022-3.39%2029.22-6.382c7.13-2.95%2011.35-6.622%2011.35-10.597c-.001-11.992-3.663-23.13-9.934-32.351Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/coreos-icon.svg?color=%231a73e8&size=48
