rocket chat icon logo

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

Name
rocket-chat-icon
Set
SVG Logos
Style
Color
Viewbox
256×230
License
CC0

Related icons in SVG Logos

rocket-chat

Use the rocket chat icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 230"><path fill="#f5455c" d="M4.278 5.108C17.561.324 43.861-5.242 73.692 9.68a106.6 106.6 0 0 1 22.126 16.374c10.467-1.891 21.248-2.846 32.192-2.846c32.754 0 63.808 8.584 87.443 24.165c12.233 8.077 21.963 17.653 28.906 28.47c7.725 12.057 11.65 25.013 11.641 38.914c0 13.52-3.916 26.494-11.65 38.543c-6.943 10.826-16.674 20.393-28.906 28.47c-23.626 15.58-54.68 24.155-87.444 24.155c-10.944 0-21.725-.956-32.191-2.846a106.6 106.6 0 0 1-22.126 16.374c-29.842 14.922-56.131 9.356-69.414 4.563c-4.364-1.575-5.702-7.113-2.484-10.444c9.368-9.7 24.867-28.88 21.057-46.314C8.032 152.089 0 133.796 0 114.386c0-19.047 8.031-37.34 22.852-52.52c3.81-17.433-11.689-36.604-21.057-46.304c-3.228-3.332-1.88-8.879 2.483-10.454m122.395 43.631c-57.469 0-104.06 30.15-104.06 67.337c0 16.201 8.842 31.076 23.587 42.695q6.23 19.866-7.296 44.786c-.43.803-.83 1.604-1.27 2.397c7.735-.64 15.556-2.769 23.472-6.654a82.4 82.4 0 0 0 16.597-12.345l8.996-8.679c12.309 3.313 25.812 5.146 39.974 5.146c57.468 0 104.059-30.14 104.068-67.346c0-37.187-46.6-67.337-104.068-67.337M76.882 100.6c8.47 0 15.336 6.836 15.336 15.266s-6.866 15.267-15.336 15.267s-15.336-6.836-15.336-15.267S68.412 100.6 76.882 100.6m49.37 0c8.47 0 15.337 6.836 15.337 15.266s-6.867 15.267-15.336 15.267s-15.337-6.836-15.337-15.267s6.866-15.265 15.337-15.265m49.37 0c8.46 0 15.336 6.836 15.336 15.266s-6.866 15.267-15.335 15.267s-15.337-6.836-15.337-15.267s6.866-15.265 15.337-15.265"/></svg>

React

import type { SVGProps } from "react";

