dart logo
dart-dark from Skill Icons by tandpfun · Dark · MIT Free for personal and commercial use.
- Name
- dart-dark
- Set
- Skill Icons
- Style
- Dark
- Viewbox
- 256×256
- License
- MIT
1 other variant in Skill Icons
The same logo in other sets
Use the dart 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="#242938" rx="60"/><path fill="#00c4b3" d="M87.45 87.005L75.81 75.361l.045 84.102l.14 3.927c.057 1.856.409 3.937.971 6.103l92.18 32.512l23.062-10.209l.02-.034L87.444 87.005z"/><path fill="#22d3c5" d="M76.97 169.493h.008a1 1 0 0 0-.039-.113c.02.043.02.085.028.113zm115.217 22.303l-23.063 10.209l-92.165-32.512c1.758 6.761 5.659 14.36 9.85 18.506l30.065 29.917l66.904.084l8.381-26.204z"/><path fill="#0075c9" d="m76.126 75.364l-35.84 54.127c-2.975 3.178-1.49 9.736 3.3 14.568l20.688 20.858l13.005 4.584c-.562-2.16-.916-4.219-.97-6.103l-.14-3.926l-.043-84.102z"/><path fill="#0075c9" d="M169.906 76.447c-2.165-.549-4.241-.895-6.111-.948l-4.157-.152l-83.827.02l116.415 116.398l10.227-23.063l-32.541-92.25z"/><path fill="#00a8e1" d="M169.799 76.427a1 1 0 0 0 .107.028v-.011c-.036-.008-.07-.008-.107-.023zm18.605 9.894c-4.233-4.26-11.728-8.156-18.498-9.866l32.541 92.242l-10.238 23.062l24.981-7.982l.056-68.49l-28.845-28.968z"/><path fill="#00c4b3" d="m165.344 63.523l-20.812-20.7c-4.855-4.772-11.413-6.263-14.563-3.293L75.845 75.361l83.827-.02l4.156.152c1.871.057 3.949.4 6.112.948l-4.59-12.923z"/></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsDartDark(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="#242938" rx="60"/><path fill="#00c4b3" d="M87.45 87.005L75.81 75.361l.045 84.102l.14 3.927c.057 1.856.409 3.937.971 6.103l92.18 32.512l23.062-10.209l.02-.034L87.444 87.005z"/><path fill="#22d3c5" d="M76.97 169.493h.008a1 1 0 0 0-.039-.113c.02.043.02.085.028.113zm115.217 22.303l-23.063 10.209l-92.165-32.512c1.758 6.761 5.659 14.36 9.85 18.506l30.065 29.917l66.904.084l8.381-26.204z"/><path fill="#0075c9" d="m76.126 75.364l-35.84 54.127c-2.975 3.178-1.49 9.736 3.3 14.568l20.688 20.858l13.005 4.584c-.562-2.16-.916-4.219-.97-6.103l-.14-3.926l-.043-84.102z"/><path fill="#0075c9" d="M169.906 76.447c-2.165-.549-4.241-.895-6.111-.948l-4.157-.152l-83.827.02l116.415 116.398l10.227-23.063l-32.541-92.25z"/><path fill="#00a8e1" d="M169.799 76.427a1 1 0 0 0 .107.028v-.011c-.036-.008-.07-.008-.107-.023zm18.605 9.894c-4.233-4.26-11.728-8.156-18.498-9.866l32.541 92.242l-10.238 23.062l24.981-7.982l.056-68.49l-28.845-28.968z"/><path fill="#00c4b3" d="m165.344 63.523l-20.812-20.7c-4.855-4.772-11.413-6.263-14.563-3.293L75.845 75.361l83.827-.02l4.156.152c1.871.057 3.949.4 6.112.948l-4.59-12.923z"/></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="#242938" rx="60"/><path fill="#00c4b3" d="M87.45 87.005L75.81 75.361l.045 84.102l.14 3.927c.057 1.856.409 3.937.971 6.103l92.18 32.512l23.062-10.209l.02-.034L87.444 87.005z"/><path fill="#22d3c5" d="M76.97 169.493h.008a1 1 0 0 0-.039-.113c.02.043.02.085.028.113zm115.217 22.303l-23.063 10.209l-92.165-32.512c1.758 6.761 5.659 14.36 9.85 18.506l30.065 29.917l66.904.084l8.381-26.204z"/><path fill="#0075c9" d="m76.126 75.364l-35.84 54.127c-2.975 3.178-1.49 9.736 3.3 14.568l20.688 20.858l13.005 4.584c-.562-2.16-.916-4.219-.97-6.103l-.14-3.926l-.043-84.102z"/><path fill="#0075c9" d="M169.906 76.447c-2.165-.549-4.241-.895-6.111-.948l-4.157-.152l-83.827.02l116.415 116.398l10.227-23.063l-32.541-92.25z"/><path fill="#00a8e1" d="M169.799 76.427a1 1 0 0 0 .107.028v-.011c-.036-.008-.07-.008-.107-.023zm18.605 9.894c-4.233-4.26-11.728-8.156-18.498-9.866l32.541 92.242l-10.238 23.062l24.981-7.982l.056-68.49l-28.845-28.968z"/><path fill="#00c4b3" d="m165.344 63.523l-20.812-20.7c-4.855-4.772-11.413-6.263-14.563-3.293L75.845 75.361l83.827-.02l4.156.152c1.871.057 3.949.4 6.112.948l-4.59-12.923z"/></g></svg> </template>
CSS
.icon-dart-dark {
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%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%2300c4b3%22%20d%3D%22M87.45%2087.005L75.81%2075.361l.045%2084.102l.14%203.927c.057%201.856.409%203.937.971%206.103l92.18%2032.512l23.062-10.209l.02-.034L87.444%2087.005z%22%2F%3E%3Cpath%20fill%3D%22%2322d3c5%22%20d%3D%22M76.97%20169.493h.008a1%201%200%200%200-.039-.113c.02.043.02.085.028.113zm115.217%2022.303l-23.063%2010.209l-92.165-32.512c1.758%206.761%205.659%2014.36%209.85%2018.506l30.065%2029.917l66.904.084l8.381-26.204z%22%2F%3E%3Cpath%20fill%3D%22%230075c9%22%20d%3D%22m76.126%2075.364l-35.84%2054.127c-2.975%203.178-1.49%209.736%203.3%2014.568l20.688%2020.858l13.005%204.584c-.562-2.16-.916-4.219-.97-6.103l-.14-3.926l-.043-84.102z%22%2F%3E%3Cpath%20fill%3D%22%230075c9%22%20d%3D%22M169.906%2076.447c-2.165-.549-4.241-.895-6.111-.948l-4.157-.152l-83.827.02l116.415%20116.398l10.227-23.063l-32.541-92.25z%22%2F%3E%3Cpath%20fill%3D%22%2300a8e1%22%20d%3D%22M169.799%2076.427a1%201%200%200%200%20.107.028v-.011c-.036-.008-.07-.008-.107-.023zm18.605%209.894c-4.233-4.26-11.728-8.156-18.498-9.866l32.541%2092.242l-10.238%2023.062l24.981-7.982l.056-68.49l-28.845-28.968z%22%2F%3E%3Cpath%20fill%3D%22%2300c4b3%22%20d%3D%22m165.344%2063.523l-20.812-20.7c-4.855-4.772-11.413-6.263-14.563-3.293L75.845%2075.361l83.827-.02l4.156.152c1.871.057%203.949.4%206.112.948l-4.59-12.923z%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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%2300c4b3%22%20d%3D%22M87.45%2087.005L75.81%2075.361l.045%2084.102l.14%203.927c.057%201.856.409%203.937.971%206.103l92.18%2032.512l23.062-10.209l.02-.034L87.444%2087.005z%22%2F%3E%3Cpath%20fill%3D%22%2322d3c5%22%20d%3D%22M76.97%20169.493h.008a1%201%200%200%200-.039-.113c.02.043.02.085.028.113zm115.217%2022.303l-23.063%2010.209l-92.165-32.512c1.758%206.761%205.659%2014.36%209.85%2018.506l30.065%2029.917l66.904.084l8.381-26.204z%22%2F%3E%3Cpath%20fill%3D%22%230075c9%22%20d%3D%22m76.126%2075.364l-35.84%2054.127c-2.975%203.178-1.49%209.736%203.3%2014.568l20.688%2020.858l13.005%204.584c-.562-2.16-.916-4.219-.97-6.103l-.14-3.926l-.043-84.102z%22%2F%3E%3Cpath%20fill%3D%22%230075c9%22%20d%3D%22M169.906%2076.447c-2.165-.549-4.241-.895-6.111-.948l-4.157-.152l-83.827.02l116.415%20116.398l10.227-23.063l-32.541-92.25z%22%2F%3E%3Cpath%20fill%3D%22%2300a8e1%22%20d%3D%22M169.799%2076.427a1%201%200%200%200%20.107.028v-.011c-.036-.008-.07-.008-.107-.023zm18.605%209.894c-4.233-4.26-11.728-8.156-18.498-9.866l32.541%2092.242l-10.238%2023.062l24.981-7.982l.056-68.49l-28.845-28.968z%22%2F%3E%3Cpath%20fill%3D%22%2300c4b3%22%20d%3D%22m165.344%2063.523l-20.812-20.7c-4.855-4.772-11.413-6.263-14.563-3.293L75.845%2075.361l83.827-.02l4.156.152c1.871.057%203.949.4%206.112.948l-4.59-12.923z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/dart-dark.svg?color=%231a73e8&size=48
