hootsuite icon logo

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

Name
hootsuite-icon
Set
SVG Logos
Style
Color
Viewbox
256×257
License
CC0

Use the hootsuite icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><path fill="#ff4c46" d="M25.551 2.118A3.177 3.177 0 0 1 29.38.112l.227.07l85.775 32.609c4.055-.668 8.082-1 12.043-.972c14.97.104 29.107 3.464 43.284 11.839l82.503-6.83a2.67 2.67 0 0 1 1.703 4.815l-.233.153l-51.54 30.02q1.248 1.432 2.503 2.926c23.481 27.999 37.765 68.512 44.587 91.937a46.48 46.48 0 0 1-7.082 40.395c-15.334 20.985-48.034 49.555-112.19 49.1c-70.04-.485-106.218-35.332-123.6-56.747a33.29 33.29 0 0 1-5.196-32.68l1.3-3.4c10.258-26.677 29.366-73.011 44.672-90.24c9.214-10.36 19.84-19.305 31.067-26.194L26.522 5.626a3.18 3.18 0 0 1-.97-3.508"/><path fill="#fff" d="M128.966 183.475a.56.56 0 0 1 .726-.32a44.02 44.02 0 0 0 36.761 3.265l.698-.256a.533.533 0 0 1 .658.798l-15.354 16.906a2.67 2.67 0 0 1-3.717.216c-5.677-4.878-15.159-15.07-19.703-20.075a.56.56 0 0 1-.07-.534m21.315-86.586c39.704-27.624 61.228-3.645 73.305 22.955c8.724 19.17 11.814 55.06-16.509 60.561c-21.695 4.231-41.742-17.75-56.569-38.27a4.7 4.7 0 0 0-7.595-.022l-.603.84c-10.15 14.23-34.351 52.918-70.167 43.127c-34.56-9.461-42.153-48.337-27.78-75.21C65.63 70.346 96.7 57.143 150.28 96.89m-5.643 55.606a3.605 3.605 0 0 1 4.902-.087l.2.194l18.973 21.62q.152.174.259.378c.49.942.124 2.102-.817 2.592a42.7 42.7 0 0 1-18.414 4.649c-8.437-.07-17.07-5.67-20.605-8.243l-.144-.117a1.923 1.923 0 0 1-.29-2.55l.131-.164l15.591-18.084l.026.007a4 4 0 0 1 .188-.195"/><path fill="#ff4c46" d="m196.358 120.778l.219.355c4.59 7.126 2.535 16.625-4.592 21.216s-16.626 2.536-21.217-4.591c-4.465-6.932-2.647-16.124 4.046-20.849l.37-.253c6.666-4.77 15.938-3.235 20.709 3.43q.242.34.465.692m-95.977-8.177c-7.99 2.723-11.961 11.209-9.58 19.111c2.723 7.99 11.208 11.962 19.11 9.582c7.99-2.724 11.897-11.317 9.582-19.112c.021-.051-.03-.198-.128-.375c-2.458-7.691-10.308-11.756-17.78-9.632c-.344-.087-.774.17-1.204.426"/></svg>

React

import type { SVGProps } from "react";

