cesium logo

cesium from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
cesium
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the cesium logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.028 10.216c-.396 0-.778.22-1.079.617l-3.775 4.994c-.625.827-1.513 1.301-2.436 1.301h-.014c-.924 0-1.812-.474-2.436-1.301l-3.775-4.994c-.3-.397-.682-.617-1.08-.617c-.395 0-.78.22-1.078.617l-3.777 4.994c-.62.82-1.5 1.294-2.414 1.301C3.088 21.186 7.211 24 12 24c6.627 0 12-5.372 12-11.999a12 12 0 0 0-.086-1.382c-.264-.26-.57-.403-.886-.403M16.01 7.619a1.254 1.254 0 1 1 0-2.507a1.254 1.254 0 0 1 0 2.507M12.001 0C5.373 0 0 5.371 0 12.001c0 1.054.15 2.07.406 3.046c.227.175.479.276.737.276c.398 0 .78-.218 1.08-.613L6 9.714c.623-.829 1.513-1.302 2.434-1.302s1.81.473 2.435 1.302l3.633 4.803l.156.193c.3.394.681.61 1.074.613c.392-.003.774-.22 1.072-.613l.16-.193l3.632-4.803c.624-.829 1.512-1.302 2.433-1.302c.147 0 .294.016.437.038C21.952 3.556 17.392 0 12.001 0"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsCesium(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="M23.028 10.216c-.396 0-.778.22-1.079.617l-3.775 4.994c-.625.827-1.513 1.301-2.436 1.301h-.014c-.924 0-1.812-.474-2.436-1.301l-3.775-4.994c-.3-.397-.682-.617-1.08-.617c-.395 0-.78.22-1.078.617l-3.777 4.994c-.62.82-1.5 1.294-2.414 1.301C3.088 21.186 7.211 24 12 24c6.627 0 12-5.372 12-11.999a12 12 0 0 0-.086-1.382c-.264-.26-.57-.403-.886-.403M16.01 7.619a1.254 1.254 0 1 1 0-2.507a1.254 1.254 0 0 1 0 2.507M12.001 0C5.373 0 0 5.371 0 12.001c0 1.054.15 2.07.406 3.046c.227.175.479.276.737.276c.398 0 .78-.218 1.08-.613L6 9.714c.623-.829 1.513-1.302 2.434-1.302s1.81.473 2.435 1.302l3.633 4.803l.156.193c.3.394.681.61 1.074.613c.392-.003.774-.22 1.072-.613l.16-.193l3.632-4.803c.624-.829 1.512-1.302 2.433-1.302c.147 0 .294.016.437.038C21.952 3.556 17.392 0 12.001 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.028 10.216c-.396 0-.778.22-1.079.617l-3.775 4.994c-.625.827-1.513 1.301-2.436 1.301h-.014c-.924 0-1.812-.474-2.436-1.301l-3.775-4.994c-.3-.397-.682-.617-1.08-.617c-.395 0-.78.22-1.078.617l-3.777 4.994c-.62.82-1.5 1.294-2.414 1.301C3.088 21.186 7.211 24 12 24c6.627 0 12-5.372 12-11.999a12 12 0 0 0-.086-1.382c-.264-.26-.57-.403-.886-.403M16.01 7.619a1.254 1.254 0 1 1 0-2.507a1.254 1.254 0 0 1 0 2.507M12.001 0C5.373 0 0 5.371 0 12.001c0 1.054.15 2.07.406 3.046c.227.175.479.276.737.276c.398 0 .78-.218 1.08-.613L6 9.714c.623-.829 1.513-1.302 2.434-1.302s1.81.473 2.435 1.302l3.633 4.803l.156.193c.3.394.681.61 1.074.613c.392-.003.774-.22 1.072-.613l.16-.193l3.632-4.803c.624-.829 1.512-1.302 2.433-1.302c.147 0 .294.016.437.038C21.952 3.556 17.392 0 12.001 0"/></svg>
</template>

CSS

.icon-cesium {
  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%22M23.028%2010.216c-.396%200-.778.22-1.079.617l-3.775%204.994c-.625.827-1.513%201.301-2.436%201.301h-.014c-.924%200-1.812-.474-2.436-1.301l-3.775-4.994c-.3-.397-.682-.617-1.08-.617c-.395%200-.78.22-1.078.617l-3.777%204.994c-.62.82-1.5%201.294-2.414%201.301C3.088%2021.186%207.211%2024%2012%2024c6.627%200%2012-5.372%2012-11.999a12%2012%200%200%200-.086-1.382c-.264-.26-.57-.403-.886-.403M16.01%207.619a1.254%201.254%200%201%201%200-2.507a1.254%201.254%200%200%201%200%202.507M12.001%200C5.373%200%200%205.371%200%2012.001c0%201.054.15%202.07.406%203.046c.227.175.479.276.737.276c.398%200%20.78-.218%201.08-.613L6%209.714c.623-.829%201.513-1.302%202.434-1.302s1.81.473%202.435%201.302l3.633%204.803l.156.193c.3.394.681.61%201.074.613c.392-.003.774-.22%201.072-.613l.16-.193l3.632-4.803c.624-.829%201.512-1.302%202.433-1.302c.147%200%20.294.016.437.038C21.952%203.556%2017.392%200%2012.001%200%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%22M23.028%2010.216c-.396%200-.778.22-1.079.617l-3.775%204.994c-.625.827-1.513%201.301-2.436%201.301h-.014c-.924%200-1.812-.474-2.436-1.301l-3.775-4.994c-.3-.397-.682-.617-1.08-.617c-.395%200-.78.22-1.078.617l-3.777%204.994c-.62.82-1.5%201.294-2.414%201.301C3.088%2021.186%207.211%2024%2012%2024c6.627%200%2012-5.372%2012-11.999a12%2012%200%200%200-.086-1.382c-.264-.26-.57-.403-.886-.403M16.01%207.619a1.254%201.254%200%201%201%200-2.507a1.254%201.254%200%200%201%200%202.507M12.001%200C5.373%200%200%205.371%200%2012.001c0%201.054.15%202.07.406%203.046c.227.175.479.276.737.276c.398%200%20.78-.218%201.08-.613L6%209.714c.623-.829%201.513-1.302%202.434-1.302s1.81.473%202.435%201.302l3.633%204.803l.156.193c.3.394.681.61%201.074.613c.392-.003.774-.22%201.072-.613l.16-.193l3.632-4.803c.624-.829%201.512-1.302%202.433-1.302c.147%200%20.294.016.437.038C21.952%203.556%2017.392%200%2012.001%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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