floodio logo

floodio from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
floodio
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the floodio logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#298eea" d="M128 231.899c-57.382 0-103.899-46.517-103.899-103.899s46.517-103.899 103.9-103.899c57.381 0 103.898 46.517 103.898 103.899S185.382 231.899 128 231.899M128 0C57.308 0 0 57.308 0 128s57.308 128 128 128s128-57.308 128-128S198.692 0 128 0m12.927 117.09c3.138-7.876 5.668-16.051 9.458-23.596c3.989-7.943 9.162-13.113 18.91-12.814c9.333.286 16.59 6.262 19.84 14.108c5.136 12.403 8.887 24.698 13.079 37.474c2.676 8.156 5.29 17.047 13.194 21.224c7.307 4.86 4.425 9.45 2.53 12.723c-3.674 4.556-9.686 3.009-10.213 2.94c-6.172-.81-15.51-10.74-18.296-17.782c-5.706-14.416-6.951-22.712-12.345-37.254c-.553-1.492-2.044-7.076-2.867-8.667c-1.68-3.251-6.297-3.436-8.197-.31c-.552.909-1.007 1.772-1.358 2.676c-4.027 10.374-12.59 35.227-13.442 37.089c-11.032 24.083-27.14 27.016-45.998 6.833c-3.201-3.425-6.146-8.053-9.258-11.536c-5.587-6.252-10.432-6.785-15.431-.147c-3.695 4.906-7.574 9.6-11.076 14.66c-5.083 7.344-11.775 13.488-20.814 14.438c-5.12.538-10.346-1.656-11.756-7.201c-1.323-5.2 2.229-9.58 6.84-10.794c6.973-1.836 7.987-3.058 11.456-8.605c.466-.745 3.95-6.303 4.409-7.054c16.775-27.451 37.379-27.157 56.135-1.288c1.336 1.844 3.535 4.896 5.522 7.659c2.029 2.82 6.317 2.513 7.92-.568c6.326-7.566 9.417-18.33 11.758-24.207"/></svg>

React

import type { SVGProps } from "react";

export function LogosFloodio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#298eea" d="M128 231.899c-57.382 0-103.899-46.517-103.899-103.899s46.517-103.899 103.9-103.899c57.381 0 103.898 46.517 103.898 103.899S185.382 231.899 128 231.899M128 0C57.308 0 0 57.308 0 128s57.308 128 128 128s128-57.308 128-128S198.692 0 128 0m12.927 117.09c3.138-7.876 5.668-16.051 9.458-23.596c3.989-7.943 9.162-13.113 18.91-12.814c9.333.286 16.59 6.262 19.84 14.108c5.136 12.403 8.887 24.698 13.079 37.474c2.676 8.156 5.29 17.047 13.194 21.224c7.307 4.86 4.425 9.45 2.53 12.723c-3.674 4.556-9.686 3.009-10.213 2.94c-6.172-.81-15.51-10.74-18.296-17.782c-5.706-14.416-6.951-22.712-12.345-37.254c-.553-1.492-2.044-7.076-2.867-8.667c-1.68-3.251-6.297-3.436-8.197-.31c-.552.909-1.007 1.772-1.358 2.676c-4.027 10.374-12.59 35.227-13.442 37.089c-11.032 24.083-27.14 27.016-45.998 6.833c-3.201-3.425-6.146-8.053-9.258-11.536c-5.587-6.252-10.432-6.785-15.431-.147c-3.695 4.906-7.574 9.6-11.076 14.66c-5.083 7.344-11.775 13.488-20.814 14.438c-5.12.538-10.346-1.656-11.756-7.201c-1.323-5.2 2.229-9.58 6.84-10.794c6.973-1.836 7.987-3.058 11.456-8.605c.466-.745 3.95-6.303 4.409-7.054c16.775-27.451 37.379-27.157 56.135-1.288c1.336 1.844 3.535 4.896 5.522 7.659c2.029 2.82 6.317 2.513 7.92-.568c6.326-7.566 9.417-18.33 11.758-24.207"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#298eea" d="M128 231.899c-57.382 0-103.899-46.517-103.899-103.899s46.517-103.899 103.9-103.899c57.381 0 103.898 46.517 103.898 103.899S185.382 231.899 128 231.899M128 0C57.308 0 0 57.308 0 128s57.308 128 128 128s128-57.308 128-128S198.692 0 128 0m12.927 117.09c3.138-7.876 5.668-16.051 9.458-23.596c3.989-7.943 9.162-13.113 18.91-12.814c9.333.286 16.59 6.262 19.84 14.108c5.136 12.403 8.887 24.698 13.079 37.474c2.676 8.156 5.29 17.047 13.194 21.224c7.307 4.86 4.425 9.45 2.53 12.723c-3.674 4.556-9.686 3.009-10.213 2.94c-6.172-.81-15.51-10.74-18.296-17.782c-5.706-14.416-6.951-22.712-12.345-37.254c-.553-1.492-2.044-7.076-2.867-8.667c-1.68-3.251-6.297-3.436-8.197-.31c-.552.909-1.007 1.772-1.358 2.676c-4.027 10.374-12.59 35.227-13.442 37.089c-11.032 24.083-27.14 27.016-45.998 6.833c-3.201-3.425-6.146-8.053-9.258-11.536c-5.587-6.252-10.432-6.785-15.431-.147c-3.695 4.906-7.574 9.6-11.076 14.66c-5.083 7.344-11.775 13.488-20.814 14.438c-5.12.538-10.346-1.656-11.756-7.201c-1.323-5.2 2.229-9.58 6.84-10.794c6.973-1.836 7.987-3.058 11.456-8.605c.466-.745 3.95-6.303 4.409-7.054c16.775-27.451 37.379-27.157 56.135-1.288c1.336 1.844 3.535 4.896 5.522 7.659c2.029 2.82 6.317 2.513 7.92-.568c6.326-7.566 9.417-18.33 11.758-24.207"/></svg>
</template>

