Ecma icon

logos:ecma

The Ecma icon (logos:ecma) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 137 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 137

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="137" viewBox="0 0 512 137"><path fill="#cbd7de" d="M234.62 136.516H0V0h234.62z"/><path fill="#ee8421" d="M42.601 92.948c-3.025-2.111-6.823-4.983-9.638-7.711a41.4 41.4 0 0 1-9.644-13.053c1.792 5.15 4.664 10.129 8.903 14.171c3.274 2.676 6.78 4.844 10.38 6.593m39.01-63.893c-3.167-4.804-9.237-7.638-15.07-9.489c-17.32-6.829-42.012 6.193-45.672 28.645c-.235 1.046-.622 3.439-.528 5.23c1.567-13.733 9.891-25.784 21.2-30.914c11.147-5.357 24.31-4.41 33.331 1.933c.466.365.93.757 1.371 1.144a32.5 32.5 0 0 0-4.961-2.053c-6.102-2.94-13.36-4.106-20.576-2.558c-14.202 2.226-27.078 15.158-29.3 31.289a32 32 0 0 0-.376 3.175c-.428-.31-.689-1.067-.689-2.017c-.239 1.101-.239 2.2-.186 3.314c-.154 5.16 1.009 10.476 3.164 15.43a38.4 38.4 0 0 1-1.647-7.722c1.027 5.026 3.142 9.859 6.362 13.746c2.116 2.177 4.486 6.957 7.352 8.491c10.9 8.646 27.437 11.58 38.6 5.22c1.527-.41 3.05-.852 4.426-1.65c-1.783.593-3.786.987-5.386 1.549l-.534.005c-.461.263-.69.388-.926.516c-8.24 1.04-25.117 2.868-35.518-5.898c-2.953-2.12-5.239-4.907-7.381-7.767c1.095.749 2.858 1.762 3.922 2.882c5.24 5.233 12.437 9.965 19.445 10.53c-3.232-1.32-6.008-2.89-9.064-4.74c-1.583-.73-4.12-1.149-5.268-2.49c-6.55-5.589-12.146-11.315-13.152-19.914c-.154-.843.392-1.51.119-2.279c1.652 9.52 7.616 16.563 15.11 22.179c1.017 1.193 2.164 1.685 3.19 2.504c1.31.47 2.472.923 3.436 1.43c11.126 4.16 13.111-.402 23.088-.547c-4.5 1.141-12.192 3.245-16.084 3.498c7 1.442 20.21-2.12 26.243-6.612c7.5-5.118 5.995-5.348 9.868-11.895c.34-.535.67-1.754.948-3.23a32.75 32.75 0 0 0 3.701-15.135c0-10.476-4.918-19.788-12.557-25.8M26.725 61.887c-.659-4.246-.854-8.586.062-12.897c-.088.85-.158 1.534-.118 1.86c-.413 5.2-.014 9.448.463 12.208a38 38 0 0 0-.407-1.17c.183.818.402 1.633.653 2.422c.415 1.948.799 2.724.689 2.004C31.393 75.03 38.41 81.76 46.192 84.938c-7.604-.945-17.676-11.322-19.468-23.05m22.173-37.443c-6.359 1.326-12.58 4.84-17.147 11.064c3.06-3.879 6.713-5.963 10.276-7.215c-.321.235-.634.469-.943.711c-2.78 1.648-5.391 3.63-7.727 6.112c-.63.808-.918 1.792-1.507 2.506l-1.246 1.88c-1.653 1.561-2.64 3.431-3.715 5.413c-4.665 10.292-4.104 23.108 2.299 33.883c-11.577-16.03-7.01-38.935 6.69-49.077c5.702-4.498 12.309-6.694 18.797-7.052a33 33 0 0 0-5.777 1.775m21.031 63.423c-1.078.192.588-.275 5.436-3.138a28 28 0 0 0 1.353-.848a32.5 32.5 0 0 0 5.331-3.542c-4.773 4.62-10.637 7.552-12.12 7.528"/><path fill="#231f20" d="M123.042 62.328c0 10.678 6.847 13.225 17.471 13.225h17.78v15.9h-20.568c-21.015 0-33.042-7.37-33.042-35.176c0-24.07 3.932-36.721 31.272-36.721c21.693 0 26.965 8.862 26.965 28.059v14.854zm22.661-14.635c0-7.038.033-13.923-10.763-13.923c-10.663 0-12.024 6.599-12.024 13.923zm150.543-28.137H234.62v71.898h15.407V34.96h10.866v.007c3.697 0 6.712 2.81 7.108 6.41v50.077h15.407V34.96h10.785v.007c3.962 0 7.186 3.224 7.186 7.185v49.302h15.405V40.096c0-11.336-9.191-20.54-20.538-20.54m-100.652 15.41v-.006h28.76V19.556h-31.44l-.01.037c-10.129.307-18.39 7.934-19.704 17.776h-.207v33.38h.207l-.207.165c0 11.117 8.86 20.165 19.911 20.503l.01.037h31.44V76.04h-28.76a7.197 7.197 0 0 1-7.19-7.19V42.151c0-3.961 3.223-7.185 7.19-7.185m182.817 5.13c0-11.337-9.197-20.541-20.544-20.541h-30.81V34.96h28.76v.007c4.83 0 7.188 3.224 7.188 7.185c0 0 0 1.088-2.267 2.873c-2.941 2.304-15.128 5.628-21.771 8.282v-.033c-10.363 3.468-15.122 9.939-15.122 20.077c0 13.177 5.8 18.266 17.204 18.266h37.362c-.33-7.735 0-51.52 0-51.52m-15.406 36.328h-21.96c-1.382 0-2.186 0-2.293-.984c-1.046-9.417 4.673-9.06 24.253-15.806z"/><path fill="#cbd7de" d="M250.25 113.465h4.624v23.051h-4.624zm10.336 0h5.682l8.785 17.236h.064v-17.237h4.426v23.051h-5.646l-8.818-17.238h-.066v17.238h-4.427zm29.26 3.63h-6.604v-3.63h17.831v3.63h-6.603v19.42h-4.623zm15.157-3.63h13.605v3.63h-8.983v5.682h8.225v3.631h-8.225v6.474h9.05v3.633h-13.672zm18.956 0h4.985c4.955 0 10.865-.166 10.865 6.24c0 2.709-1.816 4.954-4.754 5.35v.067c1.255.098 1.98 1.354 2.442 2.378l3.7 9.015h-5.153l-2.774-7.202c-.66-1.714-1.254-2.375-3.203-2.375h-1.486v9.577h-4.622zm4.622 9.84h1.52c2.278 0 4.887-.331 4.887-3.204c0-2.774-2.575-3.005-4.886-3.005h-1.521zm16.71-9.84h5.682l8.782 17.237h.068v-17.237h4.424v23.051H358.6l-8.818-17.238h-.064v17.238h-4.427zm36.886 0l9.049 23.05h-5.118l-1.982-5.285h-9.345l-2.016 5.285h-4.785l8.98-23.05zm25.797 0v3.63h-6.603v19.42h-4.625v-19.42h-6.603v-3.63zm-28.47 4.623h-.065l-3.338 9.51h6.738zm32.004-4.624h4.623v23.051h-4.623zm20.74-.397c7.232 0 11.293 4.888 11.293 11.854c0 6.97-3.995 11.988-11.293 11.988c-7.399 0-11.295-4.92-11.295-11.988c0-7.065 3.964-11.854 11.295-11.854m0 20.21c4.721 0 6.471-4.195 6.471-8.356c0-4.06-1.88-8.223-6.47-8.223c-4.591 0-6.475 4.163-6.475 8.223c0 4.161 1.752 8.355 6.474 8.355m16.28-19.813h5.68l8.784 17.237h.067v-17.237h4.424v23.051h-5.646l-8.818-17.238h-.064v17.238h-4.426zm31.668 0h5.217l9.05 23.05h-5.118l-1.984-5.285h-9.344l-2.015 5.285h-4.787zm2.543 4.623h-.065l-3.338 9.51h6.738zm15.686-4.624h4.624v19.418H512v3.633h-13.573z"/></svg>

How to use the Ecma icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:ecma" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:ecma" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:ecma" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--ecma]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:ecma"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:ecma"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/ecma.svg" alt="Ecma icon" width="24" height="24">

Ecma icon FAQ

Is the Ecma icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Ecma icon in React?

Install @iconify/react and render <Icon icon="logos:ecma" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Ecma icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/ecma.svg" alt="Ecma icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →