css logo
css from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- css
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
The same logo in other sets
Related icons in SVG Logos
Use the css logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#639" d="M0 0h215.04C237.662 0 256 18.338 256 40.96v174.08c0 22.622-18.338 40.96-40.96 40.96H40.96C18.338 256 0 237.662 0 215.04z"/><path fill="#fff" d="M91.674 235.52c-16.443-.015-26.589-9.275-26.394-26.314v-43.108q0-12.958 7.588-19.702c9.085-8.752 30.164-9.285 39.063.133c5.483 4.836 7.552 14.715 7.06 23.934H100.12c.143-3.623-.049-9.109-2.179-11.175c-2.767-3.745-10.076-3.305-12.008.594q-1.782 3.174-1.782 9.388v37.422q-.001 11.77 8.182 11.901q3.826 0 5.806-2.777c1.84-2.197 2.127-7.06 1.978-10.578h18.873c1.29 17.938-9.298 30.505-27.318 30.282zm59.914 0c-18.22.25-26.37-12.713-25.866-30.282h17.815c-.494 7.66 2.137 14.635 8.445 14.149q4.222.001 5.94-2.645c2.175-3.223 2.582-12.53-.528-16.133c-2.174-3.469-9.992-6.53-14.121-8.594q-8.843-4.23-12.736-10.05c-5.855-8.612-5.312-27.515 2.903-35.175c7.982-9.451 28.828-9.886 36.818-.197c4.928 4.995 7.08 14.823 6.664 23.867h-17.158c.146-3.717-.204-9.715-1.648-11.901q-1.518-2.777-5.74-2.778q-7.522.001-7.521 8.99c.054 6.365 2.534 8.976 8.315 11.636c7.485 2.908 17.003 7.875 20.454 13.885c10.292 18.315 3.231 46.29-22.039 45.223zm57.538 0c-18.22.25-26.37-12.713-25.866-30.282h17.815c-.494 7.66 2.138 14.635 8.446 14.149q4.221.001 5.939-2.645c2.176-3.223 2.583-12.53-.528-16.133c-2.173-3.469-9.991-6.53-14.12-8.594q-8.843-4.23-12.736-10.05c-5.855-8.612-5.312-27.515 2.903-35.175c7.982-9.451 28.828-9.886 36.817-.197c4.928 4.995 7.081 14.823 6.664 23.867h-17.157c.146-3.717-.205-9.715-1.649-11.901q-1.517-2.777-5.74-2.778q-7.52.001-7.52 8.99c.053 6.365 2.534 8.976 8.314 11.636c7.486 2.908 17.004 7.875 20.455 13.885c10.291 18.315 3.23 46.29-22.04 45.223z"/></svg>
React
import type { SVGProps } from "react";
export function LogosCss(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#639" d="M0 0h215.04C237.662 0 256 18.338 256 40.96v174.08c0 22.622-18.338 40.96-40.96 40.96H40.96C18.338 256 0 237.662 0 215.04z"/><path fill="#fff" d="M91.674 235.52c-16.443-.015-26.589-9.275-26.394-26.314v-43.108q0-12.958 7.588-19.702c9.085-8.752 30.164-9.285 39.063.133c5.483 4.836 7.552 14.715 7.06 23.934H100.12c.143-3.623-.049-9.109-2.179-11.175c-2.767-3.745-10.076-3.305-12.008.594q-1.782 3.174-1.782 9.388v37.422q-.001 11.77 8.182 11.901q3.826 0 5.806-2.777c1.84-2.197 2.127-7.06 1.978-10.578h18.873c1.29 17.938-9.298 30.505-27.318 30.282zm59.914 0c-18.22.25-26.37-12.713-25.866-30.282h17.815c-.494 7.66 2.137 14.635 8.445 14.149q4.222.001 5.94-2.645c2.175-3.223 2.582-12.53-.528-16.133c-2.174-3.469-9.992-6.53-14.121-8.594q-8.843-4.23-12.736-10.05c-5.855-8.612-5.312-27.515 2.903-35.175c7.982-9.451 28.828-9.886 36.818-.197c4.928 4.995 7.08 14.823 6.664 23.867h-17.158c.146-3.717-.204-9.715-1.648-11.901q-1.518-2.777-5.74-2.778q-7.522.001-7.521 8.99c.054 6.365 2.534 8.976 8.315 11.636c7.485 2.908 17.003 7.875 20.454 13.885c10.292 18.315 3.231 46.29-22.039 45.223zm57.538 0c-18.22.25-26.37-12.713-25.866-30.282h17.815c-.494 7.66 2.138 14.635 8.446 14.149q4.221.001 5.939-2.645c2.176-3.223 2.583-12.53-.528-16.133c-2.173-3.469-9.991-6.53-14.12-8.594q-8.843-4.23-12.736-10.05c-5.855-8.612-5.312-27.515 2.903-35.175c7.982-9.451 28.828-9.886 36.817-.197c4.928 4.995 7.081 14.823 6.664 23.867h-17.157c.146-3.717-.205-9.715-1.649-11.901q-1.517-2.777-5.74-2.778q-7.52.001-7.52 8.99c.053 6.365 2.534 8.976 8.314 11.636c7.486 2.908 17.004 7.875 20.455 13.885c10.291 18.315 3.23 46.29-22.04 45.223z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#639" d="M0 0h215.04C237.662 0 256 18.338 256 40.96v174.08c0 22.622-18.338 40.96-40.96 40.96H40.96C18.338 256 0 237.662 0 215.04z"/><path fill="#fff" d="M91.674 235.52c-16.443-.015-26.589-9.275-26.394-26.314v-43.108q0-12.958 7.588-19.702c9.085-8.752 30.164-9.285 39.063.133c5.483 4.836 7.552 14.715 7.06 23.934H100.12c.143-3.623-.049-9.109-2.179-11.175c-2.767-3.745-10.076-3.305-12.008.594q-1.782 3.174-1.782 9.388v37.422q-.001 11.77 8.182 11.901q3.826 0 5.806-2.777c1.84-2.197 2.127-7.06 1.978-10.578h18.873c1.29 17.938-9.298 30.505-27.318 30.282zm59.914 0c-18.22.25-26.37-12.713-25.866-30.282h17.815c-.494 7.66 2.137 14.635 8.445 14.149q4.222.001 5.94-2.645c2.175-3.223 2.582-12.53-.528-16.133c-2.174-3.469-9.992-6.53-14.121-8.594q-8.843-4.23-12.736-10.05c-5.855-8.612-5.312-27.515 2.903-35.175c7.982-9.451 28.828-9.886 36.818-.197c4.928 4.995 7.08 14.823 6.664 23.867h-17.158c.146-3.717-.204-9.715-1.648-11.901q-1.518-2.777-5.74-2.778q-7.522.001-7.521 8.99c.054 6.365 2.534 8.976 8.315 11.636c7.485 2.908 17.003 7.875 20.454 13.885c10.292 18.315 3.231 46.29-22.039 45.223zm57.538 0c-18.22.25-26.37-12.713-25.866-30.282h17.815c-.494 7.66 2.138 14.635 8.446 14.149q4.221.001 5.939-2.645c2.176-3.223 2.583-12.53-.528-16.133c-2.173-3.469-9.991-6.53-14.12-8.594q-8.843-4.23-12.736-10.05c-5.855-8.612-5.312-27.515 2.903-35.175c7.982-9.451 28.828-9.886 36.817-.197c4.928 4.995 7.081 14.823 6.664 23.867h-17.157c.146-3.717-.205-9.715-1.649-11.901q-1.517-2.777-5.74-2.778q-7.52.001-7.52 8.99c.053 6.365 2.534 8.976 8.314 11.636c7.486 2.908 17.004 7.875 20.455 13.885c10.291 18.315 3.23 46.29-22.04 45.223z"/></svg> </template>
CSS
.icon-css {
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%23639%22%20d%3D%22M0%200h215.04C237.662%200%20256%2018.338%20256%2040.96v174.08c0%2022.622-18.338%2040.96-40.96%2040.96H40.96C18.338%20256%200%20237.662%200%20215.04z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M91.674%20235.52c-16.443-.015-26.589-9.275-26.394-26.314v-43.108q0-12.958%207.588-19.702c9.085-8.752%2030.164-9.285%2039.063.133c5.483%204.836%207.552%2014.715%207.06%2023.934H100.12c.143-3.623-.049-9.109-2.179-11.175c-2.767-3.745-10.076-3.305-12.008.594q-1.782%203.174-1.782%209.388v37.422q-.001%2011.77%208.182%2011.901q3.826%200%205.806-2.777c1.84-2.197%202.127-7.06%201.978-10.578h18.873c1.29%2017.938-9.298%2030.505-27.318%2030.282zm59.914%200c-18.22.25-26.37-12.713-25.866-30.282h17.815c-.494%207.66%202.137%2014.635%208.445%2014.149q4.222.001%205.94-2.645c2.175-3.223%202.582-12.53-.528-16.133c-2.174-3.469-9.992-6.53-14.121-8.594q-8.843-4.23-12.736-10.05c-5.855-8.612-5.312-27.515%202.903-35.175c7.982-9.451%2028.828-9.886%2036.818-.197c4.928%204.995%207.08%2014.823%206.664%2023.867h-17.158c.146-3.717-.204-9.715-1.648-11.901q-1.518-2.777-5.74-2.778q-7.522.001-7.521%208.99c.054%206.365%202.534%208.976%208.315%2011.636c7.485%202.908%2017.003%207.875%2020.454%2013.885c10.292%2018.315%203.231%2046.29-22.039%2045.223zm57.538%200c-18.22.25-26.37-12.713-25.866-30.282h17.815c-.494%207.66%202.138%2014.635%208.446%2014.149q4.221.001%205.939-2.645c2.176-3.223%202.583-12.53-.528-16.133c-2.173-3.469-9.991-6.53-14.12-8.594q-8.843-4.23-12.736-10.05c-5.855-8.612-5.312-27.515%202.903-35.175c7.982-9.451%2028.828-9.886%2036.817-.197c4.928%204.995%207.081%2014.823%206.664%2023.867h-17.157c.146-3.717-.205-9.715-1.649-11.901q-1.517-2.777-5.74-2.778q-7.52.001-7.52%208.99c.053%206.365%202.534%208.976%208.314%2011.636c7.486%202.908%2017.004%207.875%2020.455%2013.885c10.291%2018.315%203.23%2046.29-22.04%2045.223z%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%23639%22%20d%3D%22M0%200h215.04C237.662%200%20256%2018.338%20256%2040.96v174.08c0%2022.622-18.338%2040.96-40.96%2040.96H40.96C18.338%20256%200%20237.662%200%20215.04z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M91.674%20235.52c-16.443-.015-26.589-9.275-26.394-26.314v-43.108q0-12.958%207.588-19.702c9.085-8.752%2030.164-9.285%2039.063.133c5.483%204.836%207.552%2014.715%207.06%2023.934H100.12c.143-3.623-.049-9.109-2.179-11.175c-2.767-3.745-10.076-3.305-12.008.594q-1.782%203.174-1.782%209.388v37.422q-.001%2011.77%208.182%2011.901q3.826%200%205.806-2.777c1.84-2.197%202.127-7.06%201.978-10.578h18.873c1.29%2017.938-9.298%2030.505-27.318%2030.282zm59.914%200c-18.22.25-26.37-12.713-25.866-30.282h17.815c-.494%207.66%202.137%2014.635%208.445%2014.149q4.222.001%205.94-2.645c2.175-3.223%202.582-12.53-.528-16.133c-2.174-3.469-9.992-6.53-14.121-8.594q-8.843-4.23-12.736-10.05c-5.855-8.612-5.312-27.515%202.903-35.175c7.982-9.451%2028.828-9.886%2036.818-.197c4.928%204.995%207.08%2014.823%206.664%2023.867h-17.158c.146-3.717-.204-9.715-1.648-11.901q-1.518-2.777-5.74-2.778q-7.522.001-7.521%208.99c.054%206.365%202.534%208.976%208.315%2011.636c7.485%202.908%2017.003%207.875%2020.454%2013.885c10.292%2018.315%203.231%2046.29-22.039%2045.223zm57.538%200c-18.22.25-26.37-12.713-25.866-30.282h17.815c-.494%207.66%202.138%2014.635%208.446%2014.149q4.221.001%205.939-2.645c2.176-3.223%202.583-12.53-.528-16.133c-2.173-3.469-9.991-6.53-14.12-8.594q-8.843-4.23-12.736-10.05c-5.855-8.612-5.312-27.515%202.903-35.175c7.982-9.451%2028.828-9.886%2036.817-.197c4.928%204.995%207.081%2014.823%206.664%2023.867h-17.157c.146-3.717-.205-9.715-1.649-11.901q-1.517-2.777-5.74-2.778q-7.52.001-7.52%208.99c.053%206.365%202.534%208.976%208.314%2011.636c7.486%202.908%2017.004%207.875%2020.455%2013.885c10.291%2018.315%203.23%2046.29-22.04%2045.223z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/css.svg?color=%231a73e8&size=48
