Ícone Hootsuite

simple-icons:hootsuite

O ícone Hootsuite (simple-icons:hootsuite) é um ícone SVG gratuito da coleção Simple Icons de Simple Icons Collaborators. Ele é desenhado em uma grade de 24 × 24. Simple Icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Simple Icons
Autor: Simple Icons Collaborators
Licença: CC0-1.0
Tamanho: 24 × 24

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.417 11.14c.505.75.28 1.572-.38 2.017s-1.505.343-2.01-.407c-.506-.75-.282-1.572.378-2.017s1.506-.343 2.012.407m5.017-.274c-.66.444-.884 1.266-.379 2.016c.506.75 1.352.852 2.012.407c.66-.444.884-1.266.379-2.016c-.506-.75-1.352-.852-2.012-.407m7.422-7.086L19.03 6.638l.236.272c2.224 2.613 3.591 6.409 4.247 8.606a4.36 4.36 0 0 1-.638 3.8C21.449 21.295 18.398 24 12.369 24c-6.58 0-10-3.25-11.644-5.251a3.12 3.12 0 0 1-.51-3.067c.909-2.444 2.766-7.126 4.257-8.825a13.2 13.2 0 0 1 2.897-2.478L2.4.534c-.27-.208-.034-.632.285-.513l8.077 3.006q.571-.1 1.13-.1c1.407 0 2.737.307 4.074 1.084l7.744-.695c.266-.024.378.331.147.464zm-8.218 13.656a4.13 4.13 0 0 1-3.316-.232c-.073-.037-.143.055-.087.115c.457.49 1.273 1.35 1.766 1.775a.253.253 0 0 0 .35-.023l1.369-1.512c.053-.059-.008-.15-.082-.123m.24-1.156l-1.796-2.018a.34.34 0 0 0-.513.008l-1.44 1.716a.18.18 0 0 0 .031.262c.333.239 1.148.76 1.942.76c.734 0 1.402-.285 1.724-.447a.18.18 0 0 0 .052-.281m1.616-8.409c-.3-.034-.603.035-.862.188l-1.808 1.07c-.45.268-1.02.231-1.432-.091L11.819 7.82a4.7 4.7 0 0 0-1.776-.858c-2.698-.638-4.532.78-5.914 3.44c-1.32 2.539-.583 6.184 2.672 7.05c3.438.914 5.71-2.903 6.618-4.175a.44.44 0 0 1 .712-.002c1.408 1.916 3.306 3.968 5.34 3.557c2.656-.535 2.342-3.905 1.512-5.7c-.735-1.588-1.83-3.074-3.49-3.262z"/></svg>

Como usar o ícone Hootsuite

React

import { Icon } from "@iconify/react";

<Icon icon="simple-icons:hootsuite" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="simple-icons:hootsuite" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="simple-icons:hootsuite" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--hootsuite]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:hootsuite"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="simple-icons:hootsuite"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/hootsuite.svg" alt="Ícone Hootsuite" width="24" height="24">

O ícone Hootsuite em outras coleções

Perguntas frequentes sobre Ícone Hootsuite

O ícone Hootsuite é grátis para uso comercial?

Sim. Simple Icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Hootsuite no React?

Instale @iconify/react e renderize <Icon icon="simple-icons:hootsuite" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Hootsuite a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/simple-icons/hootsuite.svg" alt="Ícone Hootsuite">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Simple Icons →