logo cinema4d icon

logo-cinema4d-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.

Name
logo-cinema4d-filled
Set
TDesign Icons
Style
Filled
Viewbox
24×24
License
MIT

1 other variant in TDesign Icons

Related icons in TDesign Icons

Use the logo cinema4d icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.156 5.902a11.1 11.1 0 0 0-3.01-3.026c-.577.489-1.249.86-1.775 1.111c-.827.396-1.696.602-2.485.76l-1.194.238l-.466.466a4.5 4.5 0 1 0 6.364 6.364l.463-.463l.24-1.199c.158-.788.364-1.658.76-2.485c.25-.523.618-1.19 1.103-1.766"/><path fill="currentColor" d="M16.182 1.823c-.22.132-.45.253-.674.36c-.593.284-1.26.452-2.014.602l-3.634.727a8.676 8.676 0 0 0-4.433 14.642l.458.459a8.676 8.676 0 0 0 14.642-4.434l.727-3.633c.151-.755.319-1.422.602-2.014c.104-.216.22-.437.347-.65A11 11 0 0 1 23 12c0 6.075-4.925 11-11 11S1 18.075 1 12S5.925 1 12 1c1.48 0 2.892.292 4.182.823"/><path fill="currentColor" d="M6.841 7.3a6.7 6.7 0 0 1 2.803-1.675a6.503 6.503 0 0 0 8.77 8.774a6.675 6.675 0 0 1-11.115 2.8l-.458-.459a6.676 6.676 0 0 1 0-9.44"/></svg>

React

import type { SVGProps } from "react";

export function TdesignLogoCinema4dFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.156 5.902a11.1 11.1 0 0 0-3.01-3.026c-.577.489-1.249.86-1.775 1.111c-.827.396-1.696.602-2.485.76l-1.194.238l-.466.466a4.5 4.5 0 1 0 6.364 6.364l.463-.463l.24-1.199c.158-.788.364-1.658.76-2.485c.25-.523.618-1.19 1.103-1.766"/><path fill="currentColor" d="M16.182 1.823c-.22.132-.45.253-.674.36c-.593.284-1.26.452-2.014.602l-3.634.727a8.676 8.676 0 0 0-4.433 14.642l.458.459a8.676 8.676 0 0 0 14.642-4.434l.727-3.633c.151-.755.319-1.422.602-2.014c.104-.216.22-.437.347-.65A11 11 0 0 1 23 12c0 6.075-4.925 11-11 11S1 18.075 1 12S5.925 1 12 1c1.48 0 2.892.292 4.182.823"/><path fill="currentColor" d="M6.841 7.3a6.7 6.7 0 0 1 2.803-1.675a6.503 6.503 0 0 0 8.77 8.774a6.675 6.675 0 0 1-11.115 2.8l-.458-.459a6.676 6.676 0 0 1 0-9.44"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.156 5.902a11.1 11.1 0 0 0-3.01-3.026c-.577.489-1.249.86-1.775 1.111c-.827.396-1.696.602-2.485.76l-1.194.238l-.466.466a4.5 4.5 0 1 0 6.364 6.364l.463-.463l.24-1.199c.158-.788.364-1.658.76-2.485c.25-.523.618-1.19 1.103-1.766"/><path fill="currentColor" d="M16.182 1.823c-.22.132-.45.253-.674.36c-.593.284-1.26.452-2.014.602l-3.634.727a8.676 8.676 0 0 0-4.433 14.642l.458.459a8.676 8.676 0 0 0 14.642-4.434l.727-3.633c.151-.755.319-1.422.602-2.014c.104-.216.22-.437.347-.65A11 11 0 0 1 23 12c0 6.075-4.925 11-11 11S1 18.075 1 12S5.925 1 12 1c1.48 0 2.892.292 4.182.823"/><path fill="currentColor" d="M6.841 7.3a6.7 6.7 0 0 1 2.803-1.675a6.503 6.503 0 0 0 8.77 8.774a6.675 6.675 0 0 1-11.115 2.8l-.458-.459a6.676 6.676 0 0 1 0-9.44"/></svg>
</template>

CSS

.icon-logo-cinema4d-filled {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.156%205.902a11.1%2011.1%200%200%200-3.01-3.026c-.577.489-1.249.86-1.775%201.111c-.827.396-1.696.602-2.485.76l-1.194.238l-.466.466a4.5%204.5%200%201%200%206.364%206.364l.463-.463l.24-1.199c.158-.788.364-1.658.76-2.485c.25-.523.618-1.19%201.103-1.766%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.182%201.823c-.22.132-.45.253-.674.36c-.593.284-1.26.452-2.014.602l-3.634.727a8.676%208.676%200%200%200-4.433%2014.642l.458.459a8.676%208.676%200%200%200%2014.642-4.434l.727-3.633c.151-.755.319-1.422.602-2.014c.104-.216.22-.437.347-.65A11%2011%200%200%201%2023%2012c0%206.075-4.925%2011-11%2011S1%2018.075%201%2012S5.925%201%2012%201c1.48%200%202.892.292%204.182.823%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.841%207.3a6.7%206.7%200%200%201%202.803-1.675a6.503%206.503%200%200%200%208.77%208.774a6.675%206.675%200%200%201-11.115%202.8l-.458-.459a6.676%206.676%200%200%201%200-9.44%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.156%205.902a11.1%2011.1%200%200%200-3.01-3.026c-.577.489-1.249.86-1.775%201.111c-.827.396-1.696.602-2.485.76l-1.194.238l-.466.466a4.5%204.5%200%201%200%206.364%206.364l.463-.463l.24-1.199c.158-.788.364-1.658.76-2.485c.25-.523.618-1.19%201.103-1.766%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.182%201.823c-.22.132-.45.253-.674.36c-.593.284-1.26.452-2.014.602l-3.634.727a8.676%208.676%200%200%200-4.433%2014.642l.458.459a8.676%208.676%200%200%200%2014.642-4.434l.727-3.633c.151-.755.319-1.422.602-2.014c.104-.216.22-.437.347-.65A11%2011%200%200%201%2023%2012c0%206.075-4.925%2011-11%2011S1%2018.075%201%2012S5.925%201%2012%201c1.48%200%202.892.292%204.182.823%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.841%207.3a6.7%206.7%200%200%201%202.803-1.675a6.503%206.503%200%200%200%208.77%208.774a6.675%206.675%200%200%201-11.115%202.8l-.458-.459a6.676%206.676%200%200%201%200-9.44%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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