concretecms icon logo

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

Name
concretecms-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the concretecms icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#181819" d="M20.898 0h214.204C246.596 0 256 9.404 256 20.898v214.204c0 11.494-9.404 20.898-20.898 20.898H20.898C9.404 256 0 246.596 0 235.102V20.898C0 9.404 9.404 0 20.898 0"/><path fill="#fff" d="M154.122 213.206c-7.314 3.919-16.718 6.27-22.204 6.792c-21.942 1.829-43.885-3.918-59.036-18.547c-14.89-15.673-18.025-36.571-4.441-53.812c12.539-15.935 32.914-22.988 54.073-23.771c11.755-.523 51.462 4.18 39.706 23.249c-9.404 15.673-35.265 0-50.155 4.963c-16.718 5.486-21.42 27.69-5.747 37.094c11.494 6.792 27.951 6.27 38.923-.784c15.673-10.188 44.93-57.992 63.739-35.265c3.657 4.702-40.49 52.245-54.858 60.081M43.886 89.386c-1.568-7.837.522-16.718 8.359-15.673c6.792 1.044 9.143 10.71 10.449 17.502c1.045 5.747 15.15 46.498 7.837 45.191c-7.053-1.567-25.078-38.922-26.645-47.02m37.616-45.714c10.449-8.882 15.412 6.27 16.718 13.845c1.045 7.314 14.368 62.694.262 61.649c-10.71-.784-18.025-47.804-18.809-55.119c-1.044-5.747-3.395-15.934 1.829-20.375m53.812-15.674c8.882 1.829 6.53 20.115 6.27 26.906c0 7.315.783 61.91-10.71 60.343c-11.756-1.828-8.882-55.902-9.405-64.522c.262-8.882 1.568-25.078 13.845-22.727m27.168 39.184c1.045-5.486 2.09-15.673 8.359-18.025c12.277-4.963 12.016 10.45 10.71 17.764c-1.567 7.053-10.971 62.171-23.51 56.947c-9.404-3.919 2.873-49.633 4.44-56.686"/></svg>

React

import type { SVGProps } from "react";

export function LogosConcretecmsIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#181819" d="M20.898 0h214.204C246.596 0 256 9.404 256 20.898v214.204c0 11.494-9.404 20.898-20.898 20.898H20.898C9.404 256 0 246.596 0 235.102V20.898C0 9.404 9.404 0 20.898 0"/><path fill="#fff" d="M154.122 213.206c-7.314 3.919-16.718 6.27-22.204 6.792c-21.942 1.829-43.885-3.918-59.036-18.547c-14.89-15.673-18.025-36.571-4.441-53.812c12.539-15.935 32.914-22.988 54.073-23.771c11.755-.523 51.462 4.18 39.706 23.249c-9.404 15.673-35.265 0-50.155 4.963c-16.718 5.486-21.42 27.69-5.747 37.094c11.494 6.792 27.951 6.27 38.923-.784c15.673-10.188 44.93-57.992 63.739-35.265c3.657 4.702-40.49 52.245-54.858 60.081M43.886 89.386c-1.568-7.837.522-16.718 8.359-15.673c6.792 1.044 9.143 10.71 10.449 17.502c1.045 5.747 15.15 46.498 7.837 45.191c-7.053-1.567-25.078-38.922-26.645-47.02m37.616-45.714c10.449-8.882 15.412 6.27 16.718 13.845c1.045 7.314 14.368 62.694.262 61.649c-10.71-.784-18.025-47.804-18.809-55.119c-1.044-5.747-3.395-15.934 1.829-20.375m53.812-15.674c8.882 1.829 6.53 20.115 6.27 26.906c0 7.315.783 61.91-10.71 60.343c-11.756-1.828-8.882-55.902-9.405-64.522c.262-8.882 1.568-25.078 13.845-22.727m27.168 39.184c1.045-5.486 2.09-15.673 8.359-18.025c12.277-4.963 12.016 10.45 10.71 17.764c-1.567 7.053-10.971 62.171-23.51 56.947c-9.404-3.919 2.873-49.633 4.44-56.686"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#181819" d="M20.898 0h214.204C246.596 0 256 9.404 256 20.898v214.204c0 11.494-9.404 20.898-20.898 20.898H20.898C9.404 256 0 246.596 0 235.102V20.898C0 9.404 9.404 0 20.898 0"/><path fill="#fff" d="M154.122 213.206c-7.314 3.919-16.718 6.27-22.204 6.792c-21.942 1.829-43.885-3.918-59.036-18.547c-14.89-15.673-18.025-36.571-4.441-53.812c12.539-15.935 32.914-22.988 54.073-23.771c11.755-.523 51.462 4.18 39.706 23.249c-9.404 15.673-35.265 0-50.155 4.963c-16.718 5.486-21.42 27.69-5.747 37.094c11.494 6.792 27.951 6.27 38.923-.784c15.673-10.188 44.93-57.992 63.739-35.265c3.657 4.702-40.49 52.245-54.858 60.081M43.886 89.386c-1.568-7.837.522-16.718 8.359-15.673c6.792 1.044 9.143 10.71 10.449 17.502c1.045 5.747 15.15 46.498 7.837 45.191c-7.053-1.567-25.078-38.922-26.645-47.02m37.616-45.714c10.449-8.882 15.412 6.27 16.718 13.845c1.045 7.314 14.368 62.694.262 61.649c-10.71-.784-18.025-47.804-18.809-55.119c-1.044-5.747-3.395-15.934 1.829-20.375m53.812-15.674c8.882 1.829 6.53 20.115 6.27 26.906c0 7.315.783 61.91-10.71 60.343c-11.756-1.828-8.882-55.902-9.405-64.522c.262-8.882 1.568-25.078 13.845-22.727m27.168 39.184c1.045-5.486 2.09-15.673 8.359-18.025c12.277-4.963 12.016 10.45 10.71 17.764c-1.567 7.053-10.971 62.171-23.51 56.947c-9.404-3.919 2.873-49.633 4.44-56.686"/></svg>
</template>

