clio lang logo

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

Name
clio-lang
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the clio lang logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#351330" d="M6.346 6.348h243.458v243.311H6.346z"/><path fill="#cc2a41" d="M256 0H0v256.002h256zm-9.966 9.971v236.06H9.966V9.97z"/><path fill="#504e4d" d="m172.534 166.936l-10.671 3.94c-5.485-6.701-8.712-14.41-11.979-22.096q-.675-1.793-1.352-3.584c-1.1-2.725-2.068-5.511-2.907-9.025c-1.89-8.033-3.948-15.59-5.749-24.116l-8.287 24.07l-3.243 9.12l-9.356 25.855l-9.952-2.192l8.504-23.574l3.431-9.163L132 106.892c.35-.928.708-1.925 1.105-2.971h4.214c-2.828-11.36-9.73-18.258-21.767-19.507c.546-2.834 1.057-5.556 1.6-8.377c7.961.815 15.322 2.4 21.147 8.768c5.825 6.367 7.853 11.061 9.718 17.776c1.15 4.143 2.225 8.307 3.334 12.463q2.228 8.23 4.453 16.46l1.314 4.721l3.23 9.12c2.539 7.962 6.471 15.153 12.186 21.59"/><path fill="#cc2a41" d="M76.74 136.457v8.947h102.364q-2.978 1.534-25.394 26.576l7.823 6.975l33.804-38.089l-33.804-38.086l-7.823 6.691q21.143 24.14 25.394 26.986z"/><path fill="#e8caa4" d="m149.643 166.936l-10.67 3.94c-5.485-6.701-8.712-14.41-11.98-22.096q-.674-1.793-1.352-3.584c-1.1-2.725-2.067-5.511-2.907-9.025c-1.89-8.033-3.947-15.59-5.748-24.116l-8.288 24.07l-3.243 9.12L96.1 171.1l-9.952-2.192l8.503-23.574l3.432-9.163q5.512-14.64 11.027-29.279c.35-.928.708-1.925 1.105-2.971h4.214c-2.829-11.36-9.731-18.258-21.768-19.507c.546-2.834 1.057-5.556 1.6-8.377c7.962.815 15.323 2.4 21.148 8.768c5.825 6.367 7.853 11.061 9.717 17.776c1.15 4.143 2.226 8.307 3.334 12.463l4.454 16.46l1.314 4.721l3.23 9.12c2.538 7.962 6.47 15.153 12.185 21.59"/></svg>

React

import type { SVGProps } from "react";

