Home/Libraries/SVG Logos (Iconify)/dcos

SVG Logos (Iconify)

Dcos

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 118"><defs><linearGradient id="SVGsCIPpcei" x1="0%" x2="100%" y1="0%" y2="100%"><stop offset="0%" stop-color="#7d58ff"/><stop offset="100%" stop-color="#ff007d"/></linearGradient></defs><path fill="#818cf8" d="M512.002 64.468v2.425c0 3.256-.663 6.364-1.968 9.236a24.6 24.6 0 0 1-5.142 7.4a24.1 24.1 0 0 1-7.49 4.992c-2.85 1.217-5.903 1.832-9.073 1.832h-5.725c-3.168 0-6.223-.615-9.073-1.832a24.1 24.1 0 0 1-7.488-4.992a24.6 24.6 0 0 1-5.144-7.402c-1.302-2.87-1.966-5.978-1.966-9.234v-5.415h14.28v5.415c0 1.26.253 2.442.746 3.51a10.2 10.2 0 0 0 2.156 3.042c.9.875 1.961 1.569 3.153 2.067a9.55 9.55 0 0 0 3.727.742h5a9.3 9.3 0 0 0 3.685-.737a10.16 10.16 0 0 0 5.296-5.114c.494-1.068.744-2.25.744-3.51v-2.425c0-2.115-.376-3.828-1.117-5.1a11.8 11.8 0 0 0-3.29-3.616c-1.54-1.124-3.311-2.087-5.267-2.875a376 376 0 0 0-6.857-2.684a89 89 0 0 1-7.205-3.114a28.6 28.6 0 0 1-6.882-4.67c-2.126-1.956-3.849-4.368-5.119-7.172c-1.287-2.834-1.94-6.283-1.94-10.251v-1.523c0-3.225.613-6.306 1.818-9.153c1.192-2.816 2.857-5.322 4.95-7.445a23.3 23.3 0 0 1 7.368-5.025C477.004.62 480.045 0 483.215 0h5.114c3.178 0 6.213.62 9.015 1.843a23.4 23.4 0 0 1 7.336 5.022a23.6 23.6 0 0 1 4.948 7.448c1.207 2.844 1.818 5.925 1.818 9.15v4.222h-14.282v-4.222c0-1.301-.238-2.516-.706-3.612a9.6 9.6 0 0 0-1.976-2.973a9.4 9.4 0 0 0-2.93-2.003c-1.08-.478-2.277-.717-3.556-.717h-4.445c-1.283 0-2.477.239-3.562.717a9.7 9.7 0 0 0-2.975 2.025a9.3 9.3 0 0 0-1.98 2.949c-.471 1.098-.707 2.313-.707 3.614v1.523c0 1.904.36 3.467 1.08 4.644c.813 1.342 1.92 2.511 3.288 3.477c1.55 1.098 3.34 2.069 5.331 2.887q3.347 1.377 6.897 2.812a91 91 0 0 1 7.2 3.289a29.7 29.7 0 0 1 6.85 4.806c2.118 1.993 3.834 4.44 5.098 7.277c1.283 2.87 1.931 6.33 1.931 10.29M434.656 6.865c2.094 2.123 3.757 4.629 4.946 7.448c1.207 2.844 1.818 5.925 1.818 9.15v43.43c0 3.225-.61 6.306-1.818 9.15a23.6 23.6 0 0 1-4.946 7.445a23.3 23.3 0 0 1-7.338 5.023c-2.8 1.222-5.835 1.842-9.015 1.842h-5.668c-3.175 0-6.213-.617-9.038-1.84a23.2 23.2 0 0 1-7.367-5.025a23.6 23.6 0 0 1-4.949-7.448c-1.207-2.841-1.818-5.922-1.818-9.147v-43.43c0-3.225.611-6.306 1.818-9.153a23.6 23.6 0 0 1 4.949-7.445a23.3 23.3 0 0 1 7.367-5.025C406.422.62 409.46 0 412.635 0h5.668c3.18 0 6.213.62 9.015 1.843a23.4 23.4 0 0 1 7.338 5.022m-7.523 60.028v-43.43c0-1.301-.24-2.516-.706-3.612a9.6 9.6 0 0 0-1.979-2.973a9.4 9.4 0 0 0-2.925-2.003c-1.081-.478-2.281-.717-3.558-.717h-5.001c-1.283 0-2.48.239-3.562.717a9.7 9.7 0 0 0-2.977 2.025a9.3 9.3 0 0 0-1.981 2.949c-.468 1.098-.706 2.313-.706 3.614v43.43c0 1.296.238 2.513.706 3.609a9.7 9.7 0 0 0 2 3.002a9.5 9.5 0 0 0 2.958 2.03c1.082.479 2.28.72 3.562.72h5c1.278 0 2.478-.241 3.557-.717a9.2 9.2 0 0 0 2.91-2.013a10 10 0 0 0 1.993-3.02c.469-1.098.71-2.315.71-3.611M315.39 14.313c1.21 2.844 1.82 5.925 1.82 9.15v4.222h-14.282v-4.222c0-1.301-.238-2.516-.708-3.612a9.6 9.6 0 0 0-1.974-2.973a9.4 9.4 0 0 0-2.93-2.003c-1.08-.478-2.276-.717-3.559-.717h-5c-1.28 0-2.477.239-3.557.717a9.7 9.7 0 0 0-2.98 2.025a9.3 9.3 0 0 0-1.978 2.949c-.469 1.098-.71 2.313-.71 3.614v43.43c0 1.296.241 2.513.707 3.609a9.7 9.7 0 0 0 2.004 3.002a9.5 9.5 0 0 0 2.957 2.03c1.08.479 2.277.72 3.556.72h5.001c1.283 0 2.48-.241 3.557-.717a9.2 9.2 0 0 0 2.912-2.013a9.9 9.9 0 0 0 1.991-3.02c.473-1.098.711-2.315.711-3.611v-5.415h14.283v5.415c0 3.225-.612 6.306-1.821 9.15a23.6 23.6 0 0 1-4.946 7.445a23.4 23.4 0 0 1-7.335 5.023c-2.803 1.222-5.838 1.842-9.018 1.842h-5.665c-3.176 0-6.213-.617-9.036-1.84c-2.8-1.21-5.279-2.9-7.373-5.025a23.7 23.7 0 0 1-4.948-7.448c-1.205-2.841-1.816-5.922-1.816-9.147v-43.43c0-3.225.611-6.306 1.816-9.153c1.192-2.816 2.855-5.322 4.948-7.445a23.3 23.3 0 0 1 7.37-5.025C282.214.62 285.25 0 288.427 0h5.665c3.18 0 6.213.62 9.018 1.843a23.4 23.4 0 0 1 7.335 5.022a23.6 23.6 0 0 1 4.946 7.448m-74.434-6.316c2.091 2.122 3.76 4.638 4.951 7.477c1.207 2.868 1.816 5.953 1.816 9.174V65.76c0 3.229-.611 6.31-1.82 9.156a23.7 23.7 0 0 1-4.947 7.442a23.2 23.2 0 0 1-7.37 5.026c-2.825 1.225-5.863 1.842-9.036 1.842h-28.784V1.13h28.784c3.173 0 6.211.62 9.033 1.84a23.3 23.3 0 0 1 7.373 5.028m-7.515 57.764V24.648c0-1.299-.238-2.514-.709-3.612a9.7 9.7 0 0 0-2.001-3.002a9.5 9.5 0 0 0-2.958-2.033c-1.081-.476-2.276-.717-3.558-.717h-14.17v59.783h14.17c1.282 0 2.477-.239 3.558-.714a9.8 9.8 0 0 0 2.978-2.026a9.3 9.3 0 0 0 1.978-2.951c.474-1.098.712-2.313.712-3.615"/><path fill="url(#SVGsCIPpcei)" d="m364.541 0l-38.265 90.353h11.941L376.472 0z"/><path fill="url(#SVGsCIPpcei)" d="m23.737 10.012l57.315 33.193l48.305-33.193zm66.949 38.77l15.64 9.063l21.932-34.878zM20.196 19.57l28.737 45.705l22.954-15.77zm94.88 43.34l25.372 14.694V22.561zM10.14 22.561v69.368L40.598 71zm44.15 51.232l21.004 33.4l25.683-40.842l-19.46-11.269zm21.002 44.168c-3.282 0-6.304-1.814-8.296-4.98v-.002l-21.042-33.46l-31.78 21.84c-3.227 2.217-6.74 2.635-9.627 1.144C1.657 101.013 0 97.931 0 94.046V12.471c0-4.848 2.816-9.059 6.92-11.12C8.171.565 9.99.002 12.62 0h125.348c2.453.002 4.204.51 5.457 1.23c4.235 2.015 7.164 6.296 7.164 11.241v66.406c0 3.8-1.626 6.902-4.464 8.51c-2.841 1.602-6.377 1.42-9.695-.5l-26.706-15.469l-26.134 41.56c-1.991 3.169-5.014 4.983-8.298 4.983"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. DcosIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.