css 3 logo

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

Name
css-3
Set
SVG Logos
Style
Color
Viewbox
256×361
License
CC0

The same logo in other sets

css-3Huge Icons

Related icons in SVG Logos

css-3-official

Use the css 3 logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 361"><path fill="#264DE4" d="M127.844 360.088L23.662 331.166L.445 70.766h255.11l-23.241 260.36z"/><path fill="#2965F1" d="m212.417 314.547l19.86-222.49H128V337.95z"/><path fill="#EBEBEB" d="m53.669 188.636l2.862 31.937H128v-31.937zm-5.752-64.641l2.903 31.937H128v-31.937zM128 271.58l-.14.037l-35.568-9.604l-2.274-25.471h-32.06l4.474 50.146l65.421 18.16l.147-.04z"/><path d="M60.484 0h38.68v16.176H76.66v16.176h22.506v16.175H60.484zm46.417 0h38.681v14.066h-22.505v2.813h22.505v32.352h-38.68V34.46h22.505v-2.813H106.9zm46.418 0H192v14.066h-22.505v2.813H192v32.352h-38.681V34.46h22.505v-2.813H153.32z"/><path fill="#FFF" d="m202.127 188.636l5.765-64.641H127.89v31.937h45.002l-2.906 32.704H127.89v31.937h39.327l-3.708 41.42l-35.62 9.614v33.226l65.473-18.145l.48-5.396l7.506-84.08z"/></svg>

React

import type { SVGProps } from "react";

export function LogosCss3(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 361"><path fill="#264DE4" d="M127.844 360.088L23.662 331.166L.445 70.766h255.11l-23.241 260.36z"/><path fill="#2965F1" d="m212.417 314.547l19.86-222.49H128V337.95z"/><path fill="#EBEBEB" d="m53.669 188.636l2.862 31.937H128v-31.937zm-5.752-64.641l2.903 31.937H128v-31.937zM128 271.58l-.14.037l-35.568-9.604l-2.274-25.471h-32.06l4.474 50.146l65.421 18.16l.147-.04z"/><path d="M60.484 0h38.68v16.176H76.66v16.176h22.506v16.175H60.484zm46.417 0h38.681v14.066h-22.505v2.813h22.505v32.352h-38.68V34.46h22.505v-2.813H106.9zm46.418 0H192v14.066h-22.505v2.813H192v32.352h-38.681V34.46h22.505v-2.813H153.32z"/><path fill="#FFF" d="m202.127 188.636l5.765-64.641H127.89v31.937h45.002l-2.906 32.704H127.89v31.937h39.327l-3.708 41.42l-35.62 9.614v33.226l65.473-18.145l.48-5.396l7.506-84.08z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 361"><path fill="#264DE4" d="M127.844 360.088L23.662 331.166L.445 70.766h255.11l-23.241 260.36z"/><path fill="#2965F1" d="m212.417 314.547l19.86-222.49H128V337.95z"/><path fill="#EBEBEB" d="m53.669 188.636l2.862 31.937H128v-31.937zm-5.752-64.641l2.903 31.937H128v-31.937zM128 271.58l-.14.037l-35.568-9.604l-2.274-25.471h-32.06l4.474 50.146l65.421 18.16l.147-.04z"/><path d="M60.484 0h38.68v16.176H76.66v16.176h22.506v16.175H60.484zm46.417 0h38.681v14.066h-22.505v2.813h22.505v32.352h-38.68V34.46h22.505v-2.813H106.9zm46.418 0H192v14.066h-22.505v2.813H192v32.352h-38.681V34.46h22.505v-2.813H153.32z"/><path fill="#FFF" d="m202.127 188.636l5.765-64.641H127.89v31.937h45.002l-2.906 32.704H127.89v31.937h39.327l-3.708 41.42l-35.62 9.614v33.226l65.473-18.145l.48-5.396l7.506-84.08z"/></svg>
</template>

CSS

.icon-css-3 {
  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%20361%22%3E%3Cpath%20fill%3D%22%23264DE4%22%20d%3D%22M127.844%20360.088L23.662%20331.166L.445%2070.766h255.11l-23.241%20260.36z%22%2F%3E%3Cpath%20fill%3D%22%232965F1%22%20d%3D%22m212.417%20314.547l19.86-222.49H128V337.95z%22%2F%3E%3Cpath%20fill%3D%22%23EBEBEB%22%20d%3D%22m53.669%20188.636l2.862%2031.937H128v-31.937zm-5.752-64.641l2.903%2031.937H128v-31.937zM128%20271.58l-.14.037l-35.568-9.604l-2.274-25.471h-32.06l4.474%2050.146l65.421%2018.16l.147-.04z%22%2F%3E%3Cpath%20d%3D%22M60.484%200h38.68v16.176H76.66v16.176h22.506v16.175H60.484zm46.417%200h38.681v14.066h-22.505v2.813h22.505v32.352h-38.68V34.46h22.505v-2.813H106.9zm46.418%200H192v14.066h-22.505v2.813H192v32.352h-38.681V34.46h22.505v-2.813H153.32z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22m202.127%20188.636l5.765-64.641H127.89v31.937h45.002l-2.906%2032.704H127.89v31.937h39.327l-3.708%2041.42l-35.62%209.614v33.226l65.473-18.145l.48-5.396l7.506-84.08z%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%20361%22%3E%3Cpath%20fill%3D%22%23264DE4%22%20d%3D%22M127.844%20360.088L23.662%20331.166L.445%2070.766h255.11l-23.241%20260.36z%22%2F%3E%3Cpath%20fill%3D%22%232965F1%22%20d%3D%22m212.417%20314.547l19.86-222.49H128V337.95z%22%2F%3E%3Cpath%20fill%3D%22%23EBEBEB%22%20d%3D%22m53.669%20188.636l2.862%2031.937H128v-31.937zm-5.752-64.641l2.903%2031.937H128v-31.937zM128%20271.58l-.14.037l-35.568-9.604l-2.274-25.471h-32.06l4.474%2050.146l65.421%2018.16l.147-.04z%22%2F%3E%3Cpath%20d%3D%22M60.484%200h38.68v16.176H76.66v16.176h22.506v16.175H60.484zm46.417%200h38.681v14.066h-22.505v2.813h22.505v32.352h-38.68V34.46h22.505v-2.813H106.9zm46.418%200H192v14.066h-22.505v2.813H192v32.352h-38.681V34.46h22.505v-2.813H153.32z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22m202.127%20188.636l5.765-64.641H127.89v31.937h45.002l-2.906%2032.704H127.89v31.937h39.327l-3.708%2041.42l-35.62%209.614v33.226l65.473-18.145l.48-5.396l7.506-84.08z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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