Icono Realm

logos:realm

El icono Realm (logos:realm) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 256. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: SVG Logos
Autor: Gil Barbara
Licencia: CC0-1.0
Tamaño: 256 × 256

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><circle id="SVGN5eQqeMK" cx="128" cy="128" r="128"/></defs><mask id="SVGMX2wGdvm" fill="#fff"><use href="#SVGN5eQqeMK"/></mask><use fill="#fff" href="#SVGN5eQqeMK"/><g mask="url(#SVGMX2wGdvm)"><path fill="#fcc397" d="M183.588 11.48C166.752 3.479 147.916-1 128.034-1C93.35-1 61.849 12.628 38.594 34.821c-24.724 23.596 188.755-2.54 144.994-23.34"/><path fill="#fc9f95" d="M229.402 47.727c.148.185-10.568 14.507-42.774 18.573c-65.005 8.207-176.609 9.074-176.44 8.705a129.9 129.9 0 0 1 28.551-40.136c14.026 4.38 29.293 5.47 43.734 2.81c23.844-4.363 45.057-18.14 68.643-23.755c10.468-2.515 21.874-3.25 32.616-2.396c17.85 8.483 33.451 20.929 45.67 36.199"/><path fill="#f77c88" d="M255.962 108.343c.082.522-146.587 14.309-218.048 10.29C14.63 117.324.89 103.247 1.048 102.48a128.6 128.6 0 0 1 8.935-27.451c20.645-11.3 44.934-17.822 68.487-17.565c29.535.303 58.51 10.15 88.046 9.416c21.934-.558 44.043-7.559 62.68-19.129c13.736 17.166 23.196 37.901 26.766 60.593"/><path fill="#f25192" d="M257.131 127.91c0 .718-.017 2.15-.017 2.15s-40.737 10.275-93.202 9.662C90.427 138.863-2.002 127.01-2 126.792c.073-8.596.982-16.993 2.652-25.113c17.606 10.863 38.957 16.183 59.508 13.944c16.341-1.77 31.864-7.817 46.998-14.252s30.182-13.346 46.179-17.06c23.499-5.442 48.636-3.542 71.1 5.312c10.929 4.31 21.772 10.506 31.112 17.977a130.5 130.5 0 0 1 1.582 20.31"/><path fill="#d34ca3" d="M110.194 170.017c-38.873 7.179-105.585-1.101-105.753-1.613C.261 155.674-2 142.074-2 127.947q0-.56.005-1.118c5.901-4.68 12.794-8.852 19.523-12.094c16.644-8.076 35.53-11.445 53.94-9.631c18.196 1.814 35.572 8.551 52.388 15.807c14.167 6.113 28.243 12.717 42.948 17.28c1.44.446-13.82 23.924-56.61 31.826"/><path fill="#9a50a5" d="M252.618 162.852c-2.714 4.584-28.53 20.027-63.525 22.672c-46.335 3.502-101.073-10.504-82.915-17.632c28.587-11.229 53.38-31.398 82.915-39.82c22.064-6.32 46.522-5.322 68.182 2.316a129.6 129.6 0 0 1-4.657 32.464"/><path fill="#59569e" d="M240.591 192.573c-22.373 38.843-184.638 48.584-208.343 22.455c-12.066-13.3-21.407-29.12-27.139-46.575c19.927-11.39 43.254-16.226 65.675-13.16c29.018 3.973 55.018 20.17 83.648 26.475c23.11 5.096 47.602 3.498 69.85-4.535c10.058-3.66 20.03-8.563 28.849-14.626a128.8 128.8 0 0 1-12.54 29.966"/><path fill="#39477f" d="M240.058 192.03c-22.326 39.021-64.363 65.316-112.541 65.316c-38.065 0-72.296-16.414-96.001-42.55c3.933 1.503 8.333 2.803 12.366 3.939c22.55 6.22 46.825 6.047 69.246-.561c14.359-4.233 27.854-10.97 41.954-16.067c26.904-9.702 56.517-13.118 84.976-10.078"/></g></svg>

Cómo usar el icono Realm

React

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

<Icon icon="logos:realm" width="24" />

Vue

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

<template>
  <Icon icon="logos:realm" width="24" />
</template>

Svelte

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

<Icon icon="logos:realm" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:realm"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/logos/realm.svg" alt="Icono Realm" width="24" height="24">

El icono Realm en otras colecciones

Preguntas frecuentes sobre Icono Realm

¿El icono Realm es gratis para uso comercial?

Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Realm en React?

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

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

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

Ver todos los Iconos SVG Logos →