export function LogosRocketChatIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 230"><path fill="#f5455c" d="M4.278 5.108C17.561.324 43.861-5.242 73.692 9.68a106.6 106.6 0 0 1 22.126 16.374c10.467-1.891 21.248-2.846 32.192-2.846c32.754 0 63.808 8.584 87.443 24.165c12.233 8.077 21.963 17.653 28.906 28.47c7.725 12.057 11.65 25.013 11.641 38.914c0 13.52-3.916 26.494-11.65 38.543c-6.943 10.826-16.674 20.393-28.906 28.47c-23.626 15.58-54.68 24.155-87.444 24.155c-10.944 0-21.725-.956-32.191-2.846a106.6 106.6 0 0 1-22.126 16.374c-29.842 14.922-56.131 9.356-69.414 4.563c-4.364-1.575-5.702-7.113-2.484-10.444c9.368-9.7 24.867-28.88 21.057-46.314C8.032 152.089 0 133.796 0 114.386c0-19.047 8.031-37.34 22.852-52.52c3.81-17.433-11.689-36.604-21.057-46.304c-3.228-3.332-1.88-8.879 2.483-10.454m122.395 43.631c-57.469 0-104.06 30.15-104.06 67.337c0 16.201 8.842 31.076 23.587 42.695q6.23 19.866-7.296 44.786c-.43.803-.83 1.604-1.27 2.397c7.735-.64 15.556-2.769 23.472-6.654a82.4 82.4 0 0 0 16.597-12.345l8.996-8.679c12.309 3.313 25.812 5.146 39.974 5.146c57.468 0 104.059-30.14 104.068-67.346c0-37.187-46.6-67.337-104.068-67.337M76.882 100.6c8.47 0 15.336 6.836 15.336 15.266s-6.866 15.267-15.336 15.267s-15.336-6.836-15.336-15.267S68.412 100.6 76.882 100.6m49.37 0c8.47 0 15.337 6.836 15.337 15.266s-6.867 15.267-15.336 15.267s-15.337-6.836-15.337-15.267s6.866-15.265 15.337-15.265m49.37 0c8.46 0 15.336 6.836 15.336 15.266s-6.866 15.267-15.335 15.267s-15.337-6.836-15.337-15.267s6.866-15.265 15.337-15.265"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 230"><path fill="#f5455c" d="M4.278 5.108C17.561.324 43.861-5.242 73.692 9.68a106.6 106.6 0 0 1 22.126 16.374c10.467-1.891 21.248-2.846 32.192-2.846c32.754 0 63.808 8.584 87.443 24.165c12.233 8.077 21.963 17.653 28.906 28.47c7.725 12.057 11.65 25.013 11.641 38.914c0 13.52-3.916 26.494-11.65 38.543c-6.943 10.826-16.674 20.393-28.906 28.47c-23.626 15.58-54.68 24.155-87.444 24.155c-10.944 0-21.725-.956-32.191-2.846a106.6 106.6 0 0 1-22.126 16.374c-29.842 14.922-56.131 9.356-69.414 4.563c-4.364-1.575-5.702-7.113-2.484-10.444c9.368-9.7 24.867-28.88 21.057-46.314C8.032 152.089 0 133.796 0 114.386c0-19.047 8.031-37.34 22.852-52.52c3.81-17.433-11.689-36.604-21.057-46.304c-3.228-3.332-1.88-8.879 2.483-10.454m122.395 43.631c-57.469 0-104.06 30.15-104.06 67.337c0 16.201 8.842 31.076 23.587 42.695q6.23 19.866-7.296 44.786c-.43.803-.83 1.604-1.27 2.397c7.735-.64 15.556-2.769 23.472-6.654a82.4 82.4 0 0 0 16.597-12.345l8.996-8.679c12.309 3.313 25.812 5.146 39.974 5.146c57.468 0 104.059-30.14 104.068-67.346c0-37.187-46.6-67.337-104.068-67.337M76.882 100.6c8.47 0 15.336 6.836 15.336 15.266s-6.866 15.267-15.336 15.267s-15.336-6.836-15.336-15.267S68.412 100.6 76.882 100.6m49.37 0c8.47 0 15.337 6.836 15.337 15.266s-6.867 15.267-15.336 15.267s-15.337-6.836-15.337-15.267s6.866-15.265 15.337-15.265m49.37 0c8.46 0 15.336 6.836 15.336 15.266s-6.866 15.267-15.335 15.267s-15.337-6.836-15.337-15.267s6.866-15.265 15.337-15.265"/></svg>
</template>

CSS

