Ícone Home To Cloud Sync
streamline-freehand:home-to-cloud-sync
O ícone Home To Cloud Sync (streamline-freehand:home-to-cloud-sync) é um ícone SVG gratuito da coleção Freehand free icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Freehand free icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Internet, redes e servidores
- Tags
- hometo, tocloud, cloudsync, hometocloudsync
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.638 5.506a2.4 2.4 0 0 0 .43-.919C13.788 1.05 8.941-.999 7.013 2a2.728 2.728 0 0 0-4.397 2.468C.618 4.467-.9 6.336.618 8.744c.31.335.684.607 1.099.8c.71.33 1.069 0 .91-.35c-.16-.35-.22.07-1-.48a2.5 2.5 0 0 1-.4-.33a2.07 2.07 0 0 1-.21-2.328a1.8 1.8 0 0 1 1.38-.69h.399c.08 0 .25.14.29.16a.47.47 0 0 0 .51-.779c-.05 0 0-.1-.05-.16A1.699 1.699 0 0 1 6.262 2.89c.14.163.246.354.31.56a.6.6 0 0 0 .55.369c.789 0 .46-1.13 1.468-1.779a2.248 2.248 0 0 1 3.298 2.318q-.223.526-.54 1l-.19.22a.59.59 0 0 0-.27.509c0 .13.39.76.87.5h.13c.8-.11 1.619 1.339.69 1.998c-2.149 1.479-3.718 1-6.625.89a8.7 8.7 0 0 1-2.279-.27a.364.364 0 1 0-.35.64c.835.28 1.708.425 2.589.429c2.997.21 4.746.77 7.234-.83a2.228 2.228 0 0 0-.51-3.937m10.713 12.56a20 20 0 0 0-2.298-2.878a22 22 0 0 0-2.908-2.358a1.65 1.65 0 0 0-1.659-.08a33 33 0 0 0-3.767 4.297c-.71.929-1.439 1.648-1.349 2.098a.34.34 0 0 0 .59.18c.14-.14-.48.63 1.309-1.639c.23 2.998-1 4.926 1.159 5.376c.468.113.948.17 1.429.17c1.229-.19.31-2.718 1.389-2.828c.74-.09.72 1.999.84 2.388a.75.75 0 0 0 .389.48c.59.28 2.848.25 3.347-.27s.34-1.14.39-5.066c.63.74 1.17 1.589 1.579 1.379a.34.34 0 0 0 .21-.33c0-.43-.6-.83-.65-.92m-2.198 4.197a2.6 2.6 0 0 1-1 .11a7 7 0 0 1-.849 0a3 3 0 0 0-.09-.48c-.21-1.479-.66-2.908-2.098-2.708c-1.24.14-1.589 1-1.649 2.218v.58a6 6 0 0 0-.84 0c-.998-.13-.489-1.16-.529-2.458a12.4 12.4 0 0 0-.23-2.468c.77-.81 1.6-1.69 2.569-2.588c.779-.76.569-1.07 1.878-.1a17.2 17.2 0 0 1 3.198 2.688c-.03.12-.2 4.926-.36 5.206m-13.75-1.918a4.27 4.27 0 0 1-2.997-1.749c-.37-.69-.27-1.109 0-4.786q.62.76 1.389 1.369c.08.08.75.76.999.76c.25 0 .53-.36.19-.8a10 10 0 0 1-1.3-1.399c-.489-.63-.679-1.229-1.068-1.459c-.73-.42-1.58.33-2.049 1c-.47.669-.92.999-1.259 1.408c-.07.08-.94 1.1-1 1.21a.32.32 0 0 0 .33.41a8 8 0 0 0 1.23-1a13 13 0 0 0 1.588-1.319c-.13.87-.51 3.417-.51 3.487a3.4 3.4 0 0 0 .34 1.689c1.14 2.148 4.547 2.248 5.396 1.759c1.59-.94-1.199-.57-1.279-.58" clip-rule="evenodd"/></svg>Como usar o ícone Home To Cloud Sync
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:home-to-cloud-sync" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:home-to-cloud-sync" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:home-to-cloud-sync" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--home-to-cloud-sync]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:home-to-cloud-sync"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:home-to-cloud-sync"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/home-to-cloud-sync.svg" alt="Ícone Home To Cloud Sync" width="24" height="24">Ícones relacionados em Freehand free icons
O ícone Home To Cloud Sync em outras coleções
Perguntas frequentes sobre Ícone Home To Cloud Sync
O ícone Home To Cloud Sync é grátis para uso comercial?
Sim. Freehand free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Home To Cloud Sync no React?
Instale @iconify/react e renderize <Icon icon="streamline-freehand:home-to-cloud-sync" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Home To Cloud Sync a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-freehand/home-to-cloud-sync.svg" alt="Ícone Home To Cloud Sync">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.