fabric logo
fabric from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- fabric
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×195
- License
- CC0
Related icons in SVG Logos
Use the fabric logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 195"><path fill="#fec32d" d="M195.575 178.073c-1.29 5.534-1.953 8.904-4.709 12.623c-1.836 2.48-4.845 3.904-7.91 3.545c-2.663-.31-5.242-1.452-7.835-2.45c-29.986-11.541-54.185-31.862-78.634-51.809c-5.827-4.754-18.124-15.761-25.108-21.544c17.003-12.02 24.041-19.454 24.041-19.454c27.398 23.786 59.341 51.632 92.678 65.56c5.312 2.22 10.283 1.5 7.477 13.53m-33.885-89.4c-7.713-6.096-21.204-16.215-28.82-22.09c-19.353-14.929-39.994-27.388-63.672-34.487c-12.825-3.845-14.51-16.736-4.814-28.123c1.763-2.07 4.518-3.428 7.18-2.871c44.1 9.233 77.474 36.255 114.638 70.36c-12.574 6.643-24.513 17.21-24.513 17.21"/><path fill="#2c6db0" d="M135.123 120.68c27.537-27.87 81.002-61.546 107.964-62.784a8.7 8.7 0 0 1 7.801 4.117c2.656 4.308 3.514 9.466 4.307 14.538c.766 4.9-1.789 9.083-6.437 10.385c-32.212 9.023-63.496 30.96-88.888 51.905c-8.541-4.034-24.747-18.16-24.747-18.16m-15.03-52.775C88.46 94.319 54.137 125.83 17.03 137.113c-3.132.953-6.59.167-8.844-2.209c-3.031-3.196-4.192-6.486-5.42-9.687c-4.294-11.185-3.077-14.457 8.038-18.734C36.894 96.44 58.602 79.75 79.605 61.91c3.18-2.701 9.489-7.888 12.968-10.749c11.506 3.084 27.52 16.745 27.52 16.745m-56.989 97.456c9.071-4.649 23.037-10.135 32.14-15.25c7.355 6.484 24.383 19.402 24.383 19.402c-12.347 8.254-32.04 20.543-45.749 24.088c-3.314.857-6.833-.433-8.927-3.141c-4.008-5.187-6.326-10.693-6.525-17.246c-.1-3.287 1.752-6.354 4.678-7.853m73.551-144.697C152.867 10.86 171.108 3.496 183.607.822c3.437-.735 7.03.766 8.916 3.732c3.587 5.64 5.078 11.306 4.712 17.505c-.18 3.058-1.876 5.833-4.564 7.3c-7.841 4.283-21.807 7.622-29.834 11.125c0 0-14.155-11.94-26.182-19.819"/><path fill="#fec32d" d="M233.097 101.673c21.895 8.504 29.971 11.387 13.998 33.451c-1.873 2.586-4.848 2.603-7.956 1.869c-9.962-2.353-27.64-12.54-37.426-18.232c18.038-12.478 31.384-17.088 31.384-17.088M25.672 91.788c-5.407-1.546-15.694-3.177-20.405-6.046c-2.13-1.297-3.562-3.555-3.867-6.03c-.774-6.256.832-11.89 3.883-17.56a8.67 8.67 0 0 1 8.568-4.502c10.499 1.166 29.473 9.1 39.745 13.797C38.72 85.145 25.672 91.788 25.672 91.788"/></svg>
React
import type { SVGProps } from "react";
export function LogosFabric(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 195"><path fill="#fec32d" d="M195.575 178.073c-1.29 5.534-1.953 8.904-4.709 12.623c-1.836 2.48-4.845 3.904-7.91 3.545c-2.663-.31-5.242-1.452-7.835-2.45c-29.986-11.541-54.185-31.862-78.634-51.809c-5.827-4.754-18.124-15.761-25.108-21.544c17.003-12.02 24.041-19.454 24.041-19.454c27.398 23.786 59.341 51.632 92.678 65.56c5.312 2.22 10.283 1.5 7.477 13.53m-33.885-89.4c-7.713-6.096-21.204-16.215-28.82-22.09c-19.353-14.929-39.994-27.388-63.672-34.487c-12.825-3.845-14.51-16.736-4.814-28.123c1.763-2.07 4.518-3.428 7.18-2.871c44.1 9.233 77.474 36.255 114.638 70.36c-12.574 6.643-24.513 17.21-24.513 17.21"/><path fill="#2c6db0" d="M135.123 120.68c27.537-27.87 81.002-61.546 107.964-62.784a8.7 8.7 0 0 1 7.801 4.117c2.656 4.308 3.514 9.466 4.307 14.538c.766 4.9-1.789 9.083-6.437 10.385c-32.212 9.023-63.496 30.96-88.888 51.905c-8.541-4.034-24.747-18.16-24.747-18.16m-15.03-52.775C88.46 94.319 54.137 125.83 17.03 137.113c-3.132.953-6.59.167-8.844-2.209c-3.031-3.196-4.192-6.486-5.42-9.687c-4.294-11.185-3.077-14.457 8.038-18.734C36.894 96.44 58.602 79.75 79.605 61.91c3.18-2.701 9.489-7.888 12.968-10.749c11.506 3.084 27.52 16.745 27.52 16.745m-56.989 97.456c9.071-4.649 23.037-10.135 32.14-15.25c7.355 6.484 24.383 19.402 24.383 19.402c-12.347 8.254-32.04 20.543-45.749 24.088c-3.314.857-6.833-.433-8.927-3.141c-4.008-5.187-6.326-10.693-6.525-17.246c-.1-3.287 1.752-6.354 4.678-7.853m73.551-144.697C152.867 10.86 171.108 3.496 183.607.822c3.437-.735 7.03.766 8.916 3.732c3.587 5.64 5.078 11.306 4.712 17.505c-.18 3.058-1.876 5.833-4.564 7.3c-7.841 4.283-21.807 7.622-29.834 11.125c0 0-14.155-11.94-26.182-19.819"/><path fill="#fec32d" d="M233.097 101.673c21.895 8.504 29.971 11.387 13.998 33.451c-1.873 2.586-4.848 2.603-7.956 1.869c-9.962-2.353-27.64-12.54-37.426-18.232c18.038-12.478 31.384-17.088 31.384-17.088M25.672 91.788c-5.407-1.546-15.694-3.177-20.405-6.046c-2.13-1.297-3.562-3.555-3.867-6.03c-.774-6.256.832-11.89 3.883-17.56a8.67 8.67 0 0 1 8.568-4.502c10.499 1.166 29.473 9.1 39.745 13.797C38.72 85.145 25.672 91.788 25.672 91.788"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 195"><path fill="#fec32d" d="M195.575 178.073c-1.29 5.534-1.953 8.904-4.709 12.623c-1.836 2.48-4.845 3.904-7.91 3.545c-2.663-.31-5.242-1.452-7.835-2.45c-29.986-11.541-54.185-31.862-78.634-51.809c-5.827-4.754-18.124-15.761-25.108-21.544c17.003-12.02 24.041-19.454 24.041-19.454c27.398 23.786 59.341 51.632 92.678 65.56c5.312 2.22 10.283 1.5 7.477 13.53m-33.885-89.4c-7.713-6.096-21.204-16.215-28.82-22.09c-19.353-14.929-39.994-27.388-63.672-34.487c-12.825-3.845-14.51-16.736-4.814-28.123c1.763-2.07 4.518-3.428 7.18-2.871c44.1 9.233 77.474 36.255 114.638 70.36c-12.574 6.643-24.513 17.21-24.513 17.21"/><path fill="#2c6db0" d="M135.123 120.68c27.537-27.87 81.002-61.546 107.964-62.784a8.7 8.7 0 0 1 7.801 4.117c2.656 4.308 3.514 9.466 4.307 14.538c.766 4.9-1.789 9.083-6.437 10.385c-32.212 9.023-63.496 30.96-88.888 51.905c-8.541-4.034-24.747-18.16-24.747-18.16m-15.03-52.775C88.46 94.319 54.137 125.83 17.03 137.113c-3.132.953-6.59.167-8.844-2.209c-3.031-3.196-4.192-6.486-5.42-9.687c-4.294-11.185-3.077-14.457 8.038-18.734C36.894 96.44 58.602 79.75 79.605 61.91c3.18-2.701 9.489-7.888 12.968-10.749c11.506 3.084 27.52 16.745 27.52 16.745m-56.989 97.456c9.071-4.649 23.037-10.135 32.14-15.25c7.355 6.484 24.383 19.402 24.383 19.402c-12.347 8.254-32.04 20.543-45.749 24.088c-3.314.857-6.833-.433-8.927-3.141c-4.008-5.187-6.326-10.693-6.525-17.246c-.1-3.287 1.752-6.354 4.678-7.853m73.551-144.697C152.867 10.86 171.108 3.496 183.607.822c3.437-.735 7.03.766 8.916 3.732c3.587 5.64 5.078 11.306 4.712 17.505c-.18 3.058-1.876 5.833-4.564 7.3c-7.841 4.283-21.807 7.622-29.834 11.125c0 0-14.155-11.94-26.182-19.819"/><path fill="#fec32d" d="M233.097 101.673c21.895 8.504 29.971 11.387 13.998 33.451c-1.873 2.586-4.848 2.603-7.956 1.869c-9.962-2.353-27.64-12.54-37.426-18.232c18.038-12.478 31.384-17.088 31.384-17.088M25.672 91.788c-5.407-1.546-15.694-3.177-20.405-6.046c-2.13-1.297-3.562-3.555-3.867-6.03c-.774-6.256.832-11.89 3.883-17.56a8.67 8.67 0 0 1 8.568-4.502c10.499 1.166 29.473 9.1 39.745 13.797C38.72 85.145 25.672 91.788 25.672 91.788"/></svg> </template>
CSS
.icon-fabric {
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%20195%22%3E%3Cpath%20fill%3D%22%23fec32d%22%20d%3D%22M195.575%20178.073c-1.29%205.534-1.953%208.904-4.709%2012.623c-1.836%202.48-4.845%203.904-7.91%203.545c-2.663-.31-5.242-1.452-7.835-2.45c-29.986-11.541-54.185-31.862-78.634-51.809c-5.827-4.754-18.124-15.761-25.108-21.544c17.003-12.02%2024.041-19.454%2024.041-19.454c27.398%2023.786%2059.341%2051.632%2092.678%2065.56c5.312%202.22%2010.283%201.5%207.477%2013.53m-33.885-89.4c-7.713-6.096-21.204-16.215-28.82-22.09c-19.353-14.929-39.994-27.388-63.672-34.487c-12.825-3.845-14.51-16.736-4.814-28.123c1.763-2.07%204.518-3.428%207.18-2.871c44.1%209.233%2077.474%2036.255%20114.638%2070.36c-12.574%206.643-24.513%2017.21-24.513%2017.21%22%2F%3E%3Cpath%20fill%3D%22%232c6db0%22%20d%3D%22M135.123%20120.68c27.537-27.87%2081.002-61.546%20107.964-62.784a8.7%208.7%200%200%201%207.801%204.117c2.656%204.308%203.514%209.466%204.307%2014.538c.766%204.9-1.789%209.083-6.437%2010.385c-32.212%209.023-63.496%2030.96-88.888%2051.905c-8.541-4.034-24.747-18.16-24.747-18.16m-15.03-52.775C88.46%2094.319%2054.137%20125.83%2017.03%20137.113c-3.132.953-6.59.167-8.844-2.209c-3.031-3.196-4.192-6.486-5.42-9.687c-4.294-11.185-3.077-14.457%208.038-18.734C36.894%2096.44%2058.602%2079.75%2079.605%2061.91c3.18-2.701%209.489-7.888%2012.968-10.749c11.506%203.084%2027.52%2016.745%2027.52%2016.745m-56.989%2097.456c9.071-4.649%2023.037-10.135%2032.14-15.25c7.355%206.484%2024.383%2019.402%2024.383%2019.402c-12.347%208.254-32.04%2020.543-45.749%2024.088c-3.314.857-6.833-.433-8.927-3.141c-4.008-5.187-6.326-10.693-6.525-17.246c-.1-3.287%201.752-6.354%204.678-7.853m73.551-144.697C152.867%2010.86%20171.108%203.496%20183.607.822c3.437-.735%207.03.766%208.916%203.732c3.587%205.64%205.078%2011.306%204.712%2017.505c-.18%203.058-1.876%205.833-4.564%207.3c-7.841%204.283-21.807%207.622-29.834%2011.125c0%200-14.155-11.94-26.182-19.819%22%2F%3E%3Cpath%20fill%3D%22%23fec32d%22%20d%3D%22M233.097%20101.673c21.895%208.504%2029.971%2011.387%2013.998%2033.451c-1.873%202.586-4.848%202.603-7.956%201.869c-9.962-2.353-27.64-12.54-37.426-18.232c18.038-12.478%2031.384-17.088%2031.384-17.088M25.672%2091.788c-5.407-1.546-15.694-3.177-20.405-6.046c-2.13-1.297-3.562-3.555-3.867-6.03c-.774-6.256.832-11.89%203.883-17.56a8.67%208.67%200%200%201%208.568-4.502c10.499%201.166%2029.473%209.1%2039.745%2013.797C38.72%2085.145%2025.672%2091.788%2025.672%2091.788%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%20195%22%3E%3Cpath%20fill%3D%22%23fec32d%22%20d%3D%22M195.575%20178.073c-1.29%205.534-1.953%208.904-4.709%2012.623c-1.836%202.48-4.845%203.904-7.91%203.545c-2.663-.31-5.242-1.452-7.835-2.45c-29.986-11.541-54.185-31.862-78.634-51.809c-5.827-4.754-18.124-15.761-25.108-21.544c17.003-12.02%2024.041-19.454%2024.041-19.454c27.398%2023.786%2059.341%2051.632%2092.678%2065.56c5.312%202.22%2010.283%201.5%207.477%2013.53m-33.885-89.4c-7.713-6.096-21.204-16.215-28.82-22.09c-19.353-14.929-39.994-27.388-63.672-34.487c-12.825-3.845-14.51-16.736-4.814-28.123c1.763-2.07%204.518-3.428%207.18-2.871c44.1%209.233%2077.474%2036.255%20114.638%2070.36c-12.574%206.643-24.513%2017.21-24.513%2017.21%22%2F%3E%3Cpath%20fill%3D%22%232c6db0%22%20d%3D%22M135.123%20120.68c27.537-27.87%2081.002-61.546%20107.964-62.784a8.7%208.7%200%200%201%207.801%204.117c2.656%204.308%203.514%209.466%204.307%2014.538c.766%204.9-1.789%209.083-6.437%2010.385c-32.212%209.023-63.496%2030.96-88.888%2051.905c-8.541-4.034-24.747-18.16-24.747-18.16m-15.03-52.775C88.46%2094.319%2054.137%20125.83%2017.03%20137.113c-3.132.953-6.59.167-8.844-2.209c-3.031-3.196-4.192-6.486-5.42-9.687c-4.294-11.185-3.077-14.457%208.038-18.734C36.894%2096.44%2058.602%2079.75%2079.605%2061.91c3.18-2.701%209.489-7.888%2012.968-10.749c11.506%203.084%2027.52%2016.745%2027.52%2016.745m-56.989%2097.456c9.071-4.649%2023.037-10.135%2032.14-15.25c7.355%206.484%2024.383%2019.402%2024.383%2019.402c-12.347%208.254-32.04%2020.543-45.749%2024.088c-3.314.857-6.833-.433-8.927-3.141c-4.008-5.187-6.326-10.693-6.525-17.246c-.1-3.287%201.752-6.354%204.678-7.853m73.551-144.697C152.867%2010.86%20171.108%203.496%20183.607.822c3.437-.735%207.03.766%208.916%203.732c3.587%205.64%205.078%2011.306%204.712%2017.505c-.18%203.058-1.876%205.833-4.564%207.3c-7.841%204.283-21.807%207.622-29.834%2011.125c0%200-14.155-11.94-26.182-19.819%22%2F%3E%3Cpath%20fill%3D%22%23fec32d%22%20d%3D%22M233.097%20101.673c21.895%208.504%2029.971%2011.387%2013.998%2033.451c-1.873%202.586-4.848%202.603-7.956%201.869c-9.962-2.353-27.64-12.54-37.426-18.232c18.038-12.478%2031.384-17.088%2031.384-17.088M25.672%2091.788c-5.407-1.546-15.694-3.177-20.405-6.046c-2.13-1.297-3.562-3.555-3.867-6.03c-.774-6.256.832-11.89%203.883-17.56a8.67%208.67%200%200%201%208.568-4.502c10.499%201.166%2029.473%209.1%2039.745%2013.797C38.72%2085.145%2025.672%2091.788%2025.672%2091.788%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/fabric.svg?color=%231a73e8&size=48
