dart logo
dart from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- dart
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
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"><defs><radialGradient id="SVGKrceHeYR" cx="50%" cy="50.002%" r="50.004%" fx="50%" fy="50.002%" gradientTransform="scale(1 .99985)"><stop offset="0%" stop-color="#fff" stop-opacity=".1"/><stop offset="100%" stop-color="#fff" stop-opacity="0"/></radialGradient></defs><path fill="#01579b" d="M52.209 203.791L8.413 159.995C3.218 154.67 0 147.141 0 139.782c0-3.407 1.92-8.733 3.369-11.782l40.427-84.204z"/><path fill="#40c4ff" d="M202.116 52.209L158.32 8.413C154.5 4.573 146.538 0 139.8 0c-5.796 0-11.48 1.167-15.15 3.369L43.815 43.796zM104.418 256h106.111v-45.471l-79.16-25.276l-72.422 25.276z"/><path fill="#29b6f6" d="M43.796 180.209c0 13.513 1.694 16.826 8.413 23.582l6.738 6.738h151.582l-74.097-84.204l-92.636-82.53z"/><path fill="#01579b" d="M178.534 43.777H43.796L210.529 210.51H256V106.093L202.097 52.19c-7.566-7.585-14.285-8.413-23.563-8.413"/><path fill="#fff" d="M53.903 205.466c-6.738-6.756-8.413-13.419-8.413-25.257V45.47l-1.675-1.675v136.413c-.02 11.838-.02 15.113 10.088 25.257l5.044 5.044z" opacity=".2"/><path fill="#263238" d="M254.325 104.418v104.417h-45.471l1.675 1.694H256V106.093z" opacity=".2"/><path fill="#fff" d="M202.116 52.209c-8.356-8.357-15.188-8.413-25.257-8.413H43.815l1.675 1.675h131.369c5.025 0 17.71-.847 25.257 6.738" opacity=".2"/><path fill="url(#SVGKrceHeYR)" d="m254.325 104.418l-52.209-52.21L158.32 8.414C154.5 4.573 146.538 0 139.8 0c-5.796 0-11.48 1.167-15.15 3.369L43.815 43.796L3.388 128c-1.45 3.068-3.37 8.394-3.37 11.782c0 7.359 3.238 14.868 8.414 20.213l40.351 40.07c.96 1.185 2.09 2.39 3.426 3.726l1.675 1.675l5.044 5.044l43.796 43.796l1.675 1.675H210.49v-45.47h45.471V106.092z" opacity=".2"/></svg>
React
import type { SVGProps } from "react";
export function LogosDart(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><radialGradient id="SVGKrceHeYR" cx="50%" cy="50.002%" r="50.004%" fx="50%" fy="50.002%" gradientTransform="scale(1 .99985)"><stop offset="0%" stopColor="#fff" stopOpacity=".1"/><stop offset="100%" stopColor="#fff" stopOpacity="0"/></radialGradient></defs><path fill="#01579b" d="M52.209 203.791L8.413 159.995C3.218 154.67 0 147.141 0 139.782c0-3.407 1.92-8.733 3.369-11.782l40.427-84.204z"/><path fill="#40c4ff" d="M202.116 52.209L158.32 8.413C154.5 4.573 146.538 0 139.8 0c-5.796 0-11.48 1.167-15.15 3.369L43.815 43.796zM104.418 256h106.111v-45.471l-79.16-25.276l-72.422 25.276z"/><path fill="#29b6f6" d="M43.796 180.209c0 13.513 1.694 16.826 8.413 23.582l6.738 6.738h151.582l-74.097-84.204l-92.636-82.53z"/><path fill="#01579b" d="M178.534 43.777H43.796L210.529 210.51H256V106.093L202.097 52.19c-7.566-7.585-14.285-8.413-23.563-8.413"/><path fill="#fff" d="M53.903 205.466c-6.738-6.756-8.413-13.419-8.413-25.257V45.47l-1.675-1.675v136.413c-.02 11.838-.02 15.113 10.088 25.257l5.044 5.044z" opacity=".2"/><path fill="#263238" d="M254.325 104.418v104.417h-45.471l1.675 1.694H256V106.093z" opacity=".2"/><path fill="#fff" d="M202.116 52.209c-8.356-8.357-15.188-8.413-25.257-8.413H43.815l1.675 1.675h131.369c5.025 0 17.71-.847 25.257 6.738" opacity=".2"/><path fill="url(#SVGKrceHeYR)" d="m254.325 104.418l-52.209-52.21L158.32 8.414C154.5 4.573 146.538 0 139.8 0c-5.796 0-11.48 1.167-15.15 3.369L43.815 43.796L3.388 128c-1.45 3.068-3.37 8.394-3.37 11.782c0 7.359 3.238 14.868 8.414 20.213l40.351 40.07c.96 1.185 2.09 2.39 3.426 3.726l1.675 1.675l5.044 5.044l43.796 43.796l1.675 1.675H210.49v-45.47h45.471V106.092z" opacity=".2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><radialGradient id="SVGKrceHeYR" cx="50%" cy="50.002%" r="50.004%" fx="50%" fy="50.002%" gradientTransform="scale(1 .99985)"><stop offset="0%" stop-color="#fff" stop-opacity=".1"/><stop offset="100%" stop-color="#fff" stop-opacity="0"/></radialGradient></defs><path fill="#01579b" d="M52.209 203.791L8.413 159.995C3.218 154.67 0 147.141 0 139.782c0-3.407 1.92-8.733 3.369-11.782l40.427-84.204z"/><path fill="#40c4ff" d="M202.116 52.209L158.32 8.413C154.5 4.573 146.538 0 139.8 0c-5.796 0-11.48 1.167-15.15 3.369L43.815 43.796zM104.418 256h106.111v-45.471l-79.16-25.276l-72.422 25.276z"/><path fill="#29b6f6" d="M43.796 180.209c0 13.513 1.694 16.826 8.413 23.582l6.738 6.738h151.582l-74.097-84.204l-92.636-82.53z"/><path fill="#01579b" d="M178.534 43.777H43.796L210.529 210.51H256V106.093L202.097 52.19c-7.566-7.585-14.285-8.413-23.563-8.413"/><path fill="#fff" d="M53.903 205.466c-6.738-6.756-8.413-13.419-8.413-25.257V45.47l-1.675-1.675v136.413c-.02 11.838-.02 15.113 10.088 25.257l5.044 5.044z" opacity=".2"/><path fill="#263238" d="M254.325 104.418v104.417h-45.471l1.675 1.694H256V106.093z" opacity=".2"/><path fill="#fff" d="M202.116 52.209c-8.356-8.357-15.188-8.413-25.257-8.413H43.815l1.675 1.675h131.369c5.025 0 17.71-.847 25.257 6.738" opacity=".2"/><path fill="url(#SVGKrceHeYR)" d="m254.325 104.418l-52.209-52.21L158.32 8.414C154.5 4.573 146.538 0 139.8 0c-5.796 0-11.48 1.167-15.15 3.369L43.815 43.796L3.388 128c-1.45 3.068-3.37 8.394-3.37 11.782c0 7.359 3.238 14.868 8.414 20.213l40.351 40.07c.96 1.185 2.09 2.39 3.426 3.726l1.675 1.675l5.044 5.044l43.796 43.796l1.675 1.675H210.49v-45.47h45.471V106.092z" opacity=".2"/></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%20256%20256%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGKrceHeYR%22%20cx%3D%2250%25%22%20cy%3D%2250.002%25%22%20r%3D%2250.004%25%22%20fx%3D%2250%25%22%20fy%3D%2250.002%25%22%20gradientTransform%3D%22scale(1%20.99985)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2301579b%22%20d%3D%22M52.209%20203.791L8.413%20159.995C3.218%20154.67%200%20147.141%200%20139.782c0-3.407%201.92-8.733%203.369-11.782l40.427-84.204z%22%2F%3E%3Cpath%20fill%3D%22%2340c4ff%22%20d%3D%22M202.116%2052.209L158.32%208.413C154.5%204.573%20146.538%200%20139.8%200c-5.796%200-11.48%201.167-15.15%203.369L43.815%2043.796zM104.418%20256h106.111v-45.471l-79.16-25.276l-72.422%2025.276z%22%2F%3E%3Cpath%20fill%3D%22%2329b6f6%22%20d%3D%22M43.796%20180.209c0%2013.513%201.694%2016.826%208.413%2023.582l6.738%206.738h151.582l-74.097-84.204l-92.636-82.53z%22%2F%3E%3Cpath%20fill%3D%22%2301579b%22%20d%3D%22M178.534%2043.777H43.796L210.529%20210.51H256V106.093L202.097%2052.19c-7.566-7.585-14.285-8.413-23.563-8.413%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M53.903%20205.466c-6.738-6.756-8.413-13.419-8.413-25.257V45.47l-1.675-1.675v136.413c-.02%2011.838-.02%2015.113%2010.088%2025.257l5.044%205.044z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20fill%3D%22%23263238%22%20d%3D%22M254.325%20104.418v104.417h-45.471l1.675%201.694H256V106.093z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M202.116%2052.209c-8.356-8.357-15.188-8.413-25.257-8.413H43.815l1.675%201.675h131.369c5.025%200%2017.71-.847%2025.257%206.738%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGKrceHeYR)%22%20d%3D%22m254.325%20104.418l-52.209-52.21L158.32%208.414C154.5%204.573%20146.538%200%20139.8%200c-5.796%200-11.48%201.167-15.15%203.369L43.815%2043.796L3.388%20128c-1.45%203.068-3.37%208.394-3.37%2011.782c0%207.359%203.238%2014.868%208.414%2020.213l40.351%2040.07c.96%201.185%202.09%202.39%203.426%203.726l1.675%201.675l5.044%205.044l43.796%2043.796l1.675%201.675H210.49v-45.47h45.471V106.092z%22%20opacity%3D%22.2%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%3Cdefs%3E%3CradialGradient%20id%3D%22SVGKrceHeYR%22%20cx%3D%2250%25%22%20cy%3D%2250.002%25%22%20r%3D%2250.004%25%22%20fx%3D%2250%25%22%20fy%3D%2250.002%25%22%20gradientTransform%3D%22scale(1%20.99985)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2301579b%22%20d%3D%22M52.209%20203.791L8.413%20159.995C3.218%20154.67%200%20147.141%200%20139.782c0-3.407%201.92-8.733%203.369-11.782l40.427-84.204z%22%2F%3E%3Cpath%20fill%3D%22%2340c4ff%22%20d%3D%22M202.116%2052.209L158.32%208.413C154.5%204.573%20146.538%200%20139.8%200c-5.796%200-11.48%201.167-15.15%203.369L43.815%2043.796zM104.418%20256h106.111v-45.471l-79.16-25.276l-72.422%2025.276z%22%2F%3E%3Cpath%20fill%3D%22%2329b6f6%22%20d%3D%22M43.796%20180.209c0%2013.513%201.694%2016.826%208.413%2023.582l6.738%206.738h151.582l-74.097-84.204l-92.636-82.53z%22%2F%3E%3Cpath%20fill%3D%22%2301579b%22%20d%3D%22M178.534%2043.777H43.796L210.529%20210.51H256V106.093L202.097%2052.19c-7.566-7.585-14.285-8.413-23.563-8.413%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M53.903%20205.466c-6.738-6.756-8.413-13.419-8.413-25.257V45.47l-1.675-1.675v136.413c-.02%2011.838-.02%2015.113%2010.088%2025.257l5.044%205.044z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20fill%3D%22%23263238%22%20d%3D%22M254.325%20104.418v104.417h-45.471l1.675%201.694H256V106.093z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M202.116%2052.209c-8.356-8.357-15.188-8.413-25.257-8.413H43.815l1.675%201.675h131.369c5.025%200%2017.71-.847%2025.257%206.738%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGKrceHeYR)%22%20d%3D%22m254.325%20104.418l-52.209-52.21L158.32%208.414C154.5%204.573%20146.538%200%20139.8%200c-5.796%200-11.48%201.167-15.15%203.369L43.815%2043.796L3.388%20128c-1.45%203.068-3.37%208.394-3.37%2011.782c0%207.359%203.238%2014.868%208.414%2020.213l40.351%2040.07c.96%201.185%202.09%202.39%203.426%203.726l1.675%201.675l5.044%205.044l43.796%2043.796l1.675%201.675H210.49v-45.47h45.471V106.092z%22%20opacity%3D%22.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/dart.svg?color=%231a73e8&size=48