export function LogosHootsuiteIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><path fill="#ff4c46" d="M25.551 2.118A3.177 3.177 0 0 1 29.38.112l.227.07l85.775 32.609c4.055-.668 8.082-1 12.043-.972c14.97.104 29.107 3.464 43.284 11.839l82.503-6.83a2.67 2.67 0 0 1 1.703 4.815l-.233.153l-51.54 30.02q1.248 1.432 2.503 2.926c23.481 27.999 37.765 68.512 44.587 91.937a46.48 46.48 0 0 1-7.082 40.395c-15.334 20.985-48.034 49.555-112.19 49.1c-70.04-.485-106.218-35.332-123.6-56.747a33.29 33.29 0 0 1-5.196-32.68l1.3-3.4c10.258-26.677 29.366-73.011 44.672-90.24c9.214-10.36 19.84-19.305 31.067-26.194L26.522 5.626a3.18 3.18 0 0 1-.97-3.508"/><path fill="#fff" d="M128.966 183.475a.56.56 0 0 1 .726-.32a44.02 44.02 0 0 0 36.761 3.265l.698-.256a.533.533 0 0 1 .658.798l-15.354 16.906a2.67 2.67 0 0 1-3.717.216c-5.677-4.878-15.159-15.07-19.703-20.075a.56.56 0 0 1-.07-.534m21.315-86.586c39.704-27.624 61.228-3.645 73.305 22.955c8.724 19.17 11.814 55.06-16.509 60.561c-21.695 4.231-41.742-17.75-56.569-38.27a4.7 4.7 0 0 0-7.595-.022l-.603.84c-10.15 14.23-34.351 52.918-70.167 43.127c-34.56-9.461-42.153-48.337-27.78-75.21C65.63 70.346 96.7 57.143 150.28 96.89m-5.643 55.606a3.605 3.605 0 0 1 4.902-.087l.2.194l18.973 21.62q.152.174.259.378c.49.942.124 2.102-.817 2.592a42.7 42.7 0 0 1-18.414 4.649c-8.437-.07-17.07-5.67-20.605-8.243l-.144-.117a1.923 1.923 0 0 1-.29-2.55l.131-.164l15.591-18.084l.026.007a4 4 0 0 1 .188-.195"/><path fill="#ff4c46" d="m196.358 120.778l.219.355c4.59 7.126 2.535 16.625-4.592 21.216s-16.626 2.536-21.217-4.591c-4.465-6.932-2.647-16.124 4.046-20.849l.37-.253c6.666-4.77 15.938-3.235 20.709 3.43q.242.34.465.692m-95.977-8.177c-7.99 2.723-11.961 11.209-9.58 19.111c2.723 7.99 11.208 11.962 19.11 9.582c7.99-2.724 11.897-11.317 9.582-19.112c.021-.051-.03-.198-.128-.375c-2.458-7.691-10.308-11.756-17.78-9.632c-.344-.087-.774.17-1.204.426"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><path fill="#ff4c46" d="M25.551 2.118A3.177 3.177 0 0 1 29.38.112l.227.07l85.775 32.609c4.055-.668 8.082-1 12.043-.972c14.97.104 29.107 3.464 43.284 11.839l82.503-6.83a2.67 2.67 0 0 1 1.703 4.815l-.233.153l-51.54 30.02q1.248 1.432 2.503 2.926c23.481 27.999 37.765 68.512 44.587 91.937a46.48 46.48 0 0 1-7.082 40.395c-15.334 20.985-48.034 49.555-112.19 49.1c-70.04-.485-106.218-35.332-123.6-56.747a33.29 33.29 0 0 1-5.196-32.68l1.3-3.4c10.258-26.677 29.366-73.011 44.672-90.24c9.214-10.36 19.84-19.305 31.067-26.194L26.522 5.626a3.18 3.18 0 0 1-.97-3.508"/><path fill="#fff" d="M128.966 183.475a.56.56 0 0 1 .726-.32a44.02 44.02 0 0 0 36.761 3.265l.698-.256a.533.533 0 0 1 .658.798l-15.354 16.906a2.67 2.67 0 0 1-3.717.216c-5.677-4.878-15.159-15.07-19.703-20.075a.56.56 0 0 1-.07-.534m21.315-86.586c39.704-27.624 61.228-3.645 73.305 22.955c8.724 19.17 11.814 55.06-16.509 60.561c-21.695 4.231-41.742-17.75-56.569-38.27a4.7 4.7 0 0 0-7.595-.022l-.603.84c-10.15 14.23-34.351 52.918-70.167 43.127c-34.56-9.461-42.153-48.337-27.78-75.21C65.63 70.346 96.7 57.143 150.28 96.89m-5.643 55.606a3.605 3.605 0 0 1 4.902-.087l.2.194l18.973 21.62q.152.174.259.378c.49.942.124 2.102-.817 2.592a42.7 42.7 0 0 1-18.414 4.649c-8.437-.07-17.07-5.67-20.605-8.243l-.144-.117a1.923 1.923 0 0 1-.29-2.55l.131-.164l15.591-18.084l.026.007a4 4 0 0 1 .188-.195"/><path fill="#ff4c46" d="m196.358 120.778l.219.355c4.59 7.126 2.535 16.625-4.592 21.216s-16.626 2.536-21.217-4.591c-4.465-6.932-2.647-16.124 4.046-20.849l.37-.253c6.666-4.77 15.938-3.235 20.709 3.43q.242.34.465.692m-95.977-8.177c-7.99 2.723-11.961 11.209-9.58 19.111c2.723 7.99 11.208 11.962 19.11 9.582c7.99-2.724 11.897-11.317 9.582-19.112c.021-.051-.03-.198-.128-.375c-2.458-7.691-10.308-11.756-17.78-9.632c-.344-.087-.774.17-1.204.426"/></svg>
</template>

CSS