.icon-rocket-chat-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%20230%22%3E%3Cpath%20fill%3D%22%23f5455c%22%20d%3D%22M4.278%205.108C17.561.324%2043.861-5.242%2073.692%209.68a106.6%20106.6%200%200%201%2022.126%2016.374c10.467-1.891%2021.248-2.846%2032.192-2.846c32.754%200%2063.808%208.584%2087.443%2024.165c12.233%208.077%2021.963%2017.653%2028.906%2028.47c7.725%2012.057%2011.65%2025.013%2011.641%2038.914c0%2013.52-3.916%2026.494-11.65%2038.543c-6.943%2010.826-16.674%2020.393-28.906%2028.47c-23.626%2015.58-54.68%2024.155-87.444%2024.155c-10.944%200-21.725-.956-32.191-2.846a106.6%20106.6%200%200%201-22.126%2016.374c-29.842%2014.922-56.131%209.356-69.414%204.563c-4.364-1.575-5.702-7.113-2.484-10.444c9.368-9.7%2024.867-28.88%2021.057-46.314C8.032%20152.089%200%20133.796%200%20114.386c0-19.047%208.031-37.34%2022.852-52.52c3.81-17.433-11.689-36.604-21.057-46.304c-3.228-3.332-1.88-8.879%202.483-10.454m122.395%2043.631c-57.469%200-104.06%2030.15-104.06%2067.337c0%2016.201%208.842%2031.076%2023.587%2042.695q6.23%2019.866-7.296%2044.786c-.43.803-.83%201.604-1.27%202.397c7.735-.64%2015.556-2.769%2023.472-6.654a82.4%2082.4%200%200%200%2016.597-12.345l8.996-8.679c12.309%203.313%2025.812%205.146%2039.974%205.146c57.468%200%20104.059-30.14%20104.068-67.346c0-37.187-46.6-67.337-104.068-67.337M76.882%20100.6c8.47%200%2015.336%206.836%2015.336%2015.266s-6.866%2015.267-15.336%2015.267s-15.336-6.836-15.336-15.267S68.412%20100.6%2076.882%20100.6m49.37%200c8.47%200%2015.337%206.836%2015.337%2015.266s-6.867%2015.267-15.336%2015.267s-15.337-6.836-15.337-15.267s6.866-15.265%2015.337-15.265m49.37%200c8.46%200%2015.336%206.836%2015.336%2015.266s-6.866%2015.267-15.335%2015.267s-15.337-6.836-15.337-15.267s6.866-15.265%2015.337-15.265%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%20230%22%3E%3Cpath%20fill%3D%22%23f5455c%22%20d%3D%22M4.278%205.108C17.561.324%2043.861-5.242%2073.692%209.68a106.6%20106.6%200%200%201%2022.126%2016.374c10.467-1.891%2021.248-2.846%2032.192-2.846c32.754%200%2063.808%208.584%2087.443%2024.165c12.233%208.077%2021.963%2017.653%2028.906%2028.47c7.725%2012.057%2011.65%2025.013%2011.641%2038.914c0%2013.52-3.916%2026.494-11.65%2038.543c-6.943%2010.826-16.674%2020.393-28.906%2028.47c-23.626%2015.58-54.68%2024.155-87.444%2024.155c-10.944%200-21.725-.956-32.191-2.846a106.6%20106.6%200%200%201-22.126%2016.374c-29.842%2014.922-56.131%209.356-69.414%204.563c-4.364-1.575-5.702-7.113-2.484-10.444c9.368-9.7%2024.867-28.88%2021.057-46.314C8.032%20152.089%200%20133.796%200%20114.386c0-19.047%208.031-37.34%2022.852-52.52c3.81-17.433-11.689-36.604-21.057-46.304c-3.228-3.332-1.88-8.879%202.483-10.454m122.395%2043.631c-57.469%200-104.06%2030.15-104.06%2067.337c0%2016.201%208.842%2031.076%2023.587%2042.695q6.23%2019.866-7.296%2044.786c-.43.803-.83%201.604-1.27%202.397c7.735-.64%2015.556-2.769%2023.472-6.654a82.4%2082.4%200%200%200%2016.597-12.345l8.996-8.679c12.309%203.313%2025.812%205.146%2039.974%205.146c57.468%200%20104.059-30.14%20104.068-67.346c0-37.187-46.6-67.337-104.068-67.337M76.882%20100.6c8.47%200%2015.336%206.836%2015.336%2015.266s-6.866%2015.267-15.336%2015.267s-15.336-6.836-15.336-15.267S68.412%20100.6%2076.882%20100.6m49.37%200c8.47%200%2015.337%206.836%2015.337%2015.266s-6.867%2015.267-15.336%2015.267s-15.337-6.836-15.337-15.267s6.866-15.265%2015.337-15.265m49.37%200c8.46%200%2015.336%206.836%2015.336%2015.266s-6.866%2015.267-15.335%2015.267s-15.337-6.836-15.337-15.267s6.866-15.265%2015.337-15.265%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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