theconversation logo

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

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

Use the theconversation logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.996 10.543c-.131-4.91-4.289-8.773-9.2-8.773H9.005a8.997 8.997 0 0 0-5.957 15.746L1.05 22.23l4.942-2.98c.95.36 1.964.524 3.012.524h6.024c5.04 0 9.099-4.156 8.969-9.23zm-8.937 5.958H9.07c-2.587 0-5.205-2.03-5.696-4.583a5.724 5.724 0 0 1 5.63-6.874h5.99c2.586 0 5.205 2.03 5.696 4.582c.688 3.667-2.095 6.875-5.63 6.875z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsTheconversation(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.996 10.543c-.131-4.91-4.289-8.773-9.2-8.773H9.005a8.997 8.997 0 0 0-5.957 15.746L1.05 22.23l4.942-2.98c.95.36 1.964.524 3.012.524h6.024c5.04 0 9.099-4.156 8.969-9.23zm-8.937 5.958H9.07c-2.587 0-5.205-2.03-5.696-4.583a5.724 5.724 0 0 1 5.63-6.874h5.99c2.586 0 5.205 2.03 5.696 4.582c.688 3.667-2.095 6.875-5.63 6.875z"/></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.996 10.543c-.131-4.91-4.289-8.773-9.2-8.773H9.005a8.997 8.997 0 0 0-5.957 15.746L1.05 22.23l4.942-2.98c.95.36 1.964.524 3.012.524h6.024c5.04 0 9.099-4.156 8.969-9.23zm-8.937 5.958H9.07c-2.587 0-5.205-2.03-5.696-4.583a5.724 5.724 0 0 1 5.63-6.874h5.99c2.586 0 5.205 2.03 5.696 4.582c.688 3.667-2.095 6.875-5.63 6.875z"/></svg>
</template>

CSS

.icon-theconversation {
  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.996%2010.543c-.131-4.91-4.289-8.773-9.2-8.773H9.005a8.997%208.997%200%200%200-5.957%2015.746L1.05%2022.23l4.942-2.98c.95.36%201.964.524%203.012.524h6.024c5.04%200%209.099-4.156%208.969-9.23zm-8.937%205.958H9.07c-2.587%200-5.205-2.03-5.696-4.583a5.724%205.724%200%200%201%205.63-6.874h5.99c2.586%200%205.205%202.03%205.696%204.582c.688%203.667-2.095%206.875-5.63%206.875z%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.996%2010.543c-.131-4.91-4.289-8.773-9.2-8.773H9.005a8.997%208.997%200%200%200-5.957%2015.746L1.05%2022.23l4.942-2.98c.95.36%201.964.524%203.012.524h6.024c5.04%200%209.099-4.156%208.969-9.23zm-8.937%205.958H9.07c-2.587%200-5.205-2.03-5.696-4.583a5.724%205.724%200%200%201%205.63-6.874h5.99c2.586%200%205.205%202.03%205.696%204.582c.688%203.667-2.095%206.875-5.63%206.875z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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