apollographql logo
apollographql-wordmark from Devicon by konpa · Wordmark · MIT Free for personal and commercial use.
- Name
- apollographql-wordmark
- Set
- Devicon
- Style
- Wordmark
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the apollographql logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#112b49" d="M18.791 45.193C8.414 45.193 0 53.607 0 64s8.413 18.807 18.807 18.807c5.814 0 10.995-2.63 14.449-6.782a.8.8 0 0 0 .238-.554c-.016-.444-.38-.809-.808-.809a.78.78 0 0 0-.65.334s-.697.792-1.061 1.172a17.3 17.3 0 0 1-5.467 3.691a17 17 0 0 1-6.701 1.348c-2.33 0-4.58-.46-6.703-1.348a17.1 17.1 0 0 1-5.465-3.691a17.3 17.3 0 0 1-3.692-5.467a17 17 0 0 1-1.347-6.7c0-2.33.46-4.58 1.347-6.702a16.8 16.8 0 0 1 3.676-5.467a17.3 17.3 0 0 1 5.465-3.691a17 17 0 0 1 6.703-1.348c2.329 0 4.578.46 6.701 1.348a17.2 17.2 0 0 1 4.12 2.47c-.064.19-.112.413-.112.635a1.948 1.948 0 1 0 3.898 0c0-1.077-.872-1.95-1.949-1.949c-.27 0-.522.047-.744.158a18.7 18.7 0 0 0-11.914-4.262M62.14 55.62a7.466 7.466 0 0 0-7.463 7.463a7.464 7.464 0 0 0 14.926 0a7.466 7.466 0 0 0-7.463-7.463m58.398 0c-6.65 0-9.98 8.038-5.278 12.74c4.702 4.701 12.74 1.372 12.74-5.278a7.466 7.466 0 0 0-7.463-7.463zm-103.615.236L11.36 70.29h3.486l.902-2.455h5.26l-.95-2.693h-3.47l2.25-6.211l4.008 11.36h3.486l-5.56-14.434zm18.41 0V70.29h3.072v-4.975h3.66c2.567 0 4.643-2.17 4.643-4.736c0-2.55-2.076-4.723-4.642-4.723zm43.95 0V70.29h9.189v-2.71h-6.1V55.856Zm17.824 0V70.29h9.205v-2.71h-6.1V55.856ZM62.139 58.44a4.64 4.64 0 0 1 4.642 4.642a4.637 4.637 0 0 1-4.642 4.64a4.637 4.637 0 0 1-4.643-4.64a4.65 4.65 0 0 1 4.643-4.643zm58.398 0a4.64 4.64 0 0 1 4.643 4.642a4.637 4.637 0 0 1-4.643 4.64a4.636 4.636 0 0 1-4.64-4.64a4.637 4.637 0 0 1 4.64-4.643zm-82.133.236h3.66c.999 0 1.823.904 1.823 1.902s-.824 1.916-1.823 1.916h-3.66z"/></svg>
React
import type { SVGProps } from "react";
export function DeviconApollographqlWordmark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#112b49" d="M18.791 45.193C8.414 45.193 0 53.607 0 64s8.413 18.807 18.807 18.807c5.814 0 10.995-2.63 14.449-6.782a.8.8 0 0 0 .238-.554c-.016-.444-.38-.809-.808-.809a.78.78 0 0 0-.65.334s-.697.792-1.061 1.172a17.3 17.3 0 0 1-5.467 3.691a17 17 0 0 1-6.701 1.348c-2.33 0-4.58-.46-6.703-1.348a17.1 17.1 0 0 1-5.465-3.691a17.3 17.3 0 0 1-3.692-5.467a17 17 0 0 1-1.347-6.7c0-2.33.46-4.58 1.347-6.702a16.8 16.8 0 0 1 3.676-5.467a17.3 17.3 0 0 1 5.465-3.691a17 17 0 0 1 6.703-1.348c2.329 0 4.578.46 6.701 1.348a17.2 17.2 0 0 1 4.12 2.47c-.064.19-.112.413-.112.635a1.948 1.948 0 1 0 3.898 0c0-1.077-.872-1.95-1.949-1.949c-.27 0-.522.047-.744.158a18.7 18.7 0 0 0-11.914-4.262M62.14 55.62a7.466 7.466 0 0 0-7.463 7.463a7.464 7.464 0 0 0 14.926 0a7.466 7.466 0 0 0-7.463-7.463m58.398 0c-6.65 0-9.98 8.038-5.278 12.74c4.702 4.701 12.74 1.372 12.74-5.278a7.466 7.466 0 0 0-7.463-7.463zm-103.615.236L11.36 70.29h3.486l.902-2.455h5.26l-.95-2.693h-3.47l2.25-6.211l4.008 11.36h3.486l-5.56-14.434zm18.41 0V70.29h3.072v-4.975h3.66c2.567 0 4.643-2.17 4.643-4.736c0-2.55-2.076-4.723-4.642-4.723zm43.95 0V70.29h9.189v-2.71h-6.1V55.856Zm17.824 0V70.29h9.205v-2.71h-6.1V55.856ZM62.139 58.44a4.64 4.64 0 0 1 4.642 4.642a4.637 4.637 0 0 1-4.642 4.64a4.637 4.637 0 0 1-4.643-4.64a4.65 4.65 0 0 1 4.643-4.643zm58.398 0a4.64 4.64 0 0 1 4.643 4.642a4.637 4.637 0 0 1-4.643 4.64a4.636 4.636 0 0 1-4.64-4.64a4.637 4.637 0 0 1 4.64-4.643zm-82.133.236h3.66c.999 0 1.823.904 1.823 1.902s-.824 1.916-1.823 1.916h-3.66z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#112b49" d="M18.791 45.193C8.414 45.193 0 53.607 0 64s8.413 18.807 18.807 18.807c5.814 0 10.995-2.63 14.449-6.782a.8.8 0 0 0 .238-.554c-.016-.444-.38-.809-.808-.809a.78.78 0 0 0-.65.334s-.697.792-1.061 1.172a17.3 17.3 0 0 1-5.467 3.691a17 17 0 0 1-6.701 1.348c-2.33 0-4.58-.46-6.703-1.348a17.1 17.1 0 0 1-5.465-3.691a17.3 17.3 0 0 1-3.692-5.467a17 17 0 0 1-1.347-6.7c0-2.33.46-4.58 1.347-6.702a16.8 16.8 0 0 1 3.676-5.467a17.3 17.3 0 0 1 5.465-3.691a17 17 0 0 1 6.703-1.348c2.329 0 4.578.46 6.701 1.348a17.2 17.2 0 0 1 4.12 2.47c-.064.19-.112.413-.112.635a1.948 1.948 0 1 0 3.898 0c0-1.077-.872-1.95-1.949-1.949c-.27 0-.522.047-.744.158a18.7 18.7 0 0 0-11.914-4.262M62.14 55.62a7.466 7.466 0 0 0-7.463 7.463a7.464 7.464 0 0 0 14.926 0a7.466 7.466 0 0 0-7.463-7.463m58.398 0c-6.65 0-9.98 8.038-5.278 12.74c4.702 4.701 12.74 1.372 12.74-5.278a7.466 7.466 0 0 0-7.463-7.463zm-103.615.236L11.36 70.29h3.486l.902-2.455h5.26l-.95-2.693h-3.47l2.25-6.211l4.008 11.36h3.486l-5.56-14.434zm18.41 0V70.29h3.072v-4.975h3.66c2.567 0 4.643-2.17 4.643-4.736c0-2.55-2.076-4.723-4.642-4.723zm43.95 0V70.29h9.189v-2.71h-6.1V55.856Zm17.824 0V70.29h9.205v-2.71h-6.1V55.856ZM62.139 58.44a4.64 4.64 0 0 1 4.642 4.642a4.637 4.637 0 0 1-4.642 4.64a4.637 4.637 0 0 1-4.643-4.64a4.65 4.65 0 0 1 4.643-4.643zm58.398 0a4.64 4.64 0 0 1 4.643 4.642a4.637 4.637 0 0 1-4.643 4.64a4.636 4.636 0 0 1-4.64-4.64a4.637 4.637 0 0 1 4.64-4.643zm-82.133.236h3.66c.999 0 1.823.904 1.823 1.902s-.824 1.916-1.823 1.916h-3.66z"/></svg> </template>
CSS
.icon-apollographql-wordmark {
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%20128%20128%22%3E%3Cpath%20fill%3D%22%23112b49%22%20d%3D%22M18.791%2045.193C8.414%2045.193%200%2053.607%200%2064s8.413%2018.807%2018.807%2018.807c5.814%200%2010.995-2.63%2014.449-6.782a.8.8%200%200%200%20.238-.554c-.016-.444-.38-.809-.808-.809a.78.78%200%200%200-.65.334s-.697.792-1.061%201.172a17.3%2017.3%200%200%201-5.467%203.691a17%2017%200%200%201-6.701%201.348c-2.33%200-4.58-.46-6.703-1.348a17.1%2017.1%200%200%201-5.465-3.691a17.3%2017.3%200%200%201-3.692-5.467a17%2017%200%200%201-1.347-6.7c0-2.33.46-4.58%201.347-6.702a16.8%2016.8%200%200%201%203.676-5.467a17.3%2017.3%200%200%201%205.465-3.691a17%2017%200%200%201%206.703-1.348c2.329%200%204.578.46%206.701%201.348a17.2%2017.2%200%200%201%204.12%202.47c-.064.19-.112.413-.112.635a1.948%201.948%200%201%200%203.898%200c0-1.077-.872-1.95-1.949-1.949c-.27%200-.522.047-.744.158a18.7%2018.7%200%200%200-11.914-4.262M62.14%2055.62a7.466%207.466%200%200%200-7.463%207.463a7.464%207.464%200%200%200%2014.926%200a7.466%207.466%200%200%200-7.463-7.463m58.398%200c-6.65%200-9.98%208.038-5.278%2012.74c4.702%204.701%2012.74%201.372%2012.74-5.278a7.466%207.466%200%200%200-7.463-7.463zm-103.615.236L11.36%2070.29h3.486l.902-2.455h5.26l-.95-2.693h-3.47l2.25-6.211l4.008%2011.36h3.486l-5.56-14.434zm18.41%200V70.29h3.072v-4.975h3.66c2.567%200%204.643-2.17%204.643-4.736c0-2.55-2.076-4.723-4.642-4.723zm43.95%200V70.29h9.189v-2.71h-6.1V55.856Zm17.824%200V70.29h9.205v-2.71h-6.1V55.856ZM62.139%2058.44a4.64%204.64%200%200%201%204.642%204.642a4.637%204.637%200%200%201-4.642%204.64a4.637%204.637%200%200%201-4.643-4.64a4.65%204.65%200%200%201%204.643-4.643zm58.398%200a4.64%204.64%200%200%201%204.643%204.642a4.637%204.637%200%200%201-4.643%204.64a4.636%204.636%200%200%201-4.64-4.64a4.637%204.637%200%200%201%204.64-4.643zm-82.133.236h3.66c.999%200%201.823.904%201.823%201.902s-.824%201.916-1.823%201.916h-3.66z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23112b49%22%20d%3D%22M18.791%2045.193C8.414%2045.193%200%2053.607%200%2064s8.413%2018.807%2018.807%2018.807c5.814%200%2010.995-2.63%2014.449-6.782a.8.8%200%200%200%20.238-.554c-.016-.444-.38-.809-.808-.809a.78.78%200%200%200-.65.334s-.697.792-1.061%201.172a17.3%2017.3%200%200%201-5.467%203.691a17%2017%200%200%201-6.701%201.348c-2.33%200-4.58-.46-6.703-1.348a17.1%2017.1%200%200%201-5.465-3.691a17.3%2017.3%200%200%201-3.692-5.467a17%2017%200%200%201-1.347-6.7c0-2.33.46-4.58%201.347-6.702a16.8%2016.8%200%200%201%203.676-5.467a17.3%2017.3%200%200%201%205.465-3.691a17%2017%200%200%201%206.703-1.348c2.329%200%204.578.46%206.701%201.348a17.2%2017.2%200%200%201%204.12%202.47c-.064.19-.112.413-.112.635a1.948%201.948%200%201%200%203.898%200c0-1.077-.872-1.95-1.949-1.949c-.27%200-.522.047-.744.158a18.7%2018.7%200%200%200-11.914-4.262M62.14%2055.62a7.466%207.466%200%200%200-7.463%207.463a7.464%207.464%200%200%200%2014.926%200a7.466%207.466%200%200%200-7.463-7.463m58.398%200c-6.65%200-9.98%208.038-5.278%2012.74c4.702%204.701%2012.74%201.372%2012.74-5.278a7.466%207.466%200%200%200-7.463-7.463zm-103.615.236L11.36%2070.29h3.486l.902-2.455h5.26l-.95-2.693h-3.47l2.25-6.211l4.008%2011.36h3.486l-5.56-14.434zm18.41%200V70.29h3.072v-4.975h3.66c2.567%200%204.643-2.17%204.643-4.736c0-2.55-2.076-4.723-4.642-4.723zm43.95%200V70.29h9.189v-2.71h-6.1V55.856Zm17.824%200V70.29h9.205v-2.71h-6.1V55.856ZM62.139%2058.44a4.64%204.64%200%200%201%204.642%204.642a4.637%204.637%200%200%201-4.642%204.64a4.637%204.637%200%200%201-4.643-4.64a4.65%204.65%200%200%201%204.643-4.643zm58.398%200a4.64%204.64%200%200%201%204.643%204.642a4.637%204.637%200%200%201-4.643%204.64a4.636%204.636%200%200%201-4.64-4.64a4.637%204.637%200%200%201%204.64-4.643zm-82.133.236h3.66c.999%200%201.823.904%201.823%201.902s-.824%201.916-1.823%201.916h-3.66z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/apollographql-wordmark.svg?color=%231a73e8&size=48
