airflow icon logo
airflow-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- airflow-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Use the airflow icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#017cee" d="m4.127 254.974l122.568-125.639a2.265 2.265 0 0 0 .274-2.896c-7.453-10.406-21.207-12.21-26.303-19.203c-15.098-20.711-18.929-32.434-25.417-31.708a1.98 1.98 0 0 0-1.178.622l-44.276 45.388C4.322 147.628.661 205.137 0 253.295a2.4 2.4 0 0 0 4.127 1.679"/><path fill="#00ad46" d="M254.974 251.873L129.335 129.296a2.266 2.266 0 0 0-2.9-.274c-10.406 7.457-12.21 21.207-19.203 26.303c-20.712 15.098-32.435 18.93-31.709 25.417c.066.451.286.866.622 1.174l45.389 44.276c26.09 25.473 83.598 29.134 131.757 29.795a2.401 2.401 0 0 0 1.683-4.114"/><path fill="#04d659" d="M121.534 226.205c-14.263-13.915-20.872-41.44 6.462-98.2c-44.437 19.859-60.008 45.962-52.35 53.437z"/><path fill="#00c7d4" d="M251.869 1.03L129.305 126.67a2.26 2.26 0 0 0-.274 2.895c7.457 10.406 21.202 12.21 26.303 19.203c15.098 20.712 18.933 32.435 25.417 31.709c.453-.065.87-.285 1.178-.622l44.276-45.389C251.678 108.376 255.339 50.868 256 2.71a2.405 2.405 0 0 0-4.131-1.678"/><path fill="#11e1ee" d="M226.226 134.466c-13.915 14.263-41.44 20.873-98.204-6.462c19.859 44.437 45.963 60.009 53.437 52.351z"/><path fill="#e43921" d="m1.018 4.131l125.638 122.565c.772.78 1.992.896 2.896.273c10.406-7.457 12.21-21.207 19.203-26.303c20.712-15.098 32.435-18.929 31.709-25.417a2 2 0 0 0-.622-1.178l-45.389-44.276C108.363 4.322 50.855.661 2.696 0a2.4 2.4 0 0 0-1.678 4.131"/><path fill="#ff7557" d="M134.475 29.8c14.263 13.915 20.872 41.44-6.462 98.204c44.437-19.859 60.008-45.967 52.35-53.437z"/><path fill="#0cb6ff" d="M29.795 121.543C43.71 107.28 71.235 100.67 128 128.004c-19.86-44.436-45.963-60.008-53.438-52.35z"/><circle cx="128.017" cy="127.983" r="5.479" fill="#4a4848"/></svg>
React
import type { SVGProps } from "react";
export function LogosAirflowIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#017cee" d="m4.127 254.974l122.568-125.639a2.265 2.265 0 0 0 .274-2.896c-7.453-10.406-21.207-12.21-26.303-19.203c-15.098-20.711-18.929-32.434-25.417-31.708a1.98 1.98 0 0 0-1.178.622l-44.276 45.388C4.322 147.628.661 205.137 0 253.295a2.4 2.4 0 0 0 4.127 1.679"/><path fill="#00ad46" d="M254.974 251.873L129.335 129.296a2.266 2.266 0 0 0-2.9-.274c-10.406 7.457-12.21 21.207-19.203 26.303c-20.712 15.098-32.435 18.93-31.709 25.417c.066.451.286.866.622 1.174l45.389 44.276c26.09 25.473 83.598 29.134 131.757 29.795a2.401 2.401 0 0 0 1.683-4.114"/><path fill="#04d659" d="M121.534 226.205c-14.263-13.915-20.872-41.44 6.462-98.2c-44.437 19.859-60.008 45.962-52.35 53.437z"/><path fill="#00c7d4" d="M251.869 1.03L129.305 126.67a2.26 2.26 0 0 0-.274 2.895c7.457 10.406 21.202 12.21 26.303 19.203c15.098 20.712 18.933 32.435 25.417 31.709c.453-.065.87-.285 1.178-.622l44.276-45.389C251.678 108.376 255.339 50.868 256 2.71a2.405 2.405 0 0 0-4.131-1.678"/><path fill="#11e1ee" d="M226.226 134.466c-13.915 14.263-41.44 20.873-98.204-6.462c19.859 44.437 45.963 60.009 53.437 52.351z"/><path fill="#e43921" d="m1.018 4.131l125.638 122.565c.772.78 1.992.896 2.896.273c10.406-7.457 12.21-21.207 19.203-26.303c20.712-15.098 32.435-18.929 31.709-25.417a2 2 0 0 0-.622-1.178l-45.389-44.276C108.363 4.322 50.855.661 2.696 0a2.4 2.4 0 0 0-1.678 4.131"/><path fill="#ff7557" d="M134.475 29.8c14.263 13.915 20.872 41.44-6.462 98.204c44.437-19.859 60.008-45.967 52.35-53.437z"/><path fill="#0cb6ff" d="M29.795 121.543C43.71 107.28 71.235 100.67 128 128.004c-19.86-44.436-45.963-60.008-53.438-52.35z"/><circle cx="128.017" cy="127.983" r="5.479" fill="#4a4848"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#017cee" d="m4.127 254.974l122.568-125.639a2.265 2.265 0 0 0 .274-2.896c-7.453-10.406-21.207-12.21-26.303-19.203c-15.098-20.711-18.929-32.434-25.417-31.708a1.98 1.98 0 0 0-1.178.622l-44.276 45.388C4.322 147.628.661 205.137 0 253.295a2.4 2.4 0 0 0 4.127 1.679"/><path fill="#00ad46" d="M254.974 251.873L129.335 129.296a2.266 2.266 0 0 0-2.9-.274c-10.406 7.457-12.21 21.207-19.203 26.303c-20.712 15.098-32.435 18.93-31.709 25.417c.066.451.286.866.622 1.174l45.389 44.276c26.09 25.473 83.598 29.134 131.757 29.795a2.401 2.401 0 0 0 1.683-4.114"/><path fill="#04d659" d="M121.534 226.205c-14.263-13.915-20.872-41.44 6.462-98.2c-44.437 19.859-60.008 45.962-52.35 53.437z"/><path fill="#00c7d4" d="M251.869 1.03L129.305 126.67a2.26 2.26 0 0 0-.274 2.895c7.457 10.406 21.202 12.21 26.303 19.203c15.098 20.712 18.933 32.435 25.417 31.709c.453-.065.87-.285 1.178-.622l44.276-45.389C251.678 108.376 255.339 50.868 256 2.71a2.405 2.405 0 0 0-4.131-1.678"/><path fill="#11e1ee" d="M226.226 134.466c-13.915 14.263-41.44 20.873-98.204-6.462c19.859 44.437 45.963 60.009 53.437 52.351z"/><path fill="#e43921" d="m1.018 4.131l125.638 122.565c.772.78 1.992.896 2.896.273c10.406-7.457 12.21-21.207 19.203-26.303c20.712-15.098 32.435-18.929 31.709-25.417a2 2 0 0 0-.622-1.178l-45.389-44.276C108.363 4.322 50.855.661 2.696 0a2.4 2.4 0 0 0-1.678 4.131"/><path fill="#ff7557" d="M134.475 29.8c14.263 13.915 20.872 41.44-6.462 98.204c44.437-19.859 60.008-45.967 52.35-53.437z"/><path fill="#0cb6ff" d="M29.795 121.543C43.71 107.28 71.235 100.67 128 128.004c-19.86-44.436-45.963-60.008-53.438-52.35z"/><circle cx="128.017" cy="127.983" r="5.479" fill="#4a4848"/></svg> </template>
CSS
.icon-airflow-icon {
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%23017cee%22%20d%3D%22m4.127%20254.974l122.568-125.639a2.265%202.265%200%200%200%20.274-2.896c-7.453-10.406-21.207-12.21-26.303-19.203c-15.098-20.711-18.929-32.434-25.417-31.708a1.98%201.98%200%200%200-1.178.622l-44.276%2045.388C4.322%20147.628.661%20205.137%200%20253.295a2.4%202.4%200%200%200%204.127%201.679%22%2F%3E%3Cpath%20fill%3D%22%2300ad46%22%20d%3D%22M254.974%20251.873L129.335%20129.296a2.266%202.266%200%200%200-2.9-.274c-10.406%207.457-12.21%2021.207-19.203%2026.303c-20.712%2015.098-32.435%2018.93-31.709%2025.417c.066.451.286.866.622%201.174l45.389%2044.276c26.09%2025.473%2083.598%2029.134%20131.757%2029.795a2.401%202.401%200%200%200%201.683-4.114%22%2F%3E%3Cpath%20fill%3D%22%2304d659%22%20d%3D%22M121.534%20226.205c-14.263-13.915-20.872-41.44%206.462-98.2c-44.437%2019.859-60.008%2045.962-52.35%2053.437z%22%2F%3E%3Cpath%20fill%3D%22%2300c7d4%22%20d%3D%22M251.869%201.03L129.305%20126.67a2.26%202.26%200%200%200-.274%202.895c7.457%2010.406%2021.202%2012.21%2026.303%2019.203c15.098%2020.712%2018.933%2032.435%2025.417%2031.709c.453-.065.87-.285%201.178-.622l44.276-45.389C251.678%20108.376%20255.339%2050.868%20256%202.71a2.405%202.405%200%200%200-4.131-1.678%22%2F%3E%3Cpath%20fill%3D%22%2311e1ee%22%20d%3D%22M226.226%20134.466c-13.915%2014.263-41.44%2020.873-98.204-6.462c19.859%2044.437%2045.963%2060.009%2053.437%2052.351z%22%2F%3E%3Cpath%20fill%3D%22%23e43921%22%20d%3D%22m1.018%204.131l125.638%20122.565c.772.78%201.992.896%202.896.273c10.406-7.457%2012.21-21.207%2019.203-26.303c20.712-15.098%2032.435-18.929%2031.709-25.417a2%202%200%200%200-.622-1.178l-45.389-44.276C108.363%204.322%2050.855.661%202.696%200a2.4%202.4%200%200%200-1.678%204.131%22%2F%3E%3Cpath%20fill%3D%22%23ff7557%22%20d%3D%22M134.475%2029.8c14.263%2013.915%2020.872%2041.44-6.462%2098.204c44.437-19.859%2060.008-45.967%2052.35-53.437z%22%2F%3E%3Cpath%20fill%3D%22%230cb6ff%22%20d%3D%22M29.795%20121.543C43.71%20107.28%2071.235%20100.67%20128%20128.004c-19.86-44.436-45.963-60.008-53.438-52.35z%22%2F%3E%3Ccircle%20cx%3D%22128.017%22%20cy%3D%22127.983%22%20r%3D%225.479%22%20fill%3D%22%234a4848%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%23017cee%22%20d%3D%22m4.127%20254.974l122.568-125.639a2.265%202.265%200%200%200%20.274-2.896c-7.453-10.406-21.207-12.21-26.303-19.203c-15.098-20.711-18.929-32.434-25.417-31.708a1.98%201.98%200%200%200-1.178.622l-44.276%2045.388C4.322%20147.628.661%20205.137%200%20253.295a2.4%202.4%200%200%200%204.127%201.679%22%2F%3E%3Cpath%20fill%3D%22%2300ad46%22%20d%3D%22M254.974%20251.873L129.335%20129.296a2.266%202.266%200%200%200-2.9-.274c-10.406%207.457-12.21%2021.207-19.203%2026.303c-20.712%2015.098-32.435%2018.93-31.709%2025.417c.066.451.286.866.622%201.174l45.389%2044.276c26.09%2025.473%2083.598%2029.134%20131.757%2029.795a2.401%202.401%200%200%200%201.683-4.114%22%2F%3E%3Cpath%20fill%3D%22%2304d659%22%20d%3D%22M121.534%20226.205c-14.263-13.915-20.872-41.44%206.462-98.2c-44.437%2019.859-60.008%2045.962-52.35%2053.437z%22%2F%3E%3Cpath%20fill%3D%22%2300c7d4%22%20d%3D%22M251.869%201.03L129.305%20126.67a2.26%202.26%200%200%200-.274%202.895c7.457%2010.406%2021.202%2012.21%2026.303%2019.203c15.098%2020.712%2018.933%2032.435%2025.417%2031.709c.453-.065.87-.285%201.178-.622l44.276-45.389C251.678%20108.376%20255.339%2050.868%20256%202.71a2.405%202.405%200%200%200-4.131-1.678%22%2F%3E%3Cpath%20fill%3D%22%2311e1ee%22%20d%3D%22M226.226%20134.466c-13.915%2014.263-41.44%2020.873-98.204-6.462c19.859%2044.437%2045.963%2060.009%2053.437%2052.351z%22%2F%3E%3Cpath%20fill%3D%22%23e43921%22%20d%3D%22m1.018%204.131l125.638%20122.565c.772.78%201.992.896%202.896.273c10.406-7.457%2012.21-21.207%2019.203-26.303c20.712-15.098%2032.435-18.929%2031.709-25.417a2%202%200%200%200-.622-1.178l-45.389-44.276C108.363%204.322%2050.855.661%202.696%200a2.4%202.4%200%200%200-1.678%204.131%22%2F%3E%3Cpath%20fill%3D%22%23ff7557%22%20d%3D%22M134.475%2029.8c14.263%2013.915%2020.872%2041.44-6.462%2098.204c44.437-19.859%2060.008-45.967%2052.35-53.437z%22%2F%3E%3Cpath%20fill%3D%22%230cb6ff%22%20d%3D%22M29.795%20121.543C43.71%20107.28%2071.235%20100.67%20128%20128.004c-19.86-44.436-45.963-60.008-53.438-52.35z%22%2F%3E%3Ccircle%20cx%3D%22128.017%22%20cy%3D%22127.983%22%20r%3D%225.479%22%20fill%3D%22%234a4848%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/airflow-icon.svg?color=%231a73e8&size=48
