sectionio logo

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

Name
sectionio
Set
SVG Logos
Style
Color
Viewbox
256×290
License
CC0

Use the sectionio logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 290"><path d="M246.13 93.885c-6.003 0-10.87 4.867-10.87 10.87v110.78l-78.734 44.509v-44.176l16.568-9.404a21.446 21.446 0 0 0 10.754 2.878c11.898 0 21.544-9.645 21.544-21.544c0-11.898-9.646-21.544-21.544-21.544c-11.828 0-21.426 9.533-21.539 21.334l-22.019 12.497a10.868 10.868 0 0 0-5.504 9.453v69.137a10.873 10.873 0 0 0 10.87 10.87c1.844 0 3.689-.468 5.349-1.407l100.474-56.799a10.867 10.867 0 0 0 5.521-9.462V104.755c0-6.003-4.867-10.87-10.87-10.87" fill="#5FC0C9"/><path d="M122.447 284.992c2.973-5.215 1.156-11.854-4.059-14.827l-95.625-53.993l.334-92.027l40.727 23.465l-.037 22.779a21.439 21.439 0 0 0-7.828 7.916c-5.893 10.336-2.292 23.493 8.045 29.387c10.336 5.893 23.493 2.292 29.387-8.045c5.858-10.275 2.331-23.334-7.864-29.278l.05-29.045a10.87 10.87 0 0 0-5.486-9.465L17.68 96.03a10.871 10.871 0 0 0-14.827 4.059c-.913 1.602-1.846 3.437-1.853 5.344v117a10.87 10.87 0 0 0 5.486 9.483L107.62 289.05c5.215 2.974 11.853 1.157 14.827-4.058" fill="#17A8DD"/><path d="M241.336 63.195L134.937 2.431a10.869 10.869 0 0 0-10.776-.003L17.468 63.291c-5.215 2.974-7.031 9.613-4.056 14.828c2.975 5.214 9.614 7.031 14.828 4.055l101.304-57.788l84.375 48.187l-73.997 41.711a21.63 21.63 0 0 0-10.62-2.772c-12.007 0-21.74 9.733-21.74 21.74c0 12.007 9.733 21.74 21.74 21.74c12.006 0 21.74-9.733 21.74-21.74c0-.093-.006-.184-.007-.276l90.248-50.872a10.871 10.871 0 0 0 .053-18.909" fill="#EC3E53"/></svg>

React

import type { SVGProps } from "react";

