spyder logo
spyder from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- spyder
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
Use the spyder logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#303030" d="M123.425 54.883a1.934 1.934 0 0 1 1.831 2.094v5.626a1.737 1.737 0 0 1-1.962 1.962H98.959c-6.02 0-9.552 2.087-9.552 6.801v1.7c0 3.649 1.7 6.8 8.107 9.158l17.403 6.939C126.957 93.738 128 100.414 128 107.609v1.46c0 14.651-8.756 17.512-26.429 17.512c-11.383 0-21.715-.92-23.94-1.182c-1.57-.125-1.963-.913-1.963-1.956v-5.757a1.73 1.73 0 0 1 1.963-1.963h24.203c10.463 0 13.74-1.182 13.74-6.808v-1.569c0-3.794-1.57-6.282-7.589-8.756l-18.578-7.107C79.331 87.558 76.842 79.97 76.842 72.774v-2.743c0-14.397 12.565-16.36 26.56-16.36a165 165 0 0 1 20.023 1.212"/><path fill="#8c0000" d="M117.5 6.111a21.52 21.52 0 0 0-13.608-4.845H21.628A21.6 21.6 0 0 0 11.55 3.754a21.9 21.9 0 0 0-8.756 8.465c-.394.73-.73 1.415-1.065 2.138c-.19.496-.402.985-.57 1.459a19 19 0 0 0-.78 3.028a20.5 20.5 0 0 0-.38 4.05v82.234a21.3 21.3 0 0 0 2.138 9.37a21.62 21.62 0 0 0 19.49 12.236H65.54a1.167 1.167 0 0 0 1.167-1.168v-5.246a1.167 1.167 0 0 0-1.167-1.167h-5.7L42.832 84.705l38.804-51.428a4.4 4.4 0 0 0 .73-1.51l35.557 5.443v8.026a1.167 1.167 0 0 0 1.168 1.16h5.275a1.175 1.175 0 0 0 1.168-1.16V22.894A21.52 21.52 0 0 0 117.5 6.11Zm-44.751 2.73l1.839 14.651l-28.75-4.378L44.54 8.899Zm-51.077 0h15.797l1.131 9.157l-21-3.211l-6.625-1.022A13.94 13.94 0 0 1 21.628 8.84ZM37.63 24.936L22.97 44.419L11.37 20.91Zm-30.034 4.16l9.398 19.03l-9.398 1.153zm0 27.253l12.66-1.598L33.39 81.304L7.596 84.551Zm44.43 62.804h-29.23a15.236 15.236 0 0 1-15.2-15.192V91.607L36.63 87.96ZM39.374 77.685L26.422 51.417l19.044-25.24v-.044l29.377 4.495zm78.542-47.567l-36.17-5.531l-1.97-15.747h22.948a15.23 15.23 0 0 1 15.192 15.185z"/></svg>
React
import type { SVGProps } from "react";
export function DeviconSpyder(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#303030" d="M123.425 54.883a1.934 1.934 0 0 1 1.831 2.094v5.626a1.737 1.737 0 0 1-1.962 1.962H98.959c-6.02 0-9.552 2.087-9.552 6.801v1.7c0 3.649 1.7 6.8 8.107 9.158l17.403 6.939C126.957 93.738 128 100.414 128 107.609v1.46c0 14.651-8.756 17.512-26.429 17.512c-11.383 0-21.715-.92-23.94-1.182c-1.57-.125-1.963-.913-1.963-1.956v-5.757a1.73 1.73 0 0 1 1.963-1.963h24.203c10.463 0 13.74-1.182 13.74-6.808v-1.569c0-3.794-1.57-6.282-7.589-8.756l-18.578-7.107C79.331 87.558 76.842 79.97 76.842 72.774v-2.743c0-14.397 12.565-16.36 26.56-16.36a165 165 0 0 1 20.023 1.212"/><path fill="#8c0000" d="M117.5 6.111a21.52 21.52 0 0 0-13.608-4.845H21.628A21.6 21.6 0 0 0 11.55 3.754a21.9 21.9 0 0 0-8.756 8.465c-.394.73-.73 1.415-1.065 2.138c-.19.496-.402.985-.57 1.459a19 19 0 0 0-.78 3.028a20.5 20.5 0 0 0-.38 4.05v82.234a21.3 21.3 0 0 0 2.138 9.37a21.62 21.62 0 0 0 19.49 12.236H65.54a1.167 1.167 0 0 0 1.167-1.168v-5.246a1.167 1.167 0 0 0-1.167-1.167h-5.7L42.832 84.705l38.804-51.428a4.4 4.4 0 0 0 .73-1.51l35.557 5.443v8.026a1.167 1.167 0 0 0 1.168 1.16h5.275a1.175 1.175 0 0 0 1.168-1.16V22.894A21.52 21.52 0 0 0 117.5 6.11Zm-44.751 2.73l1.839 14.651l-28.75-4.378L44.54 8.899Zm-51.077 0h15.797l1.131 9.157l-21-3.211l-6.625-1.022A13.94 13.94 0 0 1 21.628 8.84ZM37.63 24.936L22.97 44.419L11.37 20.91Zm-30.034 4.16l9.398 19.03l-9.398 1.153zm0 27.253l12.66-1.598L33.39 81.304L7.596 84.551Zm44.43 62.804h-29.23a15.236 15.236 0 0 1-15.2-15.192V91.607L36.63 87.96ZM39.374 77.685L26.422 51.417l19.044-25.24v-.044l29.377 4.495zm78.542-47.567l-36.17-5.531l-1.97-15.747h22.948a15.23 15.23 0 0 1 15.192 15.185z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#303030" d="M123.425 54.883a1.934 1.934 0 0 1 1.831 2.094v5.626a1.737 1.737 0 0 1-1.962 1.962H98.959c-6.02 0-9.552 2.087-9.552 6.801v1.7c0 3.649 1.7 6.8 8.107 9.158l17.403 6.939C126.957 93.738 128 100.414 128 107.609v1.46c0 14.651-8.756 17.512-26.429 17.512c-11.383 0-21.715-.92-23.94-1.182c-1.57-.125-1.963-.913-1.963-1.956v-5.757a1.73 1.73 0 0 1 1.963-1.963h24.203c10.463 0 13.74-1.182 13.74-6.808v-1.569c0-3.794-1.57-6.282-7.589-8.756l-18.578-7.107C79.331 87.558 76.842 79.97 76.842 72.774v-2.743c0-14.397 12.565-16.36 26.56-16.36a165 165 0 0 1 20.023 1.212"/><path fill="#8c0000" d="M117.5 6.111a21.52 21.52 0 0 0-13.608-4.845H21.628A21.6 21.6 0 0 0 11.55 3.754a21.9 21.9 0 0 0-8.756 8.465c-.394.73-.73 1.415-1.065 2.138c-.19.496-.402.985-.57 1.459a19 19 0 0 0-.78 3.028a20.5 20.5 0 0 0-.38 4.05v82.234a21.3 21.3 0 0 0 2.138 9.37a21.62 21.62 0 0 0 19.49 12.236H65.54a1.167 1.167 0 0 0 1.167-1.168v-5.246a1.167 1.167 0 0 0-1.167-1.167h-5.7L42.832 84.705l38.804-51.428a4.4 4.4 0 0 0 .73-1.51l35.557 5.443v8.026a1.167 1.167 0 0 0 1.168 1.16h5.275a1.175 1.175 0 0 0 1.168-1.16V22.894A21.52 21.52 0 0 0 117.5 6.11Zm-44.751 2.73l1.839 14.651l-28.75-4.378L44.54 8.899Zm-51.077 0h15.797l1.131 9.157l-21-3.211l-6.625-1.022A13.94 13.94 0 0 1 21.628 8.84ZM37.63 24.936L22.97 44.419L11.37 20.91Zm-30.034 4.16l9.398 19.03l-9.398 1.153zm0 27.253l12.66-1.598L33.39 81.304L7.596 84.551Zm44.43 62.804h-29.23a15.236 15.236 0 0 1-15.2-15.192V91.607L36.63 87.96ZM39.374 77.685L26.422 51.417l19.044-25.24v-.044l29.377 4.495zm78.542-47.567l-36.17-5.531l-1.97-15.747h22.948a15.23 15.23 0 0 1 15.192 15.185z"/></svg> </template>
CSS
.icon-spyder {
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%23303030%22%20d%3D%22M123.425%2054.883a1.934%201.934%200%200%201%201.831%202.094v5.626a1.737%201.737%200%200%201-1.962%201.962H98.959c-6.02%200-9.552%202.087-9.552%206.801v1.7c0%203.649%201.7%206.8%208.107%209.158l17.403%206.939C126.957%2093.738%20128%20100.414%20128%20107.609v1.46c0%2014.651-8.756%2017.512-26.429%2017.512c-11.383%200-21.715-.92-23.94-1.182c-1.57-.125-1.963-.913-1.963-1.956v-5.757a1.73%201.73%200%200%201%201.963-1.963h24.203c10.463%200%2013.74-1.182%2013.74-6.808v-1.569c0-3.794-1.57-6.282-7.589-8.756l-18.578-7.107C79.331%2087.558%2076.842%2079.97%2076.842%2072.774v-2.743c0-14.397%2012.565-16.36%2026.56-16.36a165%20165%200%200%201%2020.023%201.212%22%2F%3E%3Cpath%20fill%3D%22%238c0000%22%20d%3D%22M117.5%206.111a21.52%2021.52%200%200%200-13.608-4.845H21.628A21.6%2021.6%200%200%200%2011.55%203.754a21.9%2021.9%200%200%200-8.756%208.465c-.394.73-.73%201.415-1.065%202.138c-.19.496-.402.985-.57%201.459a19%2019%200%200%200-.78%203.028a20.5%2020.5%200%200%200-.38%204.05v82.234a21.3%2021.3%200%200%200%202.138%209.37a21.62%2021.62%200%200%200%2019.49%2012.236H65.54a1.167%201.167%200%200%200%201.167-1.168v-5.246a1.167%201.167%200%200%200-1.167-1.167h-5.7L42.832%2084.705l38.804-51.428a4.4%204.4%200%200%200%20.73-1.51l35.557%205.443v8.026a1.167%201.167%200%200%200%201.168%201.16h5.275a1.175%201.175%200%200%200%201.168-1.16V22.894A21.52%2021.52%200%200%200%20117.5%206.11Zm-44.751%202.73l1.839%2014.651l-28.75-4.378L44.54%208.899Zm-51.077%200h15.797l1.131%209.157l-21-3.211l-6.625-1.022A13.94%2013.94%200%200%201%2021.628%208.84ZM37.63%2024.936L22.97%2044.419L11.37%2020.91Zm-30.034%204.16l9.398%2019.03l-9.398%201.153zm0%2027.253l12.66-1.598L33.39%2081.304L7.596%2084.551Zm44.43%2062.804h-29.23a15.236%2015.236%200%200%201-15.2-15.192V91.607L36.63%2087.96ZM39.374%2077.685L26.422%2051.417l19.044-25.24v-.044l29.377%204.495zm78.542-47.567l-36.17-5.531l-1.97-15.747h22.948a15.23%2015.23%200%200%201%2015.192%2015.185z%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%23303030%22%20d%3D%22M123.425%2054.883a1.934%201.934%200%200%201%201.831%202.094v5.626a1.737%201.737%200%200%201-1.962%201.962H98.959c-6.02%200-9.552%202.087-9.552%206.801v1.7c0%203.649%201.7%206.8%208.107%209.158l17.403%206.939C126.957%2093.738%20128%20100.414%20128%20107.609v1.46c0%2014.651-8.756%2017.512-26.429%2017.512c-11.383%200-21.715-.92-23.94-1.182c-1.57-.125-1.963-.913-1.963-1.956v-5.757a1.73%201.73%200%200%201%201.963-1.963h24.203c10.463%200%2013.74-1.182%2013.74-6.808v-1.569c0-3.794-1.57-6.282-7.589-8.756l-18.578-7.107C79.331%2087.558%2076.842%2079.97%2076.842%2072.774v-2.743c0-14.397%2012.565-16.36%2026.56-16.36a165%20165%200%200%201%2020.023%201.212%22%2F%3E%3Cpath%20fill%3D%22%238c0000%22%20d%3D%22M117.5%206.111a21.52%2021.52%200%200%200-13.608-4.845H21.628A21.6%2021.6%200%200%200%2011.55%203.754a21.9%2021.9%200%200%200-8.756%208.465c-.394.73-.73%201.415-1.065%202.138c-.19.496-.402.985-.57%201.459a19%2019%200%200%200-.78%203.028a20.5%2020.5%200%200%200-.38%204.05v82.234a21.3%2021.3%200%200%200%202.138%209.37a21.62%2021.62%200%200%200%2019.49%2012.236H65.54a1.167%201.167%200%200%200%201.167-1.168v-5.246a1.167%201.167%200%200%200-1.167-1.167h-5.7L42.832%2084.705l38.804-51.428a4.4%204.4%200%200%200%20.73-1.51l35.557%205.443v8.026a1.167%201.167%200%200%200%201.168%201.16h5.275a1.175%201.175%200%200%200%201.168-1.16V22.894A21.52%2021.52%200%200%200%20117.5%206.11Zm-44.751%202.73l1.839%2014.651l-28.75-4.378L44.54%208.899Zm-51.077%200h15.797l1.131%209.157l-21-3.211l-6.625-1.022A13.94%2013.94%200%200%201%2021.628%208.84ZM37.63%2024.936L22.97%2044.419L11.37%2020.91Zm-30.034%204.16l9.398%2019.03l-9.398%201.153zm0%2027.253l12.66-1.598L33.39%2081.304L7.596%2084.551Zm44.43%2062.804h-29.23a15.236%2015.236%200%200%201-15.2-15.192V91.607L36.63%2087.96ZM39.374%2077.685L26.422%2051.417l19.044-25.24v-.044l29.377%204.495zm78.542-47.567l-36.17-5.531l-1.97-15.747h22.948a15.23%2015.23%200%200%201%2015.192%2015.185z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/spyder.svg?color=%231a73e8&size=48
