realm logo

realm from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: realm
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

Use the realm logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fcc397" d="M90.312 6.608C79.079 1.111 66.501-.735 54.233 1.31S30.585 9.2 21.593 18.07c-11.73 11.712 89.468-1.256 68.719-11.463z"/><path fill="#fc9f95" d="M111.79 24.345s-4.853 7.112-20.223 9.12c-30.821 4.183-83.684 4.434-83.603 4.183c3.298-7.363 7.924-14.008 13.631-19.578a42.4 42.4 0 0 0 20.709 1.38c11.325-2.217 21.356-8.91 32.56-11.671a49.1 49.1 0 0 1 15.451-1.172c8.355 4.172 15.695 10.234 21.477 17.737z"/><path fill="#f77c88" d="M124.6 54.047c0 .251-69.447 7.028-103.3 5.062c-6.608-.172-12.884-3.028-17.473-7.948a63 63 0 0 1 4.247-13.43c9.91-5.651 21.04-8.616 32.357-8.617c13.995 0 27.706 4.978 41.74 4.602c10.495-.38 20.706-3.612 29.608-9.371c6.724 8.563 11.146 18.808 12.822 29.702z"/><path fill="#f25192" d="M125.38 64.003v1.046a183.5 183.5 0 0 1-44.168 4.727a753 753 0 0 1-78.628-6.317c.044-4.131.464-8.25 1.254-12.299c8.456 5.431 18.407 7.828 28.313 6.819a78.3 78.3 0 0 0 22.286-6.986a135 135 0 0 1 21.882-8.367a55.1 55.1 0 0 1 25.538-.065c8.408 1.979 16.27 5.906 22.998 11.485c.44 3.298.616 6.629.526 9.957z"/><path fill="#d34ca3" d="M55.728 84.627c-18.403 3.723-50.033-.46-50.113-.795a65.5 65.5 0 0 1-3.033-19.829v-.544a49.6 49.6 0 0 1 9.262-5.94c7.947-3.948 16.785-5.582 25.562-4.727a83.6 83.6 0 0 1 24.794 7.78a202 202 0 0 0 20.224 8.367c1.051.293-6.391 11.797-26.695 15.688z"/><path fill="#9a50a5" d="M123.15 80.945c-1.294 2.26-13.509 9.831-30.092 11.128c-21.963 1.715-47.889-5.146-39.274-8.618c13.509-5.522 25.279-15.395 39.274-19.536a52.38 52.38 0 0 1 32.357 1.13a64 64 0 0 1-2.265 15.896"/><path fill="#59569e" d="M117.21 95.671c-10.597 19.034-87.486 23.803-98.73 11.002c-5.766-6.614-10.145-14.39-12.862-22.841c9.417-5.624 20.36-7.888 31.144-6.442c13.752 1.924 26.047 9.873 39.638 12.968a58 58 0 0 0 33.086-2.008a60.6 60.6 0 0 0 13.671-7.195a64 64 0 0 1-5.945 14.516z"/><path fill="#39477f" d="M117.29 95.504c-4.81 8.708-11.547 16.113-19.658 21.609c-8.11 5.497-17.365 8.928-27.004 10.014a59.5 59.5 0 0 1-28.455-3.768c-9.064-3.563-17.184-9.295-23.694-16.728c1.86.753 4.045 1.38 5.865 1.967a58.74 58.74 0 0 0 32.802-.293c6.836-2.092 13.226-5.397 19.9-7.865a87.9 87.9 0 0 1 40.446-4.936z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconRealm(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fcc397" d="M90.312 6.608C79.079 1.111 66.501-.735 54.233 1.31S30.585 9.2 21.593 18.07c-11.73 11.712 89.468-1.256 68.719-11.463z"/><path fill="#fc9f95" d="M111.79 24.345s-4.853 7.112-20.223 9.12c-30.821 4.183-83.684 4.434-83.603 4.183c3.298-7.363 7.924-14.008 13.631-19.578a42.4 42.4 0 0 0 20.709 1.38c11.325-2.217 21.356-8.91 32.56-11.671a49.1 49.1 0 0 1 15.451-1.172c8.355 4.172 15.695 10.234 21.477 17.737z"/><path fill="#f77c88" d="M124.6 54.047c0 .251-69.447 7.028-103.3 5.062c-6.608-.172-12.884-3.028-17.473-7.948a63 63 0 0 1 4.247-13.43c9.91-5.651 21.04-8.616 32.357-8.617c13.995 0 27.706 4.978 41.74 4.602c10.495-.38 20.706-3.612 29.608-9.371c6.724 8.563 11.146 18.808 12.822 29.702z"/><path fill="#f25192" d="M125.38 64.003v1.046a183.5 183.5 0 0 1-44.168 4.727a753 753 0 0 1-78.628-6.317c.044-4.131.464-8.25 1.254-12.299c8.456 5.431 18.407 7.828 28.313 6.819a78.3 78.3 0 0 0 22.286-6.986a135 135 0 0 1 21.882-8.367a55.1 55.1 0 0 1 25.538-.065c8.408 1.979 16.27 5.906 22.998 11.485c.44 3.298.616 6.629.526 9.957z"/><path fill="#d34ca3" d="M55.728 84.627c-18.403 3.723-50.033-.46-50.113-.795a65.5 65.5 0 0 1-3.033-19.829v-.544a49.6 49.6 0 0 1 9.262-5.94c7.947-3.948 16.785-5.582 25.562-4.727a83.6 83.6 0 0 1 24.794 7.78a202 202 0 0 0 20.224 8.367c1.051.293-6.391 11.797-26.695 15.688z"/><path fill="#9a50a5" d="M123.15 80.945c-1.294 2.26-13.509 9.831-30.092 11.128c-21.963 1.715-47.889-5.146-39.274-8.618c13.509-5.522 25.279-15.395 39.274-19.536a52.38 52.38 0 0 1 32.357 1.13a64 64 0 0 1-2.265 15.896"/><path fill="#59569e" d="M117.21 95.671c-10.597 19.034-87.486 23.803-98.73 11.002c-5.766-6.614-10.145-14.39-12.862-22.841c9.417-5.624 20.36-7.888 31.144-6.442c13.752 1.924 26.047 9.873 39.638 12.968a58 58 0 0 0 33.086-2.008a60.6 60.6 0 0 0 13.671-7.195a64 64 0 0 1-5.945 14.516z"/><path fill="#39477f" d="M117.29 95.504c-4.81 8.708-11.547 16.113-19.658 21.609c-8.11 5.497-17.365 8.928-27.004 10.014a59.5 59.5 0 0 1-28.455-3.768c-9.064-3.563-17.184-9.295-23.694-16.728c1.86.753 4.045 1.38 5.865 1.967a58.74 58.74 0 0 0 32.802-.293c6.836-2.092 13.226-5.397 19.9-7.865a87.9 87.9 0 0 1 40.446-4.936z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fcc397" d="M90.312 6.608C79.079 1.111 66.501-.735 54.233 1.31S30.585 9.2 21.593 18.07c-11.73 11.712 89.468-1.256 68.719-11.463z"/><path fill="#fc9f95" d="M111.79 24.345s-4.853 7.112-20.223 9.12c-30.821 4.183-83.684 4.434-83.603 4.183c3.298-7.363 7.924-14.008 13.631-19.578a42.4 42.4 0 0 0 20.709 1.38c11.325-2.217 21.356-8.91 32.56-11.671a49.1 49.1 0 0 1 15.451-1.172c8.355 4.172 15.695 10.234 21.477 17.737z"/><path fill="#f77c88" d="M124.6 54.047c0 .251-69.447 7.028-103.3 5.062c-6.608-.172-12.884-3.028-17.473-7.948a63 63 0 0 1 4.247-13.43c9.91-5.651 21.04-8.616 32.357-8.617c13.995 0 27.706 4.978 41.74 4.602c10.495-.38 20.706-3.612 29.608-9.371c6.724 8.563 11.146 18.808 12.822 29.702z"/><path fill="#f25192" d="M125.38 64.003v1.046a183.5 183.5 0 0 1-44.168 4.727a753 753 0 0 1-78.628-6.317c.044-4.131.464-8.25 1.254-12.299c8.456 5.431 18.407 7.828 28.313 6.819a78.3 78.3 0 0 0 22.286-6.986a135 135 0 0 1 21.882-8.367a55.1 55.1 0 0 1 25.538-.065c8.408 1.979 16.27 5.906 22.998 11.485c.44 3.298.616 6.629.526 9.957z"/><path fill="#d34ca3" d="M55.728 84.627c-18.403 3.723-50.033-.46-50.113-.795a65.5 65.5 0 0 1-3.033-19.829v-.544a49.6 49.6 0 0 1 9.262-5.94c7.947-3.948 16.785-5.582 25.562-4.727a83.6 83.6 0 0 1 24.794 7.78a202 202 0 0 0 20.224 8.367c1.051.293-6.391 11.797-26.695 15.688z"/><path fill="#9a50a5" d="M123.15 80.945c-1.294 2.26-13.509 9.831-30.092 11.128c-21.963 1.715-47.889-5.146-39.274-8.618c13.509-5.522 25.279-15.395 39.274-19.536a52.38 52.38 0 0 1 32.357 1.13a64 64 0 0 1-2.265 15.896"/><path fill="#59569e" d="M117.21 95.671c-10.597 19.034-87.486 23.803-98.73 11.002c-5.766-6.614-10.145-14.39-12.862-22.841c9.417-5.624 20.36-7.888 31.144-6.442c13.752 1.924 26.047 9.873 39.638 12.968a58 58 0 0 0 33.086-2.008a60.6 60.6 0 0 0 13.671-7.195a64 64 0 0 1-5.945 14.516z"/><path fill="#39477f" d="M117.29 95.504c-4.81 8.708-11.547 16.113-19.658 21.609c-8.11 5.497-17.365 8.928-27.004 10.014a59.5 59.5 0 0 1-28.455-3.768c-9.064-3.563-17.184-9.295-23.694-16.728c1.86.753 4.045 1.38 5.865 1.967a58.74 58.74 0 0 0 32.802-.293c6.836-2.092 13.226-5.397 19.9-7.865a87.9 87.9 0 0 1 40.446-4.936z"/></svg>
</template>