export function LogosSectionio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 290"><path d="M246.13 93.885c-6.003 0-10.87 4.867-10.87 10.87v110.78l-78.734 44.509v-44.176l16.568-9.404a21.446 21.446 0 0 0 10.754 2.878c11.898 0 21.544-9.645 21.544-21.544c0-11.898-9.646-21.544-21.544-21.544c-11.828 0-21.426 9.533-21.539 21.334l-22.019 12.497a10.868 10.868 0 0 0-5.504 9.453v69.137a10.873 10.873 0 0 0 10.87 10.87c1.844 0 3.689-.468 5.349-1.407l100.474-56.799a10.867 10.867 0 0 0 5.521-9.462V104.755c0-6.003-4.867-10.87-10.87-10.87" fill="#5FC0C9"/><path d="M122.447 284.992c2.973-5.215 1.156-11.854-4.059-14.827l-95.625-53.993l.334-92.027l40.727 23.465l-.037 22.779a21.439 21.439 0 0 0-7.828 7.916c-5.893 10.336-2.292 23.493 8.045 29.387c10.336 5.893 23.493 2.292 29.387-8.045c5.858-10.275 2.331-23.334-7.864-29.278l.05-29.045a10.87 10.87 0 0 0-5.486-9.465L17.68 96.03a10.871 10.871 0 0 0-14.827 4.059c-.913 1.602-1.846 3.437-1.853 5.344v117a10.87 10.87 0 0 0 5.486 9.483L107.62 289.05c5.215 2.974 11.853 1.157 14.827-4.058" fill="#17A8DD"/><path d="M241.336 63.195L134.937 2.431a10.869 10.869 0 0 0-10.776-.003L17.468 63.291c-5.215 2.974-7.031 9.613-4.056 14.828c2.975 5.214 9.614 7.031 14.828 4.055l101.304-57.788l84.375 48.187l-73.997 41.711a21.63 21.63 0 0 0-10.62-2.772c-12.007 0-21.74 9.733-21.74 21.74c0 12.007 9.733 21.74 21.74 21.74c12.006 0 21.74-9.733 21.74-21.74c0-.093-.006-.184-.007-.276l90.248-50.872a10.871 10.871 0 0 0 .053-18.909" fill="#EC3E53"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 290"><path d="M246.13 93.885c-6.003 0-10.87 4.867-10.87 10.87v110.78l-78.734 44.509v-44.176l16.568-9.404a21.446 21.446 0 0 0 10.754 2.878c11.898 0 21.544-9.645 21.544-21.544c0-11.898-9.646-21.544-21.544-21.544c-11.828 0-21.426 9.533-21.539 21.334l-22.019 12.497a10.868 10.868 0 0 0-5.504 9.453v69.137a10.873 10.873 0 0 0 10.87 10.87c1.844 0 3.689-.468 5.349-1.407l100.474-56.799a10.867 10.867 0 0 0 5.521-9.462V104.755c0-6.003-4.867-10.87-10.87-10.87" fill="#5FC0C9"/><path d="M122.447 284.992c2.973-5.215 1.156-11.854-4.059-14.827l-95.625-53.993l.334-92.027l40.727 23.465l-.037 22.779a21.439 21.439 0 0 0-7.828 7.916c-5.893 10.336-2.292 23.493 8.045 29.387c10.336 5.893 23.493 2.292 29.387-8.045c5.858-10.275 2.331-23.334-7.864-29.278l.05-29.045a10.87 10.87 0 0 0-5.486-9.465L17.68 96.03a10.871 10.871 0 0 0-14.827 4.059c-.913 1.602-1.846 3.437-1.853 5.344v117a10.87 10.87 0 0 0 5.486 9.483L107.62 289.05c5.215 2.974 11.853 1.157 14.827-4.058" fill="#17A8DD"/><path d="M241.336 63.195L134.937 2.431a10.869 10.869 0 0 0-10.776-.003L17.468 63.291c-5.215 2.974-7.031 9.613-4.056 14.828c2.975 5.214 9.614 7.031 14.828 4.055l101.304-57.788l84.375 48.187l-73.997 41.711a21.63 21.63 0 0 0-10.62-2.772c-12.007 0-21.74 9.733-21.74 21.74c0 12.007 9.733 21.74 21.74 21.74c12.006 0 21.74-9.733 21.74-21.74c0-.093-.006-.184-.007-.276l90.248-50.872a10.871 10.871 0 0 0 .053-18.909" fill="#EC3E53"/></svg>
</template>

CSS

