Ícone Rancher

selfhst:rancher

O ícone Rancher (selfhst:rancher) é um ícone SVG gratuito da coleção selfh.st/icons de selfh.st. Ele é desenhado em uma grade de 512 × 512. selfh.st/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: selfh.st/icons
Autor: selfh.st
Licença: CC-BY-4.0
Tamanho: 512 × 512

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#2453ff" d="m511.7 188.6l-5.6-33.4c-1.8-10.7-6-19.5-9.2-19.5c-3.4 0-6 9-6 19.7v8.7c0 10.7-9 19.7-19.7 19.7h-10.5v24h34.7c10.7.1 18.1-8.7 16.3-19.2m-78.6-28.2h-109c-.7 0-1.3 0-1.8.2v-5.2c0-10.7-2.7-19.7-6-19.7c-3.4 0-7.4 8.7-9.2 19.5l-5.6 33.4c-1.8 10.7 5.6 19.5 16.6 19.5h32.7c3.4 0 6.5-.4 9.4-1.3c-1.1 5.6-5.8 9.9-11.9 9.9h-45.9c-7.4 0-13-6.7-11.9-14.1l4.7-28c1.1-7.4-4.5-14.1-11.9-14.1H54.4c-4.9 0-9 2.9-11 7.2l-43 65.6c-.7 1.1-.7 2.5.2 3.6l8.3 9.9c1.1 1.3 2.9 1.3 4.3.4L42.6 224v140.2c0 6.7 5.4 12.1 12.1 12.1h64.9c6.7 0 12.1-5.4 12.1-12.1v-48.8c0-6.7 5.4-12.1 12.1-12.1h162.1c6.7 0 12.1 5.4 12.1 12.1v48.8c0 6.7 5.4 12.1 12.1 12.1H395c6.7 0 12.1-5.4 12.1-12.1v-52.4h-34.5c-10.7 0-19.7-9-19.7-19.7v-33.8c0-6.5 3.1-12.1 7.8-15.7v40.3c0 10.7 9 19.7 19.7 19.7h53.1c10.7 0 19.7-9 19.7-19.7V180.3c-.4-11.2-9.1-19.9-20.1-19.9"/></svg>

Como usar o ícone Rancher

React

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

<Icon icon="selfhst:rancher" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:rancher" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:rancher" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--rancher]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="selfhst:rancher"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/selfhst/rancher.svg" alt="Ícone Rancher" width="24" height="24">

Ícones relacionados em selfh.st/icons

O ícone Rancher em outras coleções

Perguntas frequentes sobre Ícone Rancher

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

Sim. selfh.st/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 Rancher no React?

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

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

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

Ver todos os selfh.st/icons →