Icono Rancher Opni

selfhst:rancher-opni

El icono Rancher Opni (selfhst:rancher-opni) es un icono SVG gratuito de la colección selfh.st/icons de selfh.st. Está dibujado en una cuadrícula de 512 × 512. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: selfh.st/icons
Autor: selfh.st
Licencia: CC-BY-4.0
Tamaño: 512 × 512
Etiquetas: rancheropni

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#a453b9" d="M51.2 44.8h409.6c28.3 0 51.2 22.9 51.2 51.2v320c0 28.3-22.9 51.2-51.2 51.2H51.2C22.9 467.2 0 444.3 0 416V96c0-28.3 22.9-51.2 51.2-51.2"/><path fill="#fff" d="M76.4 214.3c2.9-3.6 71.9-89.3 179.6-89.3c64 0 114.4 30.3 145.3 55.6v-7c0-10.6 8.6-19.2 19.2-19.2s19.2 8.6 19.2 19.2v51.1c.5 6.1-1.9 12.3-7 16.4l-.2.2c-2.8 2.3-6.2 3.7-9.8 4.1h-.3c-.6.1-1.2.1-1.9.1h-52.7c-10.6 0-19.2-8.6-19.2-19.2s8.6-19.2 19.2-19.2h4.9c-26.3-20.5-67-43.7-116.7-43.7c-88.8 0-148.9 74-149.5 74.8c-6.6 8.3-18.7 9.7-27 3c-8.3-6.6-9.7-18.6-3.1-26.9m356.1 56.3c-8.3-6.6-20.4-5.2-27 3.1c-.6.8-60.7 74.8-149.5 74.8c-49.7 0-90.3-23.2-116.7-43.7h4.9c10.6 0 19.2-8.6 19.2-19.2s-8.6-19.2-19.2-19.2H91.5c-1.8 0-3.5.3-5.1.7h-.1c-.5.1-1 .3-1.5.5c-.1 0-.3.1-.4.1c-.4.2-.8.3-1.2.5l-.6.3c-.3.2-.6.3-.9.5s-.6.3-.8.5c-.2.1-.4.3-.5.4l-.9.6l-.2.2c-5 4.1-7.5 10.3-7 16.4v51.1c0 10.6 8.6 19.2 19.2 19.2s19.2-8.6 19.2-19.2v-7c30.9 25.3 81.3 55.6 145.3 55.6c107.7 0 176.7-85.7 179.6-89.4c6.6-8.2 5.2-20.2-3.1-26.8M191.1 256c0 35.3 28.7 64 64 64s64-28.7 64-64s-28.7-64-64-64s-64 28.7-64 64"/><path fill="#a453b9" d="M288.4 243.2h-29l9-50.6l-46.6 76.1h29.1l-9.1 50.6z"/></svg>

Cómo usar el icono Rancher Opni

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

<img src="https://iconyz.com/api/public/svg/selfhst/rancher-opni.svg" alt="Icono Rancher Opni" width="24" height="24">

Iconos relacionados en selfh.st/icons

Preguntas frecuentes sobre Icono Rancher Opni

¿El icono Rancher Opni es gratis para uso comercial?

Sí. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Rancher Opni en React?

Instala @iconify/react y renderiza <Icon icon="selfhst:rancher-opni" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Rancher Opni a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/rancher-opni.svg" alt="Icono Rancher Opni">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los selfh.st/icons →