apollo logo
apollo from Skill Icons by tandpfun · Default · MIT Free for personal and commercial use.
- Name
- apollo
- Set
- Skill Icons
- Style
- Default
- Viewbox
- 256×256
- License
- MIT
The same logo in other sets
Use the apollo logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="url(#SVG5n3uCcuF)" rx="60"/><path fill="#fff" d="m140.279 73.046l-26.661-.047l-36.942 97.887l24.114.042l6.029-16.586l36.375.062l-6.877-18.366l-23.946-.042l14.909-42.121l28.934 77.148l24.115.042z"/><path fill="#fff" d="M233.142 99.124a5.3 5.3 0 0 0-.297-.968a2 2 0 0 0-.137-.308a5.55 5.55 0 0 0-2.061-2.291a5.65 5.65 0 0 0-2.979-.86a5.46 5.46 0 0 0-3.863 1.573a5.24 5.24 0 0 0-1.228 5.538l-.016.006a96.3 96.3 0 0 1 4.098 26.369c.411 25.919-9.499 50.271-27.9 68.567c-18.404 18.297-43.1 28.346-69.538 28.301c-26.436-.046-51.454-10.183-70.437-28.543c-18.987-18.361-29.667-42.748-30.078-68.667s9.5-50.271 27.903-68.567c18.402-18.297 43.1-28.346 69.536-28.3c23.607.04 46.076 8.133 64.133 22.939a12.8 12.8 0 0 0-.856 4.822c.115 7.279 6.226 13.187 13.652 13.2c7.423.013 13.349-5.875 13.233-13.154s-6.228-13.19-13.651-13.203a13.5 13.5 0 0 0-4.597.787C178.55 30.1 153.358 20.238 125.974 20.19C65.237 20.085 16.765 68.273 17.709 127.822c.944 59.548 50.945 107.907 111.683 108.012s109.209-48.082 108.266-107.632a106.8 106.8 0 0 0-4.516-29.078"/><defs><linearGradient id="SVG5n3uCcuF" x1="0" x2="256" y1="0" y2="256" gradientUnits="userSpaceOnUse"><stop stop-color="#4010ac"/><stop offset="1" stop-color="#d540a8"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsApollo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="url(#SVG5n3uCcuF)" rx="60"/><path fill="#fff" d="m140.279 73.046l-26.661-.047l-36.942 97.887l24.114.042l6.029-16.586l36.375.062l-6.877-18.366l-23.946-.042l14.909-42.121l28.934 77.148l24.115.042z"/><path fill="#fff" d="M233.142 99.124a5.3 5.3 0 0 0-.297-.968a2 2 0 0 0-.137-.308a5.55 5.55 0 0 0-2.061-2.291a5.65 5.65 0 0 0-2.979-.86a5.46 5.46 0 0 0-3.863 1.573a5.24 5.24 0 0 0-1.228 5.538l-.016.006a96.3 96.3 0 0 1 4.098 26.369c.411 25.919-9.499 50.271-27.9 68.567c-18.404 18.297-43.1 28.346-69.538 28.301c-26.436-.046-51.454-10.183-70.437-28.543c-18.987-18.361-29.667-42.748-30.078-68.667s9.5-50.271 27.903-68.567c18.402-18.297 43.1-28.346 69.536-28.3c23.607.04 46.076 8.133 64.133 22.939a12.8 12.8 0 0 0-.856 4.822c.115 7.279 6.226 13.187 13.652 13.2c7.423.013 13.349-5.875 13.233-13.154s-6.228-13.19-13.651-13.203a13.5 13.5 0 0 0-4.597.787C178.55 30.1 153.358 20.238 125.974 20.19C65.237 20.085 16.765 68.273 17.709 127.822c.944 59.548 50.945 107.907 111.683 108.012s109.209-48.082 108.266-107.632a106.8 106.8 0 0 0-4.516-29.078"/><defs><linearGradient id="SVG5n3uCcuF" x1="0" x2="256" y1="0" y2="256" gradientUnits="userSpaceOnUse"><stop stopColor="#4010ac"/><stop offset="1" stopColor="#d540a8"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="url(#SVG5n3uCcuF)" rx="60"/><path fill="#fff" d="m140.279 73.046l-26.661-.047l-36.942 97.887l24.114.042l6.029-16.586l36.375.062l-6.877-18.366l-23.946-.042l14.909-42.121l28.934 77.148l24.115.042z"/><path fill="#fff" d="M233.142 99.124a5.3 5.3 0 0 0-.297-.968a2 2 0 0 0-.137-.308a5.55 5.55 0 0 0-2.061-2.291a5.65 5.65 0 0 0-2.979-.86a5.46 5.46 0 0 0-3.863 1.573a5.24 5.24 0 0 0-1.228 5.538l-.016.006a96.3 96.3 0 0 1 4.098 26.369c.411 25.919-9.499 50.271-27.9 68.567c-18.404 18.297-43.1 28.346-69.538 28.301c-26.436-.046-51.454-10.183-70.437-28.543c-18.987-18.361-29.667-42.748-30.078-68.667s9.5-50.271 27.903-68.567c18.402-18.297 43.1-28.346 69.536-28.3c23.607.04 46.076 8.133 64.133 22.939a12.8 12.8 0 0 0-.856 4.822c.115 7.279 6.226 13.187 13.652 13.2c7.423.013 13.349-5.875 13.233-13.154s-6.228-13.19-13.651-13.203a13.5 13.5 0 0 0-4.597.787C178.55 30.1 153.358 20.238 125.974 20.19C65.237 20.085 16.765 68.273 17.709 127.822c.944 59.548 50.945 107.907 111.683 108.012s109.209-48.082 108.266-107.632a106.8 106.8 0 0 0-4.516-29.078"/><defs><linearGradient id="SVG5n3uCcuF" x1="0" x2="256" y1="0" y2="256" gradientUnits="userSpaceOnUse"><stop stop-color="#4010ac"/><stop offset="1" stop-color="#d540a8"/></linearGradient></defs></g></svg> </template>
CSS
.icon-apollo {
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%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22url(%23SVG5n3uCcuF)%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m140.279%2073.046l-26.661-.047l-36.942%2097.887l24.114.042l6.029-16.586l36.375.062l-6.877-18.366l-23.946-.042l14.909-42.121l28.934%2077.148l24.115.042z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M233.142%2099.124a5.3%205.3%200%200%200-.297-.968a2%202%200%200%200-.137-.308a5.55%205.55%200%200%200-2.061-2.291a5.65%205.65%200%200%200-2.979-.86a5.46%205.46%200%200%200-3.863%201.573a5.24%205.24%200%200%200-1.228%205.538l-.016.006a96.3%2096.3%200%200%201%204.098%2026.369c.411%2025.919-9.499%2050.271-27.9%2068.567c-18.404%2018.297-43.1%2028.346-69.538%2028.301c-26.436-.046-51.454-10.183-70.437-28.543c-18.987-18.361-29.667-42.748-30.078-68.667s9.5-50.271%2027.903-68.567c18.402-18.297%2043.1-28.346%2069.536-28.3c23.607.04%2046.076%208.133%2064.133%2022.939a12.8%2012.8%200%200%200-.856%204.822c.115%207.279%206.226%2013.187%2013.652%2013.2c7.423.013%2013.349-5.875%2013.233-13.154s-6.228-13.19-13.651-13.203a13.5%2013.5%200%200%200-4.597.787C178.55%2030.1%20153.358%2020.238%20125.974%2020.19C65.237%2020.085%2016.765%2068.273%2017.709%20127.822c.944%2059.548%2050.945%20107.907%20111.683%20108.012s109.209-48.082%20108.266-107.632a106.8%20106.8%200%200%200-4.516-29.078%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG5n3uCcuF%22%20x1%3D%220%22%20x2%3D%22256%22%20y1%3D%220%22%20y2%3D%22256%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234010ac%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d540a8%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22url(%23SVG5n3uCcuF)%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m140.279%2073.046l-26.661-.047l-36.942%2097.887l24.114.042l6.029-16.586l36.375.062l-6.877-18.366l-23.946-.042l14.909-42.121l28.934%2077.148l24.115.042z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M233.142%2099.124a5.3%205.3%200%200%200-.297-.968a2%202%200%200%200-.137-.308a5.55%205.55%200%200%200-2.061-2.291a5.65%205.65%200%200%200-2.979-.86a5.46%205.46%200%200%200-3.863%201.573a5.24%205.24%200%200%200-1.228%205.538l-.016.006a96.3%2096.3%200%200%201%204.098%2026.369c.411%2025.919-9.499%2050.271-27.9%2068.567c-18.404%2018.297-43.1%2028.346-69.538%2028.301c-26.436-.046-51.454-10.183-70.437-28.543c-18.987-18.361-29.667-42.748-30.078-68.667s9.5-50.271%2027.903-68.567c18.402-18.297%2043.1-28.346%2069.536-28.3c23.607.04%2046.076%208.133%2064.133%2022.939a12.8%2012.8%200%200%200-.856%204.822c.115%207.279%206.226%2013.187%2013.652%2013.2c7.423.013%2013.349-5.875%2013.233-13.154s-6.228-13.19-13.651-13.203a13.5%2013.5%200%200%200-4.597.787C178.55%2030.1%20153.358%2020.238%20125.974%2020.19C65.237%2020.085%2016.765%2068.273%2017.709%20127.822c.944%2059.548%2050.945%20107.907%20111.683%20108.012s109.209-48.082%20108.266-107.632a106.8%20106.8%200%200%200-4.516-29.078%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG5n3uCcuF%22%20x1%3D%220%22%20x2%3D%22256%22%20y1%3D%220%22%20y2%3D%22256%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234010ac%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d540a8%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/apollo.svg?color=%231a73e8&size=48