.icon-sectionio {
  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%20290%22%3E%3Cpath%20d%3D%22M246.13%2093.885c-6.003%200-10.87%204.867-10.87%2010.87v110.78l-78.734%2044.509v-44.176l16.568-9.404a21.446%2021.446%200%200%200%2010.754%202.878c11.898%200%2021.544-9.645%2021.544-21.544c0-11.898-9.646-21.544-21.544-21.544c-11.828%200-21.426%209.533-21.539%2021.334l-22.019%2012.497a10.868%2010.868%200%200%200-5.504%209.453v69.137a10.873%2010.873%200%200%200%2010.87%2010.87c1.844%200%203.689-.468%205.349-1.407l100.474-56.799a10.867%2010.867%200%200%200%205.521-9.462V104.755c0-6.003-4.867-10.87-10.87-10.87%22%20fill%3D%22%235FC0C9%22%2F%3E%3Cpath%20d%3D%22M122.447%20284.992c2.973-5.215%201.156-11.854-4.059-14.827l-95.625-53.993l.334-92.027l40.727%2023.465l-.037%2022.779a21.439%2021.439%200%200%200-7.828%207.916c-5.893%2010.336-2.292%2023.493%208.045%2029.387c10.336%205.893%2023.493%202.292%2029.387-8.045c5.858-10.275%202.331-23.334-7.864-29.278l.05-29.045a10.87%2010.87%200%200%200-5.486-9.465L17.68%2096.03a10.871%2010.871%200%200%200-14.827%204.059c-.913%201.602-1.846%203.437-1.853%205.344v117a10.87%2010.87%200%200%200%205.486%209.483L107.62%20289.05c5.215%202.974%2011.853%201.157%2014.827-4.058%22%20fill%3D%22%2317A8DD%22%2F%3E%3Cpath%20d%3D%22M241.336%2063.195L134.937%202.431a10.869%2010.869%200%200%200-10.776-.003L17.468%2063.291c-5.215%202.974-7.031%209.613-4.056%2014.828c2.975%205.214%209.614%207.031%2014.828%204.055l101.304-57.788l84.375%2048.187l-73.997%2041.711a21.63%2021.63%200%200%200-10.62-2.772c-12.007%200-21.74%209.733-21.74%2021.74c0%2012.007%209.733%2021.74%2021.74%2021.74c12.006%200%2021.74-9.733%2021.74-21.74c0-.093-.006-.184-.007-.276l90.248-50.872a10.871%2010.871%200%200%200%20.053-18.909%22%20fill%3D%22%23EC3E53%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%20290%22%3E%3Cpath%20d%3D%22M246.13%2093.885c-6.003%200-10.87%204.867-10.87%2010.87v110.78l-78.734%2044.509v-44.176l16.568-9.404a21.446%2021.446%200%200%200%2010.754%202.878c11.898%200%2021.544-9.645%2021.544-21.544c0-11.898-9.646-21.544-21.544-21.544c-11.828%200-21.426%209.533-21.539%2021.334l-22.019%2012.497a10.868%2010.868%200%200%200-5.504%209.453v69.137a10.873%2010.873%200%200%200%2010.87%2010.87c1.844%200%203.689-.468%205.349-1.407l100.474-56.799a10.867%2010.867%200%200%200%205.521-9.462V104.755c0-6.003-4.867-10.87-10.87-10.87%22%20fill%3D%22%235FC0C9%22%2F%3E%3Cpath%20d%3D%22M122.447%20284.992c2.973-5.215%201.156-11.854-4.059-14.827l-95.625-53.993l.334-92.027l40.727%2023.465l-.037%2022.779a21.439%2021.439%200%200%200-7.828%207.916c-5.893%2010.336-2.292%2023.493%208.045%2029.387c10.336%205.893%2023.493%202.292%2029.387-8.045c5.858-10.275%202.331-23.334-7.864-29.278l.05-29.045a10.87%2010.87%200%200%200-5.486-9.465L17.68%2096.03a10.871%2010.871%200%200%200-14.827%204.059c-.913%201.602-1.846%203.437-1.853%205.344v117a10.87%2010.87%200%200%200%205.486%209.483L107.62%20289.05c5.215%202.974%2011.853%201.157%2014.827-4.058%22%20fill%3D%22%2317A8DD%22%2F%3E%3Cpath%20d%3D%22M241.336%2063.195L134.937%202.431a10.869%2010.869%200%200%200-10.776-.003L17.468%2063.291c-5.215%202.974-7.031%209.613-4.056%2014.828c2.975%205.214%209.614%207.031%2014.828%204.055l101.304-57.788l84.375%2048.187l-73.997%2041.711a21.63%2021.63%200%200%200-10.62-2.772c-12.007%200-21.74%209.733-21.74%2021.74c0%2012.007%209.733%2021.74%2021.74%2021.74c12.006%200%2021.74-9.733%2021.74-21.74c0-.093-.006-.184-.007-.276l90.248-50.872a10.871%2010.871%200%200%200%20.053-18.909%22%20fill%3D%22%23EC3E53%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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