Ícone Smartthings

simple-icons:smartthings

O ícone Smartthings (simple-icons:smartthings) é 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
Tags: smartthing

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.51 0C8.338 0 5.034.537 2.694 2.694C.5 5.174 0 8.464 0 11.525v.942c0 3.165.537 6.499 2.694 8.84C5.188 23.513 8.494 24 11.569 24h.854c3.18 0 6.528-.53 8.883-2.694C23.514 18.811 24 15.5 24 12.423v-.853c0-3.18-.53-6.528-2.694-8.876C18.826.494 15.544 0 12.482 0zM12 3.505c1.244 0 2.256.99 2.256 2.206c0 1.065-.685 1.976-1.715 2.181v1.59c1.48.214 2.528 1.43 2.528 2.934c0 1.654-1.377 3-3.07 3s-3.068-1.346-3.068-3q.002-.255.045-.497l-1.536-.488a2.26 2.26 0 0 1-1.962 1.12q-.357 0-.698-.11c-1.183-.375-1.833-1.622-1.449-2.78a2.25 2.25 0 0 1 2.146-1.524q.357 0 .698.108a2.23 2.23 0 0 1 1.313 1.098c.204.391.282.823.232 1.249l1.535.488c.44-.86 1.378-1.453 2.384-1.599V7.892c-1.029-.205-1.896-1.116-1.896-2.181c0-1.217 1.012-2.206 2.257-2.206m0 .882c-.747 0-1.354.594-1.354 1.324S11.253 7.035 12 7.035c.746 0 1.354-.594 1.354-1.324S12.746 4.387 12 4.387m6.522 3.75c.98 0 1.843.613 2.146 1.525a2.15 2.15 0 0 1-.135 1.683a2.22 2.22 0 0 1-1.314 1.096q-.341.11-.698.11a2.26 2.26 0 0 1-1.962-1.12l-.634.201l-.278-.838l.632-.202a2.21 2.21 0 0 1 1.546-2.347a2.3 2.3 0 0 1 .697-.108M5.476 9.02c-.588 0-1.105.368-1.287.915a1.32 1.32 0 0 0 .869 1.668q.205.065.419.065c.588 0 1.105-.368 1.287-.915a1.3 1.3 0 0 0-.081-1.01a1.34 1.34 0 0 0-.788-.658a1.4 1.4 0 0 0-.42-.065zm13.045 0q-.213 0-.419.065a1.32 1.32 0 0 0-.869 1.668c.182.547.7.915 1.287.915a1.4 1.4 0 0 0 .42-.065c.344-.11.623-.343.787-.659c.165-.315.193-.673.082-1.009a1.35 1.35 0 0 0-1.288-.915M12 10.474c-1.095 0-1.986.871-1.986 1.942s.89 1.941 1.986 1.941c1.094 0 1.985-.87 1.985-1.94c0-1.072-.89-1.943-1.985-1.943m-2.706 4.831l.73.519l-.39.526c.709.757.801 1.925.16 2.787a2.28 2.28 0 0 1-1.827.91c-.478 0-.937-.147-1.325-.422a2.177 2.177 0 0 1-.499-3.082a2.28 2.28 0 0 1 2.76-.71zm5.41 0l.392.528a2.285 2.285 0 0 1 2.76.71a2.18 2.18 0 0 1-.499 3.082a2.3 2.3 0 0 1-1.325.421a2.28 2.28 0 0 1-1.827-.91a2.17 2.17 0 0 1 .16-2.785l-.39-.527zm-6.734 1.21a1.37 1.37 0 0 0-1.097.547c-.44.59-.304 1.42.3 1.849a1.37 1.37 0 0 0 1.891-.293c.44-.59.305-1.42-.3-1.85a1.36 1.36 0 0 0-.794-.252zm8.059 0c-.287 0-.561.088-.795.254a1.307 1.307 0 0 0-.299 1.849a1.37 1.37 0 0 0 1.891.293a1.307 1.307 0 0 0 .3-1.85a1.37 1.37 0 0 0-1.097-.545Z"/></svg>

Como usar o ícone Smartthings

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagem HTML

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

O ícone Smartthings em outras coleções

Perguntas frequentes sobre Ícone Smartthings

O ícone Smartthings é 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 Smartthings no React?

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

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

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

Ver todos os Simple Icons →