appveyor logo
appveyor from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- appveyor
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 256×256
- License
- MIT
The same logo in other sets
Use the appveyor logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#00b8d4" fill-rule="evenodd" d="M127.646 17.356c61.588 0 110.999 49.414 110.999 110.29a110.64 110.64 0 0 1-110.999 110.999c-60.873 0-110.29-49.414-110.29-110.999c0-60.873 49.414-110.29 110.29-110.29m27.213 131.77c-12.174 15.756-34.375 18.62-49.414 6.446c-15.039-11.459-17.187-33.66-5.013-49.414c12.891-15.039 35.091-17.904 50.131-6.445c15.039 12.174 17.187 34.375 4.297 49.414zm-58.723 72.331l42.252-40.82c-15.756 3.58-32.227.716-45.117-10.026c-15.039-11.459-21.484-30.795-19.336-48.699L35.98 163.45s-5.013-9.31-6.446-26.498l66.602-52.278c20.052-14.323 47.266-15.04 66.602 0c21.484 17.187 25.781 48.698 10.027 72.33l-48.699 69.466c-7.161 0-21.484-2.149-27.93-5.013"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeAppveyor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#00b8d4" fillRule="evenodd" d="M127.646 17.356c61.588 0 110.999 49.414 110.999 110.29a110.64 110.64 0 0 1-110.999 110.999c-60.873 0-110.29-49.414-110.29-110.999c0-60.873 49.414-110.29 110.29-110.29m27.213 131.77c-12.174 15.756-34.375 18.62-49.414 6.446c-15.039-11.459-17.187-33.66-5.013-49.414c12.891-15.039 35.091-17.904 50.131-6.445c15.039 12.174 17.187 34.375 4.297 49.414zm-58.723 72.331l42.252-40.82c-15.756 3.58-32.227.716-45.117-10.026c-15.039-11.459-21.484-30.795-19.336-48.699L35.98 163.45s-5.013-9.31-6.446-26.498l66.602-52.278c20.052-14.323 47.266-15.04 66.602 0c21.484 17.187 25.781 48.698 10.027 72.33l-48.699 69.466c-7.161 0-21.484-2.149-27.93-5.013"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#00b8d4" fill-rule="evenodd" d="M127.646 17.356c61.588 0 110.999 49.414 110.999 110.29a110.64 110.64 0 0 1-110.999 110.999c-60.873 0-110.29-49.414-110.29-110.999c0-60.873 49.414-110.29 110.29-110.29m27.213 131.77c-12.174 15.756-34.375 18.62-49.414 6.446c-15.039-11.459-17.187-33.66-5.013-49.414c12.891-15.039 35.091-17.904 50.131-6.445c15.039 12.174 17.187 34.375 4.297 49.414zm-58.723 72.331l42.252-40.82c-15.756 3.58-32.227.716-45.117-10.026c-15.039-11.459-21.484-30.795-19.336-48.699L35.98 163.45s-5.013-9.31-6.446-26.498l66.602-52.278c20.052-14.323 47.266-15.04 66.602 0c21.484 17.187 25.781 48.698 10.027 72.33l-48.699 69.466c-7.161 0-21.484-2.149-27.93-5.013"/></svg> </template>
CSS
.icon-appveyor {
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%2300b8d4%22%20fill-rule%3D%22evenodd%22%20d%3D%22M127.646%2017.356c61.588%200%20110.999%2049.414%20110.999%20110.29a110.64%20110.64%200%200%201-110.999%20110.999c-60.873%200-110.29-49.414-110.29-110.999c0-60.873%2049.414-110.29%20110.29-110.29m27.213%20131.77c-12.174%2015.756-34.375%2018.62-49.414%206.446c-15.039-11.459-17.187-33.66-5.013-49.414c12.891-15.039%2035.091-17.904%2050.131-6.445c15.039%2012.174%2017.187%2034.375%204.297%2049.414zm-58.723%2072.331l42.252-40.82c-15.756%203.58-32.227.716-45.117-10.026c-15.039-11.459-21.484-30.795-19.336-48.699L35.98%20163.45s-5.013-9.31-6.446-26.498l66.602-52.278c20.052-14.323%2047.266-15.04%2066.602%200c21.484%2017.187%2025.781%2048.698%2010.027%2072.33l-48.699%2069.466c-7.161%200-21.484-2.149-27.93-5.013%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%2300b8d4%22%20fill-rule%3D%22evenodd%22%20d%3D%22M127.646%2017.356c61.588%200%20110.999%2049.414%20110.999%20110.29a110.64%20110.64%200%200%201-110.999%20110.999c-60.873%200-110.29-49.414-110.29-110.999c0-60.873%2049.414-110.29%20110.29-110.29m27.213%20131.77c-12.174%2015.756-34.375%2018.62-49.414%206.446c-15.039-11.459-17.187-33.66-5.013-49.414c12.891-15.039%2035.091-17.904%2050.131-6.445c15.039%2012.174%2017.187%2034.375%204.297%2049.414zm-58.723%2072.331l42.252-40.82c-15.756%203.58-32.227.716-45.117-10.026c-15.039-11.459-21.484-30.795-19.336-48.699L35.98%20163.45s-5.013-9.31-6.446-26.498l66.602-52.278c20.052-14.323%2047.266-15.04%2066.602%200c21.484%2017.187%2025.781%2048.698%2010.027%2072.33l-48.699%2069.466c-7.161%200-21.484-2.149-27.93-5.013%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/appveyor.svg?color=%231a73e8&size=48
