airtable logo
airtable from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- airtable
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×215
- License
- CC0
The same logo in other sets
Use the airtable logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 215"><path fill="#ffbf00" d="M114.259 2.701L18.86 42.176c-5.305 2.195-5.25 9.73.089 11.847l95.797 37.989a35.54 35.54 0 0 0 26.208 0l95.799-37.99c5.337-2.115 5.393-9.65.086-11.846L141.442 2.7a35.55 35.55 0 0 0-27.183 0"/><path fill="#26b5f8" d="M136.35 112.757v94.902c0 4.514 4.55 7.605 8.746 5.942l106.748-41.435a6.39 6.39 0 0 0 4.035-5.941V71.322c0-4.514-4.551-7.604-8.747-5.941l-106.748 41.434a6.39 6.39 0 0 0-4.035 5.942"/><path fill="#ed3049" d="m111.423 117.654l-31.68 15.296l-3.217 1.555L9.65 166.548C5.411 168.593 0 165.504 0 160.795V71.72c0-1.704.874-3.175 2.046-4.283a7.3 7.3 0 0 1 1.618-1.213c1.598-.959 3.878-1.215 5.816-.448l101.41 40.18c5.155 2.045 5.56 9.268.533 11.697"/><path fill-opacity=".25" d="m111.423 117.654l-31.68 15.296L2.045 67.438a7.3 7.3 0 0 1 1.618-1.213c1.598-.959 3.878-1.215 5.816-.448l101.41 40.18c5.155 2.045 5.56 9.268.533 11.697"/></svg>
React
import type { SVGProps } from "react";
export function LogosAirtable(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 215"><path fill="#ffbf00" d="M114.259 2.701L18.86 42.176c-5.305 2.195-5.25 9.73.089 11.847l95.797 37.989a35.54 35.54 0 0 0 26.208 0l95.799-37.99c5.337-2.115 5.393-9.65.086-11.846L141.442 2.7a35.55 35.55 0 0 0-27.183 0"/><path fill="#26b5f8" d="M136.35 112.757v94.902c0 4.514 4.55 7.605 8.746 5.942l106.748-41.435a6.39 6.39 0 0 0 4.035-5.941V71.322c0-4.514-4.551-7.604-8.747-5.941l-106.748 41.434a6.39 6.39 0 0 0-4.035 5.942"/><path fill="#ed3049" d="m111.423 117.654l-31.68 15.296l-3.217 1.555L9.65 166.548C5.411 168.593 0 165.504 0 160.795V71.72c0-1.704.874-3.175 2.046-4.283a7.3 7.3 0 0 1 1.618-1.213c1.598-.959 3.878-1.215 5.816-.448l101.41 40.18c5.155 2.045 5.56 9.268.533 11.697"/><path fillOpacity=".25" d="m111.423 117.654l-31.68 15.296L2.045 67.438a7.3 7.3 0 0 1 1.618-1.213c1.598-.959 3.878-1.215 5.816-.448l101.41 40.18c5.155 2.045 5.56 9.268.533 11.697"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 215"><path fill="#ffbf00" d="M114.259 2.701L18.86 42.176c-5.305 2.195-5.25 9.73.089 11.847l95.797 37.989a35.54 35.54 0 0 0 26.208 0l95.799-37.99c5.337-2.115 5.393-9.65.086-11.846L141.442 2.7a35.55 35.55 0 0 0-27.183 0"/><path fill="#26b5f8" d="M136.35 112.757v94.902c0 4.514 4.55 7.605 8.746 5.942l106.748-41.435a6.39 6.39 0 0 0 4.035-5.941V71.322c0-4.514-4.551-7.604-8.747-5.941l-106.748 41.434a6.39 6.39 0 0 0-4.035 5.942"/><path fill="#ed3049" d="m111.423 117.654l-31.68 15.296l-3.217 1.555L9.65 166.548C5.411 168.593 0 165.504 0 160.795V71.72c0-1.704.874-3.175 2.046-4.283a7.3 7.3 0 0 1 1.618-1.213c1.598-.959 3.878-1.215 5.816-.448l101.41 40.18c5.155 2.045 5.56 9.268.533 11.697"/><path fill-opacity=".25" d="m111.423 117.654l-31.68 15.296L2.045 67.438a7.3 7.3 0 0 1 1.618-1.213c1.598-.959 3.878-1.215 5.816-.448l101.41 40.18c5.155 2.045 5.56 9.268.533 11.697"/></svg> </template>
CSS
.icon-airtable {
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%20215%22%3E%3Cpath%20fill%3D%22%23ffbf00%22%20d%3D%22M114.259%202.701L18.86%2042.176c-5.305%202.195-5.25%209.73.089%2011.847l95.797%2037.989a35.54%2035.54%200%200%200%2026.208%200l95.799-37.99c5.337-2.115%205.393-9.65.086-11.846L141.442%202.7a35.55%2035.55%200%200%200-27.183%200%22%2F%3E%3Cpath%20fill%3D%22%2326b5f8%22%20d%3D%22M136.35%20112.757v94.902c0%204.514%204.55%207.605%208.746%205.942l106.748-41.435a6.39%206.39%200%200%200%204.035-5.941V71.322c0-4.514-4.551-7.604-8.747-5.941l-106.748%2041.434a6.39%206.39%200%200%200-4.035%205.942%22%2F%3E%3Cpath%20fill%3D%22%23ed3049%22%20d%3D%22m111.423%20117.654l-31.68%2015.296l-3.217%201.555L9.65%20166.548C5.411%20168.593%200%20165.504%200%20160.795V71.72c0-1.704.874-3.175%202.046-4.283a7.3%207.3%200%200%201%201.618-1.213c1.598-.959%203.878-1.215%205.816-.448l101.41%2040.18c5.155%202.045%205.56%209.268.533%2011.697%22%2F%3E%3Cpath%20fill-opacity%3D%22.25%22%20d%3D%22m111.423%20117.654l-31.68%2015.296L2.045%2067.438a7.3%207.3%200%200%201%201.618-1.213c1.598-.959%203.878-1.215%205.816-.448l101.41%2040.18c5.155%202.045%205.56%209.268.533%2011.697%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%20215%22%3E%3Cpath%20fill%3D%22%23ffbf00%22%20d%3D%22M114.259%202.701L18.86%2042.176c-5.305%202.195-5.25%209.73.089%2011.847l95.797%2037.989a35.54%2035.54%200%200%200%2026.208%200l95.799-37.99c5.337-2.115%205.393-9.65.086-11.846L141.442%202.7a35.55%2035.55%200%200%200-27.183%200%22%2F%3E%3Cpath%20fill%3D%22%2326b5f8%22%20d%3D%22M136.35%20112.757v94.902c0%204.514%204.55%207.605%208.746%205.942l106.748-41.435a6.39%206.39%200%200%200%204.035-5.941V71.322c0-4.514-4.551-7.604-8.747-5.941l-106.748%2041.434a6.39%206.39%200%200%200-4.035%205.942%22%2F%3E%3Cpath%20fill%3D%22%23ed3049%22%20d%3D%22m111.423%20117.654l-31.68%2015.296l-3.217%201.555L9.65%20166.548C5.411%20168.593%200%20165.504%200%20160.795V71.72c0-1.704.874-3.175%202.046-4.283a7.3%207.3%200%200%201%201.618-1.213c1.598-.959%203.878-1.215%205.816-.448l101.41%2040.18c5.155%202.045%205.56%209.268.533%2011.697%22%2F%3E%3Cpath%20fill-opacity%3D%22.25%22%20d%3D%22m111.423%20117.654l-31.68%2015.296L2.045%2067.438a7.3%207.3%200%200%201%201.618-1.213c1.598-.959%203.878-1.215%205.816-.448l101.41%2040.18c5.155%202.045%205.56%209.268.533%2011.697%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/airtable.svg?color=%231a73e8&size=48