.icon-hootsuite-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%20257%22%3E%3Cpath%20fill%3D%22%23ff4c46%22%20d%3D%22M25.551%202.118A3.177%203.177%200%200%201%2029.38.112l.227.07l85.775%2032.609c4.055-.668%208.082-1%2012.043-.972c14.97.104%2029.107%203.464%2043.284%2011.839l82.503-6.83a2.67%202.67%200%200%201%201.703%204.815l-.233.153l-51.54%2030.02q1.248%201.432%202.503%202.926c23.481%2027.999%2037.765%2068.512%2044.587%2091.937a46.48%2046.48%200%200%201-7.082%2040.395c-15.334%2020.985-48.034%2049.555-112.19%2049.1c-70.04-.485-106.218-35.332-123.6-56.747a33.29%2033.29%200%200%201-5.196-32.68l1.3-3.4c10.258-26.677%2029.366-73.011%2044.672-90.24c9.214-10.36%2019.84-19.305%2031.067-26.194L26.522%205.626a3.18%203.18%200%200%201-.97-3.508%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M128.966%20183.475a.56.56%200%200%201%20.726-.32a44.02%2044.02%200%200%200%2036.761%203.265l.698-.256a.533.533%200%200%201%20.658.798l-15.354%2016.906a2.67%202.67%200%200%201-3.717.216c-5.677-4.878-15.159-15.07-19.703-20.075a.56.56%200%200%201-.07-.534m21.315-86.586c39.704-27.624%2061.228-3.645%2073.305%2022.955c8.724%2019.17%2011.814%2055.06-16.509%2060.561c-21.695%204.231-41.742-17.75-56.569-38.27a4.7%204.7%200%200%200-7.595-.022l-.603.84c-10.15%2014.23-34.351%2052.918-70.167%2043.127c-34.56-9.461-42.153-48.337-27.78-75.21C65.63%2070.346%2096.7%2057.143%20150.28%2096.89m-5.643%2055.606a3.605%203.605%200%200%201%204.902-.087l.2.194l18.973%2021.62q.152.174.259.378c.49.942.124%202.102-.817%202.592a42.7%2042.7%200%200%201-18.414%204.649c-8.437-.07-17.07-5.67-20.605-8.243l-.144-.117a1.923%201.923%200%200%201-.29-2.55l.131-.164l15.591-18.084l.026.007a4%204%200%200%201%20.188-.195%22%2F%3E%3Cpath%20fill%3D%22%23ff4c46%22%20d%3D%22m196.358%20120.778l.219.355c4.59%207.126%202.535%2016.625-4.592%2021.216s-16.626%202.536-21.217-4.591c-4.465-6.932-2.647-16.124%204.046-20.849l.37-.253c6.666-4.77%2015.938-3.235%2020.709%203.43q.242.34.465.692m-95.977-8.177c-7.99%202.723-11.961%2011.209-9.58%2019.111c2.723%207.99%2011.208%2011.962%2019.11%209.582c7.99-2.724%2011.897-11.317%209.582-19.112c.021-.051-.03-.198-.128-.375c-2.458-7.691-10.308-11.756-17.78-9.632c-.344-.087-.774.17-1.204.426%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%20257%22%3E%3Cpath%20fill%3D%22%23ff4c46%22%20d%3D%22M25.551%202.118A3.177%203.177%200%200%201%2029.38.112l.227.07l85.775%2032.609c4.055-.668%208.082-1%2012.043-.972c14.97.104%2029.107%203.464%2043.284%2011.839l82.503-6.83a2.67%202.67%200%200%201%201.703%204.815l-.233.153l-51.54%2030.02q1.248%201.432%202.503%202.926c23.481%2027.999%2037.765%2068.512%2044.587%2091.937a46.48%2046.48%200%200%201-7.082%2040.395c-15.334%2020.985-48.034%2049.555-112.19%2049.1c-70.04-.485-106.218-35.332-123.6-56.747a33.29%2033.29%200%200%201-5.196-32.68l1.3-3.4c10.258-26.677%2029.366-73.011%2044.672-90.24c9.214-10.36%2019.84-19.305%2031.067-26.194L26.522%205.626a3.18%203.18%200%200%201-.97-3.508%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M128.966%20183.475a.56.56%200%200%201%20.726-.32a44.02%2044.02%200%200%200%2036.761%203.265l.698-.256a.533.533%200%200%201%20.658.798l-15.354%2016.906a2.67%202.67%200%200%201-3.717.216c-5.677-4.878-15.159-15.07-19.703-20.075a.56.56%200%200%201-.07-.534m21.315-86.586c39.704-27.624%2061.228-3.645%2073.305%2022.955c8.724%2019.17%2011.814%2055.06-16.509%2060.561c-21.695%204.231-41.742-17.75-56.569-38.27a4.7%204.7%200%200%200-7.595-.022l-.603.84c-10.15%2014.23-34.351%2052.918-70.167%2043.127c-34.56-9.461-42.153-48.337-27.78-75.21C65.63%2070.346%2096.7%2057.143%20150.28%2096.89m-5.643%2055.606a3.605%203.605%200%200%201%204.902-.087l.2.194l18.973%2021.62q.152.174.259.378c.49.942.124%202.102-.817%202.592a42.7%2042.7%200%200%201-18.414%204.649c-8.437-.07-17.07-5.67-20.605-8.243l-.144-.117a1.923%201.923%200%200%201-.29-2.55l.131-.164l15.591-18.084l.026.007a4%204%200%200%201%20.188-.195%22%2F%3E%3Cpath%20fill%3D%22%23ff4c46%22%20d%3D%22m196.358%20120.778l.219.355c4.59%207.126%202.535%2016.625-4.592%2021.216s-16.626%202.536-21.217-4.591c-4.465-6.932-2.647-16.124%204.046-20.849l.37-.253c6.666-4.77%2015.938-3.235%2020.709%203.43q.242.34.465.692m-95.977-8.177c-7.99%202.723-11.961%2011.209-9.58%2019.111c2.723%207.99%2011.208%2011.962%2019.11%209.582c7.99-2.724%2011.897-11.317%209.582-19.112c.021-.051-.03-.198-.128-.375c-2.458-7.691-10.308-11.756-17.78-9.632c-.344-.087-.774.17-1.204.426%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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