datocms logo

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

Name
datocms
Set
SVG Logos
Style
Color
Viewbox
512×158
License
CC0

The same logo in other sets

datocmsSimple Icons

Related icons in SVG Logos

datocms-icon

Use the datocms logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 158"><defs><linearGradient id="SVGnb50D8bz" x1="0%" x2="100%" y1="49.999%" y2="49.999%"><stop offset="0%" stop-color="#ff593d"/><stop offset="100%" stop-color="#ff7751"/></linearGradient></defs><g fill="none"><path fill="url(#SVGnb50D8bz)" d="M77.036 1.653H0v155.061h77.036c38.528 0 77.035-34.714 77.035-77.52S115.564 1.653 77.036 1.653m0 112.76C57.58 114.406 41.812 98.627 41.82 79.17s15.786-35.224 35.244-35.217s35.224 15.785 35.218 35.242a35.22 35.22 0 0 1-35.245 35.22"/><path fill="#ff7751" d="M233.11 1.68c23.187 0 35.08 14.057 35.08 33.4v17.3c0 19.34-11.893 33.397-35.08 33.397h-36.76V1.68zm14.417 33.286c0-10.69-5.647-16.337-18.14-16.337h-12.495v50.207h12.494c12.494 0 18.141-5.647 18.141-16.337zm84.667 35.2H301.8l-4.686 15.619h-20.663L306.483 1.68h21.147l30.034 84.097H337zm-25.348-16.579h20.302l-10.091-33.276zM422.998 1.68v17.426h-22.714v66.671h-20.657V19.101h-22.713V1.68zm50.017 85.779c-25.468 0-38.563-16.34-38.563-38.324V38.322C434.452 16.338 447.547 0 473.015 0s38.573 16.338 38.573 38.322v10.813c-.008 21.984-13.103 38.324-38.573 38.324m0-70.281c-12.012 0-17.9 8.051-17.9 20.064v12.973c0 12.015 5.888 20.064 17.9 20.064c12.013 0 17.9-8.05 17.9-20.064V37.242c0-12.013-5.885-20.064-17.9-20.064m-258.24 130.151a9.424 9.424 0 0 0 10.182-9.531h11.658c-.147 10.851-8.137 19.944-21.702 19.944c-15.837 0-23.461-9.972-23.461-23.316v-6.745c0-13.344 7.624-23.314 23.46-23.314c13.566 0 21.556 9.089 21.703 19.94h-11.658a9.424 9.424 0 0 0-10.181-9.532c-7.627 0-10.707 5.06-10.707 12.318v7.919c0 7.258 3.09 12.317 10.707 12.317m72.555-41.938h11.586v51.323H286.82v-27.126l-8.067 15.687h-9.97l-7.991-15.687v27.126h-12.099v-51.323h11.584l13.49 27.935zm44.574 52.351c-12.317 0-20.602-5.874-20.602-16.204v-1.394H323.4v1.03c0 4.325 2.786 6.964 8.578 6.964c5.206 0 8.652-2.126 8.652-6.085a4.21 4.21 0 0 0-3.524-4.545l-12.831-3.227c-7.993-1.98-12.099-5.498-12.099-13.857c0-10.191 7.259-16.056 19.43-16.056c11.511 0 18.844 6.23 18.844 15.616v1.247h-11.652v-.88c0-3.447-1.907-6.306-7.186-6.306c-4.4 0-7.184 1.539-7.184 5.204a3.904 3.904 0 0 0 3.299 4.18l13.636 3.666c8.212 2.2 11.51 6.746 11.51 13.857c0 10.264-9.09 16.79-20.968 16.79"/></g></svg>

React

import type { SVGProps } from "react";