export function LogosClioLang(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#351330" d="M6.346 6.348h243.458v243.311H6.346z"/><path fill="#cc2a41" d="M256 0H0v256.002h256zm-9.966 9.971v236.06H9.966V9.97z"/><path fill="#504e4d" d="m172.534 166.936l-10.671 3.94c-5.485-6.701-8.712-14.41-11.979-22.096q-.675-1.793-1.352-3.584c-1.1-2.725-2.068-5.511-2.907-9.025c-1.89-8.033-3.948-15.59-5.749-24.116l-8.287 24.07l-3.243 9.12l-9.356 25.855l-9.952-2.192l8.504-23.574l3.431-9.163L132 106.892c.35-.928.708-1.925 1.105-2.971h4.214c-2.828-11.36-9.73-18.258-21.767-19.507c.546-2.834 1.057-5.556 1.6-8.377c7.961.815 15.322 2.4 21.147 8.768c5.825 6.367 7.853 11.061 9.718 17.776c1.15 4.143 2.225 8.307 3.334 12.463q2.228 8.23 4.453 16.46l1.314 4.721l3.23 9.12c2.539 7.962 6.471 15.153 12.186 21.59"/><path fill="#cc2a41" d="M76.74 136.457v8.947h102.364q-2.978 1.534-25.394 26.576l7.823 6.975l33.804-38.089l-33.804-38.086l-7.823 6.691q21.143 24.14 25.394 26.986z"/><path fill="#e8caa4" d="m149.643 166.936l-10.67 3.94c-5.485-6.701-8.712-14.41-11.98-22.096q-.674-1.793-1.352-3.584c-1.1-2.725-2.067-5.511-2.907-9.025c-1.89-8.033-3.947-15.59-5.748-24.116l-8.288 24.07l-3.243 9.12L96.1 171.1l-9.952-2.192l8.503-23.574l3.432-9.163q5.512-14.64 11.027-29.279c.35-.928.708-1.925 1.105-2.971h4.214c-2.829-11.36-9.731-18.258-21.768-19.507c.546-2.834 1.057-5.556 1.6-8.377c7.962.815 15.323 2.4 21.148 8.768c5.825 6.367 7.853 11.061 9.717 17.776c1.15 4.143 2.226 8.307 3.334 12.463l4.454 16.46l1.314 4.721l3.23 9.12c2.538 7.962 6.47 15.153 12.185 21.59"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#351330" d="M6.346 6.348h243.458v243.311H6.346z"/><path fill="#cc2a41" d="M256 0H0v256.002h256zm-9.966 9.971v236.06H9.966V9.97z"/><path fill="#504e4d" d="m172.534 166.936l-10.671 3.94c-5.485-6.701-8.712-14.41-11.979-22.096q-.675-1.793-1.352-3.584c-1.1-2.725-2.068-5.511-2.907-9.025c-1.89-8.033-3.948-15.59-5.749-24.116l-8.287 24.07l-3.243 9.12l-9.356 25.855l-9.952-2.192l8.504-23.574l3.431-9.163L132 106.892c.35-.928.708-1.925 1.105-2.971h4.214c-2.828-11.36-9.73-18.258-21.767-19.507c.546-2.834 1.057-5.556 1.6-8.377c7.961.815 15.322 2.4 21.147 8.768c5.825 6.367 7.853 11.061 9.718 17.776c1.15 4.143 2.225 8.307 3.334 12.463q2.228 8.23 4.453 16.46l1.314 4.721l3.23 9.12c2.539 7.962 6.471 15.153 12.186 21.59"/><path fill="#cc2a41" d="M76.74 136.457v8.947h102.364q-2.978 1.534-25.394 26.576l7.823 6.975l33.804-38.089l-33.804-38.086l-7.823 6.691q21.143 24.14 25.394 26.986z"/><path fill="#e8caa4" d="m149.643 166.936l-10.67 3.94c-5.485-6.701-8.712-14.41-11.98-22.096q-.674-1.793-1.352-3.584c-1.1-2.725-2.067-5.511-2.907-9.025c-1.89-8.033-3.947-15.59-5.748-24.116l-8.288 24.07l-3.243 9.12L96.1 171.1l-9.952-2.192l8.503-23.574l3.432-9.163q5.512-14.64 11.027-29.279c.35-.928.708-1.925 1.105-2.971h4.214c-2.829-11.36-9.731-18.258-21.768-19.507c.546-2.834 1.057-5.556 1.6-8.377c7.962.815 15.323 2.4 21.148 8.768c5.825 6.367 7.853 11.061 9.717 17.776c1.15 4.143 2.226 8.307 3.334 12.463l4.454 16.46l1.314 4.721l3.23 9.12c2.538 7.962 6.47 15.153 12.185 21.59"/></svg>
</template>

CSS

.icon-clio-lang {
  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%23351330%22%20d%3D%22M6.346%206.348h243.458v243.311H6.346z%22%2F%3E%3Cpath%20fill%3D%22%23cc2a41%22%20d%3D%22M256%200H0v256.002h256zm-9.966%209.971v236.06H9.966V9.97z%22%2F%3E%3Cpath%20fill%3D%22%23504e4d%22%20d%3D%22m172.534%20166.936l-10.671%203.94c-5.485-6.701-8.712-14.41-11.979-22.096q-.675-1.793-1.352-3.584c-1.1-2.725-2.068-5.511-2.907-9.025c-1.89-8.033-3.948-15.59-5.749-24.116l-8.287%2024.07l-3.243%209.12l-9.356%2025.855l-9.952-2.192l8.504-23.574l3.431-9.163L132%20106.892c.35-.928.708-1.925%201.105-2.971h4.214c-2.828-11.36-9.73-18.258-21.767-19.507c.546-2.834%201.057-5.556%201.6-8.377c7.961.815%2015.322%202.4%2021.147%208.768c5.825%206.367%207.853%2011.061%209.718%2017.776c1.15%204.143%202.225%208.307%203.334%2012.463q2.228%208.23%204.453%2016.46l1.314%204.721l3.23%209.12c2.539%207.962%206.471%2015.153%2012.186%2021.59%22%2F%3E%3Cpath%20fill%3D%22%23cc2a41%22%20d%3D%22M76.74%20136.457v8.947h102.364q-2.978%201.534-25.394%2026.576l7.823%206.975l33.804-38.089l-33.804-38.086l-7.823%206.691q21.143%2024.14%2025.394%2026.986z%22%2F%3E%3Cpath%20fill%3D%22%23e8caa4%22%20d%3D%22m149.643%20166.936l-10.67%203.94c-5.485-6.701-8.712-14.41-11.98-22.096q-.674-1.793-1.352-3.584c-1.1-2.725-2.067-5.511-2.907-9.025c-1.89-8.033-3.947-15.59-5.748-24.116l-8.288%2024.07l-3.243%209.12L96.1%20171.1l-9.952-2.192l8.503-23.574l3.432-9.163q5.512-14.64%2011.027-29.279c.35-.928.708-1.925%201.105-2.971h4.214c-2.829-11.36-9.731-18.258-21.768-19.507c.546-2.834%201.057-5.556%201.6-8.377c7.962.815%2015.323%202.4%2021.148%208.768c5.825%206.367%207.853%2011.061%209.717%2017.776c1.15%204.143%202.226%208.307%203.334%2012.463l4.454%2016.46l1.314%204.721l3.23%209.12c2.538%207.962%206.47%2015.153%2012.185%2021.59%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%23351330%22%20d%3D%22M6.346%206.348h243.458v243.311H6.346z%22%2F%3E%3Cpath%20fill%3D%22%23cc2a41%22%20d%3D%22M256%200H0v256.002h256zm-9.966%209.971v236.06H9.966V9.97z%22%2F%3E%3Cpath%20fill%3D%22%23504e4d%22%20d%3D%22m172.534%20166.936l-10.671%203.94c-5.485-6.701-8.712-14.41-11.979-22.096q-.675-1.793-1.352-3.584c-1.1-2.725-2.068-5.511-2.907-9.025c-1.89-8.033-3.948-15.59-5.749-24.116l-8.287%2024.07l-3.243%209.12l-9.356%2025.855l-9.952-2.192l8.504-23.574l3.431-9.163L132%20106.892c.35-.928.708-1.925%201.105-2.971h4.214c-2.828-11.36-9.73-18.258-21.767-19.507c.546-2.834%201.057-5.556%201.6-8.377c7.961.815%2015.322%202.4%2021.147%208.768c5.825%206.367%207.853%2011.061%209.718%2017.776c1.15%204.143%202.225%208.307%203.334%2012.463q2.228%208.23%204.453%2016.46l1.314%204.721l3.23%209.12c2.539%207.962%206.471%2015.153%2012.186%2021.59%22%2F%3E%3Cpath%20fill%3D%22%23cc2a41%22%20d%3D%22M76.74%20136.457v8.947h102.364q-2.978%201.534-25.394%2026.576l7.823%206.975l33.804-38.089l-33.804-38.086l-7.823%206.691q21.143%2024.14%2025.394%2026.986z%22%2F%3E%3Cpath%20fill%3D%22%23e8caa4%22%20d%3D%22m149.643%20166.936l-10.67%203.94c-5.485-6.701-8.712-14.41-11.98-22.096q-.674-1.793-1.352-3.584c-1.1-2.725-2.067-5.511-2.907-9.025c-1.89-8.033-3.947-15.59-5.748-24.116l-8.288%2024.07l-3.243%209.12L96.1%20171.1l-9.952-2.192l8.503-23.574l3.432-9.163q5.512-14.64%2011.027-29.279c.35-.928.708-1.925%201.105-2.971h4.214c-2.829-11.36-9.731-18.258-21.768-19.507c.546-2.834%201.057-5.556%201.6-8.377c7.962.815%2015.323%202.4%2021.148%208.768c5.825%206.367%207.853%2011.061%209.717%2017.776c1.15%204.143%202.226%208.307%203.334%2012.463l4.454%2016.46l1.314%204.721l3.23%209.12c2.538%207.962%206.47%2015.153%2012.185%2021.59%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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