spider man icon
spider-man from IconPark Outline by ByteDance · Outline · Hands · Apache-2.0 Free for personal and commercial use.
- Name
- spider-man
- Set
- IconPark Outline
- Style
- Outline
- Category
- Hands
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More hands icons from IconPark Outline
Use the spider man icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M33 24c3.5 3 4.613 8.446 2.882 12.484c-1.73 4.038-5.769 7.5-10.384 8.076s-9.23-2.884-10.384-4.038a10.6 10.6 0 0 1-1.105-1.307a1.514 1.514 0 0 1 .118-1.917c.865-.954 2.368-2.269 3.871-1.968c2.885.577 3.968 1.578 6.346.577C26.5 35 27.23 33.023 27.23 31.292c0-1.73-1.154-3.462-3.462-4.038c-2.307-.577-4.615.576-5.192 2.307s0 2.885-1.73 4.038c-.588.392-1.403.763-2.147 1.06c-1.03.41-2.15-.199-2.234-1.303c-.177-2.324.247-5.664 2.65-8.41c1.246-1.424 2.411-2.392 3.461-3.051"/><path d="M33 24L23.128 4.24c-.23-.46-.776-.677-1.222-.42c-1.04.597-2.26 1.722-1.863 3.467c.51 2.25 3.537 12.761 4.956 15.713m-2.5-6l-6.87-6.52c-.36-.343-.925-.373-1.264-.009c-.822.88-1.674 2.333-.764 3.895C14.763 16.36 17.761 20.61 20 23"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkOutlineSpiderMan(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M33 24c3.5 3 4.613 8.446 2.882 12.484c-1.73 4.038-5.769 7.5-10.384 8.076s-9.23-2.884-10.384-4.038a10.6 10.6 0 0 1-1.105-1.307a1.514 1.514 0 0 1 .118-1.917c.865-.954 2.368-2.269 3.871-1.968c2.885.577 3.968 1.578 6.346.577C26.5 35 27.23 33.023 27.23 31.292c0-1.73-1.154-3.462-3.462-4.038c-2.307-.577-4.615.576-5.192 2.307s0 2.885-1.73 4.038c-.588.392-1.403.763-2.147 1.06c-1.03.41-2.15-.199-2.234-1.303c-.177-2.324.247-5.664 2.65-8.41c1.246-1.424 2.411-2.392 3.461-3.051"/><path d="M33 24L23.128 4.24c-.23-.46-.776-.677-1.222-.42c-1.04.597-2.26 1.722-1.863 3.467c.51 2.25 3.537 12.761 4.956 15.713m-2.5-6l-6.87-6.52c-.36-.343-.925-.373-1.264-.009c-.822.88-1.674 2.333-.764 3.895C14.763 16.36 17.761 20.61 20 23"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M33 24c3.5 3 4.613 8.446 2.882 12.484c-1.73 4.038-5.769 7.5-10.384 8.076s-9.23-2.884-10.384-4.038a10.6 10.6 0 0 1-1.105-1.307a1.514 1.514 0 0 1 .118-1.917c.865-.954 2.368-2.269 3.871-1.968c2.885.577 3.968 1.578 6.346.577C26.5 35 27.23 33.023 27.23 31.292c0-1.73-1.154-3.462-3.462-4.038c-2.307-.577-4.615.576-5.192 2.307s0 2.885-1.73 4.038c-.588.392-1.403.763-2.147 1.06c-1.03.41-2.15-.199-2.234-1.303c-.177-2.324.247-5.664 2.65-8.41c1.246-1.424 2.411-2.392 3.461-3.051"/><path d="M33 24L23.128 4.24c-.23-.46-.776-.677-1.222-.42c-1.04.597-2.26 1.722-1.863 3.467c.51 2.25 3.537 12.761 4.956 15.713m-2.5-6l-6.87-6.52c-.36-.343-.925-.373-1.264-.009c-.822.88-1.674 2.333-.764 3.895C14.763 16.36 17.761 20.61 20 23"/></g></svg> </template>
CSS
.icon-spider-man {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M33%2024c3.5%203%204.613%208.446%202.882%2012.484c-1.73%204.038-5.769%207.5-10.384%208.076s-9.23-2.884-10.384-4.038a10.6%2010.6%200%200%201-1.105-1.307a1.514%201.514%200%200%201%20.118-1.917c.865-.954%202.368-2.269%203.871-1.968c2.885.577%203.968%201.578%206.346.577C26.5%2035%2027.23%2033.023%2027.23%2031.292c0-1.73-1.154-3.462-3.462-4.038c-2.307-.577-4.615.576-5.192%202.307s0%202.885-1.73%204.038c-.588.392-1.403.763-2.147%201.06c-1.03.41-2.15-.199-2.234-1.303c-.177-2.324.247-5.664%202.65-8.41c1.246-1.424%202.411-2.392%203.461-3.051%22%2F%3E%3Cpath%20d%3D%22M33%2024L23.128%204.24c-.23-.46-.776-.677-1.222-.42c-1.04.597-2.26%201.722-1.863%203.467c.51%202.25%203.537%2012.761%204.956%2015.713m-2.5-6l-6.87-6.52c-.36-.343-.925-.373-1.264-.009c-.822.88-1.674%202.333-.764%203.895C14.763%2016.36%2017.761%2020.61%2020%2023%22%2F%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M33%2024c3.5%203%204.613%208.446%202.882%2012.484c-1.73%204.038-5.769%207.5-10.384%208.076s-9.23-2.884-10.384-4.038a10.6%2010.6%200%200%201-1.105-1.307a1.514%201.514%200%200%201%20.118-1.917c.865-.954%202.368-2.269%203.871-1.968c2.885.577%203.968%201.578%206.346.577C26.5%2035%2027.23%2033.023%2027.23%2031.292c0-1.73-1.154-3.462-3.462-4.038c-2.307-.577-4.615.576-5.192%202.307s0%202.885-1.73%204.038c-.588.392-1.403.763-2.147%201.06c-1.03.41-2.15-.199-2.234-1.303c-.177-2.324.247-5.664%202.65-8.41c1.246-1.424%202.411-2.392%203.461-3.051%22%2F%3E%3Cpath%20d%3D%22M33%2024L23.128%204.24c-.23-.46-.776-.677-1.222-.42c-1.04.597-2.26%201.722-1.863%203.467c.51%202.25%203.537%2012.761%204.956%2015.713m-2.5-6l-6.87-6.52c-.36-.343-.925-.373-1.264-.009c-.822.88-1.674%202.333-.764%203.895C14.763%2016.36%2017.761%2020.61%2020%2023%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-outline/spider-man.svg?color=%231a73e8&size=48