CSS

.icon-realm {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23fcc397%22%20d%3D%22M90.312%206.608C79.079%201.111%2066.501-.735%2054.233%201.31S30.585%209.2%2021.593%2018.07c-11.73%2011.712%2089.468-1.256%2068.719-11.463z%22%2F%3E%3Cpath%20fill%3D%22%23fc9f95%22%20d%3D%22M111.79%2024.345s-4.853%207.112-20.223%209.12c-30.821%204.183-83.684%204.434-83.603%204.183c3.298-7.363%207.924-14.008%2013.631-19.578a42.4%2042.4%200%200%200%2020.709%201.38c11.325-2.217%2021.356-8.91%2032.56-11.671a49.1%2049.1%200%200%201%2015.451-1.172c8.355%204.172%2015.695%2010.234%2021.477%2017.737z%22%2F%3E%3Cpath%20fill%3D%22%23f77c88%22%20d%3D%22M124.6%2054.047c0%20.251-69.447%207.028-103.3%205.062c-6.608-.172-12.884-3.028-17.473-7.948a63%2063%200%200%201%204.247-13.43c9.91-5.651%2021.04-8.616%2032.357-8.617c13.995%200%2027.706%204.978%2041.74%204.602c10.495-.38%2020.706-3.612%2029.608-9.371c6.724%208.563%2011.146%2018.808%2012.822%2029.702z%22%2F%3E%3Cpath%20fill%3D%22%23f25192%22%20d%3D%22M125.38%2064.003v1.046a183.5%20183.5%200%200%201-44.168%204.727a753%20753%200%200%201-78.628-6.317c.044-4.131.464-8.25%201.254-12.299c8.456%205.431%2018.407%207.828%2028.313%206.819a78.3%2078.3%200%200%200%2022.286-6.986a135%20135%200%200%201%2021.882-8.367a55.1%2055.1%200%200%201%2025.538-.065c8.408%201.979%2016.27%205.906%2022.998%2011.485c.44%203.298.616%206.629.526%209.957z%22%2F%3E%3Cpath%20fill%3D%22%23d34ca3%22%20d%3D%22M55.728%2084.627c-18.403%203.723-50.033-.46-50.113-.795a65.5%2065.5%200%200%201-3.033-19.829v-.544a49.6%2049.6%200%200%201%209.262-5.94c7.947-3.948%2016.785-5.582%2025.562-4.727a83.6%2083.6%200%200%201%2024.794%207.78a202%20202%200%200%200%2020.224%208.367c1.051.293-6.391%2011.797-26.695%2015.688z%22%2F%3E%3Cpath%20fill%3D%22%239a50a5%22%20d%3D%22M123.15%2080.945c-1.294%202.26-13.509%209.831-30.092%2011.128c-21.963%201.715-47.889-5.146-39.274-8.618c13.509-5.522%2025.279-15.395%2039.274-19.536a52.38%2052.38%200%200%201%2032.357%201.13a64%2064%200%200%201-2.265%2015.896%22%2F%3E%3Cpath%20fill%3D%22%2359569e%22%20d%3D%22M117.21%2095.671c-10.597%2019.034-87.486%2023.803-98.73%2011.002c-5.766-6.614-10.145-14.39-12.862-22.841c9.417-5.624%2020.36-7.888%2031.144-6.442c13.752%201.924%2026.047%209.873%2039.638%2012.968a58%2058%200%200%200%2033.086-2.008a60.6%2060.6%200%200%200%2013.671-7.195a64%2064%200%200%201-5.945%2014.516z%22%2F%3E%3Cpath%20fill%3D%22%2339477f%22%20d%3D%22M117.29%2095.504c-4.81%208.708-11.547%2016.113-19.658%2021.609c-8.11%205.497-17.365%208.928-27.004%2010.014a59.5%2059.5%200%200%201-28.455-3.768c-9.064-3.563-17.184-9.295-23.694-16.728c1.86.753%204.045%201.38%205.865%201.967a58.74%2058.74%200%200%200%2032.802-.293c6.836-2.092%2013.226-5.397%2019.9-7.865a87.9%2087.9%200%200%201%2040.446-4.936z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23fcc397%22%20d%3D%22M90.312%206.608C79.079%201.111%2066.501-.735%2054.233%201.31S30.585%209.2%2021.593%2018.07c-11.73%2011.712%2089.468-1.256%2068.719-11.463z%22%2F%3E%3Cpath%20fill%3D%22%23fc9f95%22%20d%3D%22M111.79%2024.345s-4.853%207.112-20.223%209.12c-30.821%204.183-83.684%204.434-83.603%204.183c3.298-7.363%207.924-14.008%2013.631-19.578a42.4%2042.4%200%200%200%2020.709%201.38c11.325-2.217%2021.356-8.91%2032.56-11.671a49.1%2049.1%200%200%201%2015.451-1.172c8.355%204.172%2015.695%2010.234%2021.477%2017.737z%22%2F%3E%3Cpath%20fill%3D%22%23f77c88%22%20d%3D%22M124.6%2054.047c0%20.251-69.447%207.028-103.3%205.062c-6.608-.172-12.884-3.028-17.473-7.948a63%2063%200%200%201%204.247-13.43c9.91-5.651%2021.04-8.616%2032.357-8.617c13.995%200%2027.706%204.978%2041.74%204.602c10.495-.38%2020.706-3.612%2029.608-9.371c6.724%208.563%2011.146%2018.808%2012.822%2029.702z%22%2F%3E%3Cpath%20fill%3D%22%23f25192%22%20d%3D%22M125.38%2064.003v1.046a183.5%20183.5%200%200%201-44.168%204.727a753%20753%200%200%201-78.628-6.317c.044-4.131.464-8.25%201.254-12.299c8.456%205.431%2018.407%207.828%2028.313%206.819a78.3%2078.3%200%200%200%2022.286-6.986a135%20135%200%200%201%2021.882-8.367a55.1%2055.1%200%200%201%2025.538-.065c8.408%201.979%2016.27%205.906%2022.998%2011.485c.44%203.298.616%206.629.526%209.957z%22%2F%3E%3Cpath%20fill%3D%22%23d34ca3%22%20d%3D%22M55.728%2084.627c-18.403%203.723-50.033-.46-50.113-.795a65.5%2065.5%200%200%201-3.033-19.829v-.544a49.6%2049.6%200%200%201%209.262-5.94c7.947-3.948%2016.785-5.582%2025.562-4.727a83.6%2083.6%200%200%201%2024.794%207.78a202%20202%200%200%200%2020.224%208.367c1.051.293-6.391%2011.797-26.695%2015.688z%22%2F%3E%3Cpath%20fill%3D%22%239a50a5%22%20d%3D%22M123.15%2080.945c-1.294%202.26-13.509%209.831-30.092%2011.128c-21.963%201.715-47.889-5.146-39.274-8.618c13.509-5.522%2025.279-15.395%2039.274-19.536a52.38%2052.38%200%200%201%2032.357%201.13a64%2064%200%200%201-2.265%2015.896%22%2F%3E%3Cpath%20fill%3D%22%2359569e%22%20d%3D%22M117.21%2095.671c-10.597%2019.034-87.486%2023.803-98.73%2011.002c-5.766-6.614-10.145-14.39-12.862-22.841c9.417-5.624%2020.36-7.888%2031.144-6.442c13.752%201.924%2026.047%209.873%2039.638%2012.968a58%2058%200%200%200%2033.086-2.008a60.6%2060.6%200%200%200%2013.671-7.195a64%2064%200%200%201-5.945%2014.516z%22%2F%3E%3Cpath%20fill%3D%22%2339477f%22%20d%3D%22M117.29%2095.504c-4.81%208.708-11.547%2016.113-19.658%2021.609c-8.11%205.497-17.365%208.928-27.004%2010.014a59.5%2059.5%200%200%201-28.455-3.768c-9.064-3.563-17.184-9.295-23.694-16.728c1.86.753%204.045%201.38%205.865%201.967a58.74%2058.74%200%200%200%2032.802-.293c6.836-2.092%2013.226-5.397%2019.9-7.865a87.9%2087.9%200%200%201%2040.446-4.936z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/realm.svg?color=%231a73e8&size=48