fabric io logo
fabric-io from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- fabric-io
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Use the fabric io logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M58.707 196.33l-2.31 1.54c-5.39 3.08-5.39 10.78 0 14.63l59.284 39.265c7.7 5.39 18.478 5.39 26.178 0l58.514-38.496c5.39-3.08 5.39-10.779 0-14.628l-3.08-1.54l-20.018 13.858l-40.036 26.948c-5.39 3.85-12.319 3.85-17.708 0l-40.036-26.948l-20.788-14.628zM30.22 133.198l-3.08 2.31c-6.93 4.62-6.93 15.398 0 20.018l83.152 56.204c10.779 7.7 25.407 7.7 36.956 0l82.382-54.664c6.93-4.62 6.93-15.399 0-20.018l-3.85-2.31l-28.487 18.478l-56.204 37.726c-7.7 5.39-17.709 4.62-25.408 0L30.22 133.197zm219.428-58.514L149.558 6.929c-13.089-9.239-30.797-9.239-44.656 0L6.352 73.143c-8.47 6.16-8.47 18.478 0 24.637l100.09 66.984c13.089 9.239 30.797 9.239 43.886 0l99.32-66.214c8.47-5.39 8.47-18.478 0-23.867zM211.152 94.7l-67.754 45.425c-9.239 6.16-20.787 6.16-30.027 0L44.848 93.931c-6.16-3.85-6.16-12.319 0-16.939l67.754-45.425c9.239-6.16 20.787-6.16 30.027 0l68.523 46.195c6.16 4.62 6.16 13.09 0 16.939z" fill="#080949"/></svg>
React
import type { SVGProps } from "react";
export function LogosFabricIo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M58.707 196.33l-2.31 1.54c-5.39 3.08-5.39 10.78 0 14.63l59.284 39.265c7.7 5.39 18.478 5.39 26.178 0l58.514-38.496c5.39-3.08 5.39-10.779 0-14.628l-3.08-1.54l-20.018 13.858l-40.036 26.948c-5.39 3.85-12.319 3.85-17.708 0l-40.036-26.948l-20.788-14.628zM30.22 133.198l-3.08 2.31c-6.93 4.62-6.93 15.398 0 20.018l83.152 56.204c10.779 7.7 25.407 7.7 36.956 0l82.382-54.664c6.93-4.62 6.93-15.399 0-20.018l-3.85-2.31l-28.487 18.478l-56.204 37.726c-7.7 5.39-17.709 4.62-25.408 0L30.22 133.197zm219.428-58.514L149.558 6.929c-13.089-9.239-30.797-9.239-44.656 0L6.352 73.143c-8.47 6.16-8.47 18.478 0 24.637l100.09 66.984c13.089 9.239 30.797 9.239 43.886 0l99.32-66.214c8.47-5.39 8.47-18.478 0-23.867zM211.152 94.7l-67.754 45.425c-9.239 6.16-20.787 6.16-30.027 0L44.848 93.931c-6.16-3.85-6.16-12.319 0-16.939l67.754-45.425c9.239-6.16 20.787-6.16 30.027 0l68.523 46.195c6.16 4.62 6.16 13.09 0 16.939z" fill="#080949"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M58.707 196.33l-2.31 1.54c-5.39 3.08-5.39 10.78 0 14.63l59.284 39.265c7.7 5.39 18.478 5.39 26.178 0l58.514-38.496c5.39-3.08 5.39-10.779 0-14.628l-3.08-1.54l-20.018 13.858l-40.036 26.948c-5.39 3.85-12.319 3.85-17.708 0l-40.036-26.948l-20.788-14.628zM30.22 133.198l-3.08 2.31c-6.93 4.62-6.93 15.398 0 20.018l83.152 56.204c10.779 7.7 25.407 7.7 36.956 0l82.382-54.664c6.93-4.62 6.93-15.399 0-20.018l-3.85-2.31l-28.487 18.478l-56.204 37.726c-7.7 5.39-17.709 4.62-25.408 0L30.22 133.197zm219.428-58.514L149.558 6.929c-13.089-9.239-30.797-9.239-44.656 0L6.352 73.143c-8.47 6.16-8.47 18.478 0 24.637l100.09 66.984c13.089 9.239 30.797 9.239 43.886 0l99.32-66.214c8.47-5.39 8.47-18.478 0-23.867zM211.152 94.7l-67.754 45.425c-9.239 6.16-20.787 6.16-30.027 0L44.848 93.931c-6.16-3.85-6.16-12.319 0-16.939l67.754-45.425c9.239-6.16 20.787-6.16 30.027 0l68.523 46.195c6.16 4.62 6.16 13.09 0 16.939z" fill="#080949"/></svg> </template>
CSS
.icon-fabric-io {
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%20d%3D%22M58.707%20196.33l-2.31%201.54c-5.39%203.08-5.39%2010.78%200%2014.63l59.284%2039.265c7.7%205.39%2018.478%205.39%2026.178%200l58.514-38.496c5.39-3.08%205.39-10.779%200-14.628l-3.08-1.54l-20.018%2013.858l-40.036%2026.948c-5.39%203.85-12.319%203.85-17.708%200l-40.036-26.948l-20.788-14.628zM30.22%20133.198l-3.08%202.31c-6.93%204.62-6.93%2015.398%200%2020.018l83.152%2056.204c10.779%207.7%2025.407%207.7%2036.956%200l82.382-54.664c6.93-4.62%206.93-15.399%200-20.018l-3.85-2.31l-28.487%2018.478l-56.204%2037.726c-7.7%205.39-17.709%204.62-25.408%200L30.22%20133.197zm219.428-58.514L149.558%206.929c-13.089-9.239-30.797-9.239-44.656%200L6.352%2073.143c-8.47%206.16-8.47%2018.478%200%2024.637l100.09%2066.984c13.089%209.239%2030.797%209.239%2043.886%200l99.32-66.214c8.47-5.39%208.47-18.478%200-23.867zM211.152%2094.7l-67.754%2045.425c-9.239%206.16-20.787%206.16-30.027%200L44.848%2093.931c-6.16-3.85-6.16-12.319%200-16.939l67.754-45.425c9.239-6.16%2020.787-6.16%2030.027%200l68.523%2046.195c6.16%204.62%206.16%2013.09%200%2016.939z%22%20fill%3D%22%23080949%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%20d%3D%22M58.707%20196.33l-2.31%201.54c-5.39%203.08-5.39%2010.78%200%2014.63l59.284%2039.265c7.7%205.39%2018.478%205.39%2026.178%200l58.514-38.496c5.39-3.08%205.39-10.779%200-14.628l-3.08-1.54l-20.018%2013.858l-40.036%2026.948c-5.39%203.85-12.319%203.85-17.708%200l-40.036-26.948l-20.788-14.628zM30.22%20133.198l-3.08%202.31c-6.93%204.62-6.93%2015.398%200%2020.018l83.152%2056.204c10.779%207.7%2025.407%207.7%2036.956%200l82.382-54.664c6.93-4.62%206.93-15.399%200-20.018l-3.85-2.31l-28.487%2018.478l-56.204%2037.726c-7.7%205.39-17.709%204.62-25.408%200L30.22%20133.197zm219.428-58.514L149.558%206.929c-13.089-9.239-30.797-9.239-44.656%200L6.352%2073.143c-8.47%206.16-8.47%2018.478%200%2024.637l100.09%2066.984c13.089%209.239%2030.797%209.239%2043.886%200l99.32-66.214c8.47-5.39%208.47-18.478%200-23.867zM211.152%2094.7l-67.754%2045.425c-9.239%206.16-20.787%206.16-30.027%200L44.848%2093.931c-6.16-3.85-6.16-12.319%200-16.939l67.754-45.425c9.239-6.16%2020.787-6.16%2030.027%200l68.523%2046.195c6.16%204.62%206.16%2013.09%200%2016.939z%22%20fill%3D%22%23080949%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/fabric-io.svg?color=%231a73e8&size=48
