flydotio logo

flydotio from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
flydotio
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the flydotio logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.987 0c-2.45-.01-5.002.925-6.541 2.897c-1.17 1.502-1.664 3.474-1.49 5.356c.29 2.112 1.476 3.96 2.676 5.672a41.5 41.5 0 0 0 4.216 4.831c-1.063.832-1.943 2.286-1.357 3.644c.821 2.32 4.665 2.05 5.122-.372c.39-1.288-.694-2.533-1.428-3.309c2.388-2.431 4.706-5.036 6.17-8.145c.595-1.32.902-2.802.614-4.24c-.28-2.341-1.823-4.473-3.967-5.46C14.76.266 13.364.016 11.987 0m-.236 1.577v15.534C9.881 13.483 7.724 9.266 8.73 5.069c.35-1.539 1.253-3.309 3.02-3.492m1.996.04c1.534.357 3.031 1.096 3.906 2.48c1.3 1.93 1.318 4.55.1 6.521c-1.268 2.395-3.06 4.463-4.916 6.415c1.472-2.974 3.074-6.106 3.182-9.5c-.043-2.08-.438-4.612-2.272-5.916M11.97 20.103c.848.342 1.597 1.983.153 2.173c-.664.15-1.367-.599-.995-1.222c.213-.355.488-.73.842-.95"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsFlydotio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.987 0c-2.45-.01-5.002.925-6.541 2.897c-1.17 1.502-1.664 3.474-1.49 5.356c.29 2.112 1.476 3.96 2.676 5.672a41.5 41.5 0 0 0 4.216 4.831c-1.063.832-1.943 2.286-1.357 3.644c.821 2.32 4.665 2.05 5.122-.372c.39-1.288-.694-2.533-1.428-3.309c2.388-2.431 4.706-5.036 6.17-8.145c.595-1.32.902-2.802.614-4.24c-.28-2.341-1.823-4.473-3.967-5.46C14.76.266 13.364.016 11.987 0m-.236 1.577v15.534C9.881 13.483 7.724 9.266 8.73 5.069c.35-1.539 1.253-3.309 3.02-3.492m1.996.04c1.534.357 3.031 1.096 3.906 2.48c1.3 1.93 1.318 4.55.1 6.521c-1.268 2.395-3.06 4.463-4.916 6.415c1.472-2.974 3.074-6.106 3.182-9.5c-.043-2.08-.438-4.612-2.272-5.916M11.97 20.103c.848.342 1.597 1.983.153 2.173c-.664.15-1.367-.599-.995-1.222c.213-.355.488-.73.842-.95"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.987 0c-2.45-.01-5.002.925-6.541 2.897c-1.17 1.502-1.664 3.474-1.49 5.356c.29 2.112 1.476 3.96 2.676 5.672a41.5 41.5 0 0 0 4.216 4.831c-1.063.832-1.943 2.286-1.357 3.644c.821 2.32 4.665 2.05 5.122-.372c.39-1.288-.694-2.533-1.428-3.309c2.388-2.431 4.706-5.036 6.17-8.145c.595-1.32.902-2.802.614-4.24c-.28-2.341-1.823-4.473-3.967-5.46C14.76.266 13.364.016 11.987 0m-.236 1.577v15.534C9.881 13.483 7.724 9.266 8.73 5.069c.35-1.539 1.253-3.309 3.02-3.492m1.996.04c1.534.357 3.031 1.096 3.906 2.48c1.3 1.93 1.318 4.55.1 6.521c-1.268 2.395-3.06 4.463-4.916 6.415c1.472-2.974 3.074-6.106 3.182-9.5c-.043-2.08-.438-4.612-2.272-5.916M11.97 20.103c.848.342 1.597 1.983.153 2.173c-.664.15-1.367-.599-.995-1.222c.213-.355.488-.73.842-.95"/></svg>
</template>

CSS

.icon-flydotio {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.987%200c-2.45-.01-5.002.925-6.541%202.897c-1.17%201.502-1.664%203.474-1.49%205.356c.29%202.112%201.476%203.96%202.676%205.672a41.5%2041.5%200%200%200%204.216%204.831c-1.063.832-1.943%202.286-1.357%203.644c.821%202.32%204.665%202.05%205.122-.372c.39-1.288-.694-2.533-1.428-3.309c2.388-2.431%204.706-5.036%206.17-8.145c.595-1.32.902-2.802.614-4.24c-.28-2.341-1.823-4.473-3.967-5.46C14.76.266%2013.364.016%2011.987%200m-.236%201.577v15.534C9.881%2013.483%207.724%209.266%208.73%205.069c.35-1.539%201.253-3.309%203.02-3.492m1.996.04c1.534.357%203.031%201.096%203.906%202.48c1.3%201.93%201.318%204.55.1%206.521c-1.268%202.395-3.06%204.463-4.916%206.415c1.472-2.974%203.074-6.106%203.182-9.5c-.043-2.08-.438-4.612-2.272-5.916M11.97%2020.103c.848.342%201.597%201.983.153%202.173c-.664.15-1.367-.599-.995-1.222c.213-.355.488-.73.842-.95%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.987%200c-2.45-.01-5.002.925-6.541%202.897c-1.17%201.502-1.664%203.474-1.49%205.356c.29%202.112%201.476%203.96%202.676%205.672a41.5%2041.5%200%200%200%204.216%204.831c-1.063.832-1.943%202.286-1.357%203.644c.821%202.32%204.665%202.05%205.122-.372c.39-1.288-.694-2.533-1.428-3.309c2.388-2.431%204.706-5.036%206.17-8.145c.595-1.32.902-2.802.614-4.24c-.28-2.341-1.823-4.473-3.967-5.46C14.76.266%2013.364.016%2011.987%200m-.236%201.577v15.534C9.881%2013.483%207.724%209.266%208.73%205.069c.35-1.539%201.253-3.309%203.02-3.492m1.996.04c1.534.357%203.031%201.096%203.906%202.48c1.3%201.93%201.318%204.55.1%206.521c-1.268%202.395-3.06%204.463-4.916%206.415c1.472-2.974%203.074-6.106%203.182-9.5c-.043-2.08-.438-4.612-2.272-5.916M11.97%2020.103c.848.342%201.597%201.983.153%202.173c-.664.15-1.367-.599-.995-1.222c.213-.355.488-.73.842-.95%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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