CSS

.icon-floodio {
  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%3Cpath%20fill%3D%22%23298eea%22%20d%3D%22M128%20231.899c-57.382%200-103.899-46.517-103.899-103.899s46.517-103.899%20103.9-103.899c57.381%200%20103.898%2046.517%20103.898%20103.899S185.382%20231.899%20128%20231.899M128%200C57.308%200%200%2057.308%200%20128s57.308%20128%20128%20128s128-57.308%20128-128S198.692%200%20128%200m12.927%20117.09c3.138-7.876%205.668-16.051%209.458-23.596c3.989-7.943%209.162-13.113%2018.91-12.814c9.333.286%2016.59%206.262%2019.84%2014.108c5.136%2012.403%208.887%2024.698%2013.079%2037.474c2.676%208.156%205.29%2017.047%2013.194%2021.224c7.307%204.86%204.425%209.45%202.53%2012.723c-3.674%204.556-9.686%203.009-10.213%202.94c-6.172-.81-15.51-10.74-18.296-17.782c-5.706-14.416-6.951-22.712-12.345-37.254c-.553-1.492-2.044-7.076-2.867-8.667c-1.68-3.251-6.297-3.436-8.197-.31c-.552.909-1.007%201.772-1.358%202.676c-4.027%2010.374-12.59%2035.227-13.442%2037.089c-11.032%2024.083-27.14%2027.016-45.998%206.833c-3.201-3.425-6.146-8.053-9.258-11.536c-5.587-6.252-10.432-6.785-15.431-.147c-3.695%204.906-7.574%209.6-11.076%2014.66c-5.083%207.344-11.775%2013.488-20.814%2014.438c-5.12.538-10.346-1.656-11.756-7.201c-1.323-5.2%202.229-9.58%206.84-10.794c6.973-1.836%207.987-3.058%2011.456-8.605c.466-.745%203.95-6.303%204.409-7.054c16.775-27.451%2037.379-27.157%2056.135-1.288c1.336%201.844%203.535%204.896%205.522%207.659c2.029%202.82%206.317%202.513%207.92-.568c6.326-7.566%209.417-18.33%2011.758-24.207%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%3Cpath%20fill%3D%22%23298eea%22%20d%3D%22M128%20231.899c-57.382%200-103.899-46.517-103.899-103.899s46.517-103.899%20103.9-103.899c57.381%200%20103.898%2046.517%20103.898%20103.899S185.382%20231.899%20128%20231.899M128%200C57.308%200%200%2057.308%200%20128s57.308%20128%20128%20128s128-57.308%20128-128S198.692%200%20128%200m12.927%20117.09c3.138-7.876%205.668-16.051%209.458-23.596c3.989-7.943%209.162-13.113%2018.91-12.814c9.333.286%2016.59%206.262%2019.84%2014.108c5.136%2012.403%208.887%2024.698%2013.079%2037.474c2.676%208.156%205.29%2017.047%2013.194%2021.224c7.307%204.86%204.425%209.45%202.53%2012.723c-3.674%204.556-9.686%203.009-10.213%202.94c-6.172-.81-15.51-10.74-18.296-17.782c-5.706-14.416-6.951-22.712-12.345-37.254c-.553-1.492-2.044-7.076-2.867-8.667c-1.68-3.251-6.297-3.436-8.197-.31c-.552.909-1.007%201.772-1.358%202.676c-4.027%2010.374-12.59%2035.227-13.442%2037.089c-11.032%2024.083-27.14%2027.016-45.998%206.833c-3.201-3.425-6.146-8.053-9.258-11.536c-5.587-6.252-10.432-6.785-15.431-.147c-3.695%204.906-7.574%209.6-11.076%2014.66c-5.083%207.344-11.775%2013.488-20.814%2014.438c-5.12.538-10.346-1.656-11.756-7.201c-1.323-5.2%202.229-9.58%206.84-10.794c6.973-1.836%207.987-3.058%2011.456-8.605c.466-.745%203.95-6.303%204.409-7.054c16.775-27.451%2037.379-27.157%2056.135-1.288c1.336%201.844%203.535%204.896%205.522%207.659c2.029%202.82%206.317%202.513%207.92-.568c6.326-7.566%209.417-18.33%2011.758-24.207%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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