dart logo

dart from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: dart
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

dartCatppuccin Icons dartHuge Icons dartSVG Logos dartSimple Icons dart-darkSkill Icons

Use the dart logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#00c4b3" d="m35.2 34.9l-8.3-8.3v59.7l.1 2.8c0 1.3.2 2.8.7 4.3l65.6 23.1l16.3-7.2z"/><path fill="#22d3c5" d="m109.6 109.3l-16.3 7.2l-65.4-23.1c1.3 4.8 4 10.1 7 13.2l21.3 21.2l47.6.1z"/><path fill="#0075c9" d="M1.7 65.1C-.4 67.3.7 72 4 75.5l14.7 14.8l9.2 3.3c-.3-1.5-.7-3-.7-4.3l-.1-2.8l-.2-59.8m82.7 82.6l7.2-16.4l-23-65.6c-1.5-.3-3-.6-4.3-.7l-2.9-.1l-59.6.1"/><path fill="#00a8e1" d="M93.6 27.3q.3 0 0 0q.3 0 0 0m16 82l17.7-5.8V54.8l-20.4-20.5c-3-3-8.3-5.8-13.2-7l23.1 65.6"/><path fill="#00c4b3" d="M90.5 18.2L75.7 3.5c-3.4-3.4-8-4.4-10.4-2.3L26.9 26.6h59.5l2.9.1c1.3 0 2.8.2 4.3.7z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconDart(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#00c4b3" d="m35.2 34.9l-8.3-8.3v59.7l.1 2.8c0 1.3.2 2.8.7 4.3l65.6 23.1l16.3-7.2z"/><path fill="#22d3c5" d="m109.6 109.3l-16.3 7.2l-65.4-23.1c1.3 4.8 4 10.1 7 13.2l21.3 21.2l47.6.1z"/><path fill="#0075c9" d="M1.7 65.1C-.4 67.3.7 72 4 75.5l14.7 14.8l9.2 3.3c-.3-1.5-.7-3-.7-4.3l-.1-2.8l-.2-59.8m82.7 82.6l7.2-16.4l-23-65.6c-1.5-.3-3-.6-4.3-.7l-2.9-.1l-59.6.1"/><path fill="#00a8e1" d="M93.6 27.3q.3 0 0 0q.3 0 0 0m16 82l17.7-5.8V54.8l-20.4-20.5c-3-3-8.3-5.8-13.2-7l23.1 65.6"/><path fill="#00c4b3" d="M90.5 18.2L75.7 3.5c-3.4-3.4-8-4.4-10.4-2.3L26.9 26.6h59.5l2.9.1c1.3 0 2.8.2 4.3.7z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#00c4b3" d="m35.2 34.9l-8.3-8.3v59.7l.1 2.8c0 1.3.2 2.8.7 4.3l65.6 23.1l16.3-7.2z"/><path fill="#22d3c5" d="m109.6 109.3l-16.3 7.2l-65.4-23.1c1.3 4.8 4 10.1 7 13.2l21.3 21.2l47.6.1z"/><path fill="#0075c9" d="M1.7 65.1C-.4 67.3.7 72 4 75.5l14.7 14.8l9.2 3.3c-.3-1.5-.7-3-.7-4.3l-.1-2.8l-.2-59.8m82.7 82.6l7.2-16.4l-23-65.6c-1.5-.3-3-.6-4.3-.7l-2.9-.1l-59.6.1"/><path fill="#00a8e1" d="M93.6 27.3q.3 0 0 0q.3 0 0 0m16 82l17.7-5.8V54.8l-20.4-20.5c-3-3-8.3-5.8-13.2-7l23.1 65.6"/><path fill="#00c4b3" d="M90.5 18.2L75.7 3.5c-3.4-3.4-8-4.4-10.4-2.3L26.9 26.6h59.5l2.9.1c1.3 0 2.8.2 4.3.7z"/></svg>
</template>

CSS

.icon-dart {
  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%2300c4b3%22%20d%3D%22m35.2%2034.9l-8.3-8.3v59.7l.1%202.8c0%201.3.2%202.8.7%204.3l65.6%2023.1l16.3-7.2z%22%2F%3E%3Cpath%20fill%3D%22%2322d3c5%22%20d%3D%22m109.6%20109.3l-16.3%207.2l-65.4-23.1c1.3%204.8%204%2010.1%207%2013.2l21.3%2021.2l47.6.1z%22%2F%3E%3Cpath%20fill%3D%22%230075c9%22%20d%3D%22M1.7%2065.1C-.4%2067.3.7%2072%204%2075.5l14.7%2014.8l9.2%203.3c-.3-1.5-.7-3-.7-4.3l-.1-2.8l-.2-59.8m82.7%2082.6l7.2-16.4l-23-65.6c-1.5-.3-3-.6-4.3-.7l-2.9-.1l-59.6.1%22%2F%3E%3Cpath%20fill%3D%22%2300a8e1%22%20d%3D%22M93.6%2027.3q.3%200%200%200q.3%200%200%200m16%2082l17.7-5.8V54.8l-20.4-20.5c-3-3-8.3-5.8-13.2-7l23.1%2065.6%22%2F%3E%3Cpath%20fill%3D%22%2300c4b3%22%20d%3D%22M90.5%2018.2L75.7%203.5c-3.4-3.4-8-4.4-10.4-2.3L26.9%2026.6h59.5l2.9.1c1.3%200%202.8.2%204.3.7z%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%2300c4b3%22%20d%3D%22m35.2%2034.9l-8.3-8.3v59.7l.1%202.8c0%201.3.2%202.8.7%204.3l65.6%2023.1l16.3-7.2z%22%2F%3E%3Cpath%20fill%3D%22%2322d3c5%22%20d%3D%22m109.6%20109.3l-16.3%207.2l-65.4-23.1c1.3%204.8%204%2010.1%207%2013.2l21.3%2021.2l47.6.1z%22%2F%3E%3Cpath%20fill%3D%22%230075c9%22%20d%3D%22M1.7%2065.1C-.4%2067.3.7%2072%204%2075.5l14.7%2014.8l9.2%203.3c-.3-1.5-.7-3-.7-4.3l-.1-2.8l-.2-59.8m82.7%2082.6l7.2-16.4l-23-65.6c-1.5-.3-3-.6-4.3-.7l-2.9-.1l-59.6.1%22%2F%3E%3Cpath%20fill%3D%22%2300a8e1%22%20d%3D%22M93.6%2027.3q.3%200%200%200q.3%200%200%200m16%2082l17.7-5.8V54.8l-20.4-20.5c-3-3-8.3-5.8-13.2-7l23.1%2065.6%22%2F%3E%3Cpath%20fill%3D%22%2300c4b3%22%20d%3D%22M90.5%2018.2L75.7%203.5c-3.4-3.4-8-4.4-10.4-2.3L26.9%2026.6h59.5l2.9.1c1.3%200%202.8.2%204.3.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/dart.svg?color=%231a73e8&size=48