export function LogosDatocms(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 158"><defs><linearGradient id="SVGnb50D8bz" x1="0%" x2="100%" y1="49.999%" y2="49.999%"><stop offset="0%" stopColor="#ff593d"/><stop offset="100%" stopColor="#ff7751"/></linearGradient></defs><g fill="none"><path fill="url(#SVGnb50D8bz)" d="M77.036 1.653H0v155.061h77.036c38.528 0 77.035-34.714 77.035-77.52S115.564 1.653 77.036 1.653m0 112.76C57.58 114.406 41.812 98.627 41.82 79.17s15.786-35.224 35.244-35.217s35.224 15.785 35.218 35.242a35.22 35.22 0 0 1-35.245 35.22"/><path fill="#ff7751" d="M233.11 1.68c23.187 0 35.08 14.057 35.08 33.4v17.3c0 19.34-11.893 33.397-35.08 33.397h-36.76V1.68zm14.417 33.286c0-10.69-5.647-16.337-18.14-16.337h-12.495v50.207h12.494c12.494 0 18.141-5.647 18.141-16.337zm84.667 35.2H301.8l-4.686 15.619h-20.663L306.483 1.68h21.147l30.034 84.097H337zm-25.348-16.579h20.302l-10.091-33.276zM422.998 1.68v17.426h-22.714v66.671h-20.657V19.101h-22.713V1.68zm50.017 85.779c-25.468 0-38.563-16.34-38.563-38.324V38.322C434.452 16.338 447.547 0 473.015 0s38.573 16.338 38.573 38.322v10.813c-.008 21.984-13.103 38.324-38.573 38.324m0-70.281c-12.012 0-17.9 8.051-17.9 20.064v12.973c0 12.015 5.888 20.064 17.9 20.064c12.013 0 17.9-8.05 17.9-20.064V37.242c0-12.013-5.885-20.064-17.9-20.064m-258.24 130.151a9.424 9.424 0 0 0 10.182-9.531h11.658c-.147 10.851-8.137 19.944-21.702 19.944c-15.837 0-23.461-9.972-23.461-23.316v-6.745c0-13.344 7.624-23.314 23.46-23.314c13.566 0 21.556 9.089 21.703 19.94h-11.658a9.424 9.424 0 0 0-10.181-9.532c-7.627 0-10.707 5.06-10.707 12.318v7.919c0 7.258 3.09 12.317 10.707 12.317m72.555-41.938h11.586v51.323H286.82v-27.126l-8.067 15.687h-9.97l-7.991-15.687v27.126h-12.099v-51.323h11.584l13.49 27.935zm44.574 52.351c-12.317 0-20.602-5.874-20.602-16.204v-1.394H323.4v1.03c0 4.325 2.786 6.964 8.578 6.964c5.206 0 8.652-2.126 8.652-6.085a4.21 4.21 0 0 0-3.524-4.545l-12.831-3.227c-7.993-1.98-12.099-5.498-12.099-13.857c0-10.191 7.259-16.056 19.43-16.056c11.511 0 18.844 6.23 18.844 15.616v1.247h-11.652v-.88c0-3.447-1.907-6.306-7.186-6.306c-4.4 0-7.184 1.539-7.184 5.204a3.904 3.904 0 0 0 3.299 4.18l13.636 3.666c8.212 2.2 11.51 6.746 11.51 13.857c0 10.264-9.09 16.79-20.968 16.79"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 158"><defs><linearGradient id="SVGnb50D8bz" x1="0%" x2="100%" y1="49.999%" y2="49.999%"><stop offset="0%" stop-color="#ff593d"/><stop offset="100%" stop-color="#ff7751"/></linearGradient></defs><g fill="none"><path fill="url(#SVGnb50D8bz)" d="M77.036 1.653H0v155.061h77.036c38.528 0 77.035-34.714 77.035-77.52S115.564 1.653 77.036 1.653m0 112.76C57.58 114.406 41.812 98.627 41.82 79.17s15.786-35.224 35.244-35.217s35.224 15.785 35.218 35.242a35.22 35.22 0 0 1-35.245 35.22"/><path fill="#ff7751" d="M233.11 1.68c23.187 0 35.08 14.057 35.08 33.4v17.3c0 19.34-11.893 33.397-35.08 33.397h-36.76V1.68zm14.417 33.286c0-10.69-5.647-16.337-18.14-16.337h-12.495v50.207h12.494c12.494 0 18.141-5.647 18.141-16.337zm84.667 35.2H301.8l-4.686 15.619h-20.663L306.483 1.68h21.147l30.034 84.097H337zm-25.348-16.579h20.302l-10.091-33.276zM422.998 1.68v17.426h-22.714v66.671h-20.657V19.101h-22.713V1.68zm50.017 85.779c-25.468 0-38.563-16.34-38.563-38.324V38.322C434.452 16.338 447.547 0 473.015 0s38.573 16.338 38.573 38.322v10.813c-.008 21.984-13.103 38.324-38.573 38.324m0-70.281c-12.012 0-17.9 8.051-17.9 20.064v12.973c0 12.015 5.888 20.064 17.9 20.064c12.013 0 17.9-8.05 17.9-20.064V37.242c0-12.013-5.885-20.064-17.9-20.064m-258.24 130.151a9.424 9.424 0 0 0 10.182-9.531h11.658c-.147 10.851-8.137 19.944-21.702 19.944c-15.837 0-23.461-9.972-23.461-23.316v-6.745c0-13.344 7.624-23.314 23.46-23.314c13.566 0 21.556 9.089 21.703 19.94h-11.658a9.424 9.424 0 0 0-10.181-9.532c-7.627 0-10.707 5.06-10.707 12.318v7.919c0 7.258 3.09 12.317 10.707 12.317m72.555-41.938h11.586v51.323H286.82v-27.126l-8.067 15.687h-9.97l-7.991-15.687v27.126h-12.099v-51.323h11.584l13.49 27.935zm44.574 52.351c-12.317 0-20.602-5.874-20.602-16.204v-1.394H323.4v1.03c0 4.325 2.786 6.964 8.578 6.964c5.206 0 8.652-2.126 8.652-6.085a4.21 4.21 0 0 0-3.524-4.545l-12.831-3.227c-7.993-1.98-12.099-5.498-12.099-13.857c0-10.191 7.259-16.056 19.43-16.056c11.511 0 18.844 6.23 18.844 15.616v1.247h-11.652v-.88c0-3.447-1.907-6.306-7.186-6.306c-4.4 0-7.184 1.539-7.184 5.204a3.904 3.904 0 0 0 3.299 4.18l13.636 3.666c8.212 2.2 11.51 6.746 11.51 13.857c0 10.264-9.09 16.79-20.968 16.79"/></g></svg>
</template>

CSS

.icon-datocms {
  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%20512%20158%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGnb50D8bz%22%20x1%3D%220%25%22%20x2%3D%22100%25%22%20y1%3D%2249.999%25%22%20y2%3D%2249.999%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ff593d%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ff7751%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGnb50D8bz)%22%20d%3D%22M77.036%201.653H0v155.061h77.036c38.528%200%2077.035-34.714%2077.035-77.52S115.564%201.653%2077.036%201.653m0%20112.76C57.58%20114.406%2041.812%2098.627%2041.82%2079.17s15.786-35.224%2035.244-35.217s35.224%2015.785%2035.218%2035.242a35.22%2035.22%200%200%201-35.245%2035.22%22%2F%3E%3Cpath%20fill%3D%22%23ff7751%22%20d%3D%22M233.11%201.68c23.187%200%2035.08%2014.057%2035.08%2033.4v17.3c0%2019.34-11.893%2033.397-35.08%2033.397h-36.76V1.68zm14.417%2033.286c0-10.69-5.647-16.337-18.14-16.337h-12.495v50.207h12.494c12.494%200%2018.141-5.647%2018.141-16.337zm84.667%2035.2H301.8l-4.686%2015.619h-20.663L306.483%201.68h21.147l30.034%2084.097H337zm-25.348-16.579h20.302l-10.091-33.276zM422.998%201.68v17.426h-22.714v66.671h-20.657V19.101h-22.713V1.68zm50.017%2085.779c-25.468%200-38.563-16.34-38.563-38.324V38.322C434.452%2016.338%20447.547%200%20473.015%200s38.573%2016.338%2038.573%2038.322v10.813c-.008%2021.984-13.103%2038.324-38.573%2038.324m0-70.281c-12.012%200-17.9%208.051-17.9%2020.064v12.973c0%2012.015%205.888%2020.064%2017.9%2020.064c12.013%200%2017.9-8.05%2017.9-20.064V37.242c0-12.013-5.885-20.064-17.9-20.064m-258.24%20130.151a9.424%209.424%200%200%200%2010.182-9.531h11.658c-.147%2010.851-8.137%2019.944-21.702%2019.944c-15.837%200-23.461-9.972-23.461-23.316v-6.745c0-13.344%207.624-23.314%2023.46-23.314c13.566%200%2021.556%209.089%2021.703%2019.94h-11.658a9.424%209.424%200%200%200-10.181-9.532c-7.627%200-10.707%205.06-10.707%2012.318v7.919c0%207.258%203.09%2012.317%2010.707%2012.317m72.555-41.938h11.586v51.323H286.82v-27.126l-8.067%2015.687h-9.97l-7.991-15.687v27.126h-12.099v-51.323h11.584l13.49%2027.935zm44.574%2052.351c-12.317%200-20.602-5.874-20.602-16.204v-1.394H323.4v1.03c0%204.325%202.786%206.964%208.578%206.964c5.206%200%208.652-2.126%208.652-6.085a4.21%204.21%200%200%200-3.524-4.545l-12.831-3.227c-7.993-1.98-12.099-5.498-12.099-13.857c0-10.191%207.259-16.056%2019.43-16.056c11.511%200%2018.844%206.23%2018.844%2015.616v1.247h-11.652v-.88c0-3.447-1.907-6.306-7.186-6.306c-4.4%200-7.184%201.539-7.184%205.204a3.904%203.904%200%200%200%203.299%204.18l13.636%203.666c8.212%202.2%2011.51%206.746%2011.51%2013.857c0%2010.264-9.09%2016.79-20.968%2016.79%22%2F%3E%3C%2Fg%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%20512%20158%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGnb50D8bz%22%20x1%3D%220%25%22%20x2%3D%22100%25%22%20y1%3D%2249.999%25%22%20y2%3D%2249.999%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ff593d%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ff7751%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGnb50D8bz)%22%20d%3D%22M77.036%201.653H0v155.061h77.036c38.528%200%2077.035-34.714%2077.035-77.52S115.564%201.653%2077.036%201.653m0%20112.76C57.58%20114.406%2041.812%2098.627%2041.82%2079.17s15.786-35.224%2035.244-35.217s35.224%2015.785%2035.218%2035.242a35.22%2035.22%200%200%201-35.245%2035.22%22%2F%3E%3Cpath%20fill%3D%22%23ff7751%22%20d%3D%22M233.11%201.68c23.187%200%2035.08%2014.057%2035.08%2033.4v17.3c0%2019.34-11.893%2033.397-35.08%2033.397h-36.76V1.68zm14.417%2033.286c0-10.69-5.647-16.337-18.14-16.337h-12.495v50.207h12.494c12.494%200%2018.141-5.647%2018.141-16.337zm84.667%2035.2H301.8l-4.686%2015.619h-20.663L306.483%201.68h21.147l30.034%2084.097H337zm-25.348-16.579h20.302l-10.091-33.276zM422.998%201.68v17.426h-22.714v66.671h-20.657V19.101h-22.713V1.68zm50.017%2085.779c-25.468%200-38.563-16.34-38.563-38.324V38.322C434.452%2016.338%20447.547%200%20473.015%200s38.573%2016.338%2038.573%2038.322v10.813c-.008%2021.984-13.103%2038.324-38.573%2038.324m0-70.281c-12.012%200-17.9%208.051-17.9%2020.064v12.973c0%2012.015%205.888%2020.064%2017.9%2020.064c12.013%200%2017.9-8.05%2017.9-20.064V37.242c0-12.013-5.885-20.064-17.9-20.064m-258.24%20130.151a9.424%209.424%200%200%200%2010.182-9.531h11.658c-.147%2010.851-8.137%2019.944-21.702%2019.944c-15.837%200-23.461-9.972-23.461-23.316v-6.745c0-13.344%207.624-23.314%2023.46-23.314c13.566%200%2021.556%209.089%2021.703%2019.94h-11.658a9.424%209.424%200%200%200-10.181-9.532c-7.627%200-10.707%205.06-10.707%2012.318v7.919c0%207.258%203.09%2012.317%2010.707%2012.317m72.555-41.938h11.586v51.323H286.82v-27.126l-8.067%2015.687h-9.97l-7.991-15.687v27.126h-12.099v-51.323h11.584l13.49%2027.935zm44.574%2052.351c-12.317%200-20.602-5.874-20.602-16.204v-1.394H323.4v1.03c0%204.325%202.786%206.964%208.578%206.964c5.206%200%208.652-2.126%208.652-6.085a4.21%204.21%200%200%200-3.524-4.545l-12.831-3.227c-7.993-1.98-12.099-5.498-12.099-13.857c0-10.191%207.259-16.056%2019.43-16.056c11.511%200%2018.844%206.23%2018.844%2015.616v1.247h-11.652v-.88c0-3.447-1.907-6.306-7.186-6.306c-4.4%200-7.184%201.539-7.184%205.204a3.904%203.904%200%200%200%203.299%204.18l13.636%203.666c8.212%202.2%2011.51%206.746%2011.51%2013.857c0%2010.264-9.09%2016.79-20.968%2016.79%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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