CSS

.icon-concretecms-icon {
  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%23181819%22%20d%3D%22M20.898%200h214.204C246.596%200%20256%209.404%20256%2020.898v214.204c0%2011.494-9.404%2020.898-20.898%2020.898H20.898C9.404%20256%200%20246.596%200%20235.102V20.898C0%209.404%209.404%200%2020.898%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M154.122%20213.206c-7.314%203.919-16.718%206.27-22.204%206.792c-21.942%201.829-43.885-3.918-59.036-18.547c-14.89-15.673-18.025-36.571-4.441-53.812c12.539-15.935%2032.914-22.988%2054.073-23.771c11.755-.523%2051.462%204.18%2039.706%2023.249c-9.404%2015.673-35.265%200-50.155%204.963c-16.718%205.486-21.42%2027.69-5.747%2037.094c11.494%206.792%2027.951%206.27%2038.923-.784c15.673-10.188%2044.93-57.992%2063.739-35.265c3.657%204.702-40.49%2052.245-54.858%2060.081M43.886%2089.386c-1.568-7.837.522-16.718%208.359-15.673c6.792%201.044%209.143%2010.71%2010.449%2017.502c1.045%205.747%2015.15%2046.498%207.837%2045.191c-7.053-1.567-25.078-38.922-26.645-47.02m37.616-45.714c10.449-8.882%2015.412%206.27%2016.718%2013.845c1.045%207.314%2014.368%2062.694.262%2061.649c-10.71-.784-18.025-47.804-18.809-55.119c-1.044-5.747-3.395-15.934%201.829-20.375m53.812-15.674c8.882%201.829%206.53%2020.115%206.27%2026.906c0%207.315.783%2061.91-10.71%2060.343c-11.756-1.828-8.882-55.902-9.405-64.522c.262-8.882%201.568-25.078%2013.845-22.727m27.168%2039.184c1.045-5.486%202.09-15.673%208.359-18.025c12.277-4.963%2012.016%2010.45%2010.71%2017.764c-1.567%207.053-10.971%2062.171-23.51%2056.947c-9.404-3.919%202.873-49.633%204.44-56.686%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%23181819%22%20d%3D%22M20.898%200h214.204C246.596%200%20256%209.404%20256%2020.898v214.204c0%2011.494-9.404%2020.898-20.898%2020.898H20.898C9.404%20256%200%20246.596%200%20235.102V20.898C0%209.404%209.404%200%2020.898%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M154.122%20213.206c-7.314%203.919-16.718%206.27-22.204%206.792c-21.942%201.829-43.885-3.918-59.036-18.547c-14.89-15.673-18.025-36.571-4.441-53.812c12.539-15.935%2032.914-22.988%2054.073-23.771c11.755-.523%2051.462%204.18%2039.706%2023.249c-9.404%2015.673-35.265%200-50.155%204.963c-16.718%205.486-21.42%2027.69-5.747%2037.094c11.494%206.792%2027.951%206.27%2038.923-.784c15.673-10.188%2044.93-57.992%2063.739-35.265c3.657%204.702-40.49%2052.245-54.858%2060.081M43.886%2089.386c-1.568-7.837.522-16.718%208.359-15.673c6.792%201.044%209.143%2010.71%2010.449%2017.502c1.045%205.747%2015.15%2046.498%207.837%2045.191c-7.053-1.567-25.078-38.922-26.645-47.02m37.616-45.714c10.449-8.882%2015.412%206.27%2016.718%2013.845c1.045%207.314%2014.368%2062.694.262%2061.649c-10.71-.784-18.025-47.804-18.809-55.119c-1.044-5.747-3.395-15.934%201.829-20.375m53.812-15.674c8.882%201.829%206.53%2020.115%206.27%2026.906c0%207.315.783%2061.91-10.71%2060.343c-11.756-1.828-8.882-55.902-9.405-64.522c.262-8.882%201.568-25.078%2013.845-22.727m27.168%2039.184c1.045-5.486%202.09-15.673%208.359-18.025c12.277-4.963%2012.016%2010.45%2010.71%2017.764c-1.567%207.053-10.971%2062.171-23.51%2056.947c-9.404-3.919%202.873-49.633%204.44-56.686%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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