realm logo
realm from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- realm
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
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 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>
React
import type { SVGProps } from "react";
export function LogosRealm(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </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%20256%20256%22%3E%3Cdefs%3E%3Ccircle%20id%3D%22SVGN5eQqeMK%22%20cx%3D%22128%22%20cy%3D%22128%22%20r%3D%22128%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22SVGMX2wGdvm%22%20fill%3D%22%23fff%22%3E%3Cuse%20href%3D%22%23SVGN5eQqeMK%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23fff%22%20href%3D%22%23SVGN5eQqeMK%22%2F%3E%3Cg%20mask%3D%22url(%23SVGMX2wGdvm)%22%3E%3Cpath%20fill%3D%22%23fcc397%22%20d%3D%22M183.588%2011.48C166.752%203.479%20147.916-1%20128.034-1C93.35-1%2061.849%2012.628%2038.594%2034.821c-24.724%2023.596%20188.755-2.54%20144.994-23.34%22%2F%3E%3Cpath%20fill%3D%22%23fc9f95%22%20d%3D%22M229.402%2047.727c.148.185-10.568%2014.507-42.774%2018.573c-65.005%208.207-176.609%209.074-176.44%208.705a129.9%20129.9%200%200%201%2028.551-40.136c14.026%204.38%2029.293%205.47%2043.734%202.81c23.844-4.363%2045.057-18.14%2068.643-23.755c10.468-2.515%2021.874-3.25%2032.616-2.396c17.85%208.483%2033.451%2020.929%2045.67%2036.199%22%2F%3E%3Cpath%20fill%3D%22%23f77c88%22%20d%3D%22M255.962%20108.343c.082.522-146.587%2014.309-218.048%2010.29C14.63%20117.324.89%20103.247%201.048%20102.48a128.6%20128.6%200%200%201%208.935-27.451c20.645-11.3%2044.934-17.822%2068.487-17.565c29.535.303%2058.51%2010.15%2088.046%209.416c21.934-.558%2044.043-7.559%2062.68-19.129c13.736%2017.166%2023.196%2037.901%2026.766%2060.593%22%2F%3E%3Cpath%20fill%3D%22%23f25192%22%20d%3D%22M257.131%20127.91c0%20.718-.017%202.15-.017%202.15s-40.737%2010.275-93.202%209.662C90.427%20138.863-2.002%20127.01-2%20126.792c.073-8.596.982-16.993%202.652-25.113c17.606%2010.863%2038.957%2016.183%2059.508%2013.944c16.341-1.77%2031.864-7.817%2046.998-14.252s30.182-13.346%2046.179-17.06c23.499-5.442%2048.636-3.542%2071.1%205.312c10.929%204.31%2021.772%2010.506%2031.112%2017.977a130.5%20130.5%200%200%201%201.582%2020.31%22%2F%3E%3Cpath%20fill%3D%22%23d34ca3%22%20d%3D%22M110.194%20170.017c-38.873%207.179-105.585-1.101-105.753-1.613C.261%20155.674-2%20142.074-2%20127.947q0-.56.005-1.118c5.901-4.68%2012.794-8.852%2019.523-12.094c16.644-8.076%2035.53-11.445%2053.94-9.631c18.196%201.814%2035.572%208.551%2052.388%2015.807c14.167%206.113%2028.243%2012.717%2042.948%2017.28c1.44.446-13.82%2023.924-56.61%2031.826%22%2F%3E%3Cpath%20fill%3D%22%239a50a5%22%20d%3D%22M252.618%20162.852c-2.714%204.584-28.53%2020.027-63.525%2022.672c-46.335%203.502-101.073-10.504-82.915-17.632c28.587-11.229%2053.38-31.398%2082.915-39.82c22.064-6.32%2046.522-5.322%2068.182%202.316a129.6%20129.6%200%200%201-4.657%2032.464%22%2F%3E%3Cpath%20fill%3D%22%2359569e%22%20d%3D%22M240.591%20192.573c-22.373%2038.843-184.638%2048.584-208.343%2022.455c-12.066-13.3-21.407-29.12-27.139-46.575c19.927-11.39%2043.254-16.226%2065.675-13.16c29.018%203.973%2055.018%2020.17%2083.648%2026.475c23.11%205.096%2047.602%203.498%2069.85-4.535c10.058-3.66%2020.03-8.563%2028.849-14.626a128.8%20128.8%200%200%201-12.54%2029.966%22%2F%3E%3Cpath%20fill%3D%22%2339477f%22%20d%3D%22M240.058%20192.03c-22.326%2039.021-64.363%2065.316-112.541%2065.316c-38.065%200-72.296-16.414-96.001-42.55c3.933%201.503%208.333%202.803%2012.366%203.939c22.55%206.22%2046.825%206.047%2069.246-.561c14.359-4.233%2027.854-10.97%2041.954-16.067c26.904-9.702%2056.517-13.118%2084.976-10.078%22%2F%3E%3C%2Fg%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%20256%20256%22%3E%3Cdefs%3E%3Ccircle%20id%3D%22SVGN5eQqeMK%22%20cx%3D%22128%22%20cy%3D%22128%22%20r%3D%22128%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22SVGMX2wGdvm%22%20fill%3D%22%23fff%22%3E%3Cuse%20href%3D%22%23SVGN5eQqeMK%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23fff%22%20href%3D%22%23SVGN5eQqeMK%22%2F%3E%3Cg%20mask%3D%22url(%23SVGMX2wGdvm)%22%3E%3Cpath%20fill%3D%22%23fcc397%22%20d%3D%22M183.588%2011.48C166.752%203.479%20147.916-1%20128.034-1C93.35-1%2061.849%2012.628%2038.594%2034.821c-24.724%2023.596%20188.755-2.54%20144.994-23.34%22%2F%3E%3Cpath%20fill%3D%22%23fc9f95%22%20d%3D%22M229.402%2047.727c.148.185-10.568%2014.507-42.774%2018.573c-65.005%208.207-176.609%209.074-176.44%208.705a129.9%20129.9%200%200%201%2028.551-40.136c14.026%204.38%2029.293%205.47%2043.734%202.81c23.844-4.363%2045.057-18.14%2068.643-23.755c10.468-2.515%2021.874-3.25%2032.616-2.396c17.85%208.483%2033.451%2020.929%2045.67%2036.199%22%2F%3E%3Cpath%20fill%3D%22%23f77c88%22%20d%3D%22M255.962%20108.343c.082.522-146.587%2014.309-218.048%2010.29C14.63%20117.324.89%20103.247%201.048%20102.48a128.6%20128.6%200%200%201%208.935-27.451c20.645-11.3%2044.934-17.822%2068.487-17.565c29.535.303%2058.51%2010.15%2088.046%209.416c21.934-.558%2044.043-7.559%2062.68-19.129c13.736%2017.166%2023.196%2037.901%2026.766%2060.593%22%2F%3E%3Cpath%20fill%3D%22%23f25192%22%20d%3D%22M257.131%20127.91c0%20.718-.017%202.15-.017%202.15s-40.737%2010.275-93.202%209.662C90.427%20138.863-2.002%20127.01-2%20126.792c.073-8.596.982-16.993%202.652-25.113c17.606%2010.863%2038.957%2016.183%2059.508%2013.944c16.341-1.77%2031.864-7.817%2046.998-14.252s30.182-13.346%2046.179-17.06c23.499-5.442%2048.636-3.542%2071.1%205.312c10.929%204.31%2021.772%2010.506%2031.112%2017.977a130.5%20130.5%200%200%201%201.582%2020.31%22%2F%3E%3Cpath%20fill%3D%22%23d34ca3%22%20d%3D%22M110.194%20170.017c-38.873%207.179-105.585-1.101-105.753-1.613C.261%20155.674-2%20142.074-2%20127.947q0-.56.005-1.118c5.901-4.68%2012.794-8.852%2019.523-12.094c16.644-8.076%2035.53-11.445%2053.94-9.631c18.196%201.814%2035.572%208.551%2052.388%2015.807c14.167%206.113%2028.243%2012.717%2042.948%2017.28c1.44.446-13.82%2023.924-56.61%2031.826%22%2F%3E%3Cpath%20fill%3D%22%239a50a5%22%20d%3D%22M252.618%20162.852c-2.714%204.584-28.53%2020.027-63.525%2022.672c-46.335%203.502-101.073-10.504-82.915-17.632c28.587-11.229%2053.38-31.398%2082.915-39.82c22.064-6.32%2046.522-5.322%2068.182%202.316a129.6%20129.6%200%200%201-4.657%2032.464%22%2F%3E%3Cpath%20fill%3D%22%2359569e%22%20d%3D%22M240.591%20192.573c-22.373%2038.843-184.638%2048.584-208.343%2022.455c-12.066-13.3-21.407-29.12-27.139-46.575c19.927-11.39%2043.254-16.226%2065.675-13.16c29.018%203.973%2055.018%2020.17%2083.648%2026.475c23.11%205.096%2047.602%203.498%2069.85-4.535c10.058-3.66%2020.03-8.563%2028.849-14.626a128.8%20128.8%200%200%201-12.54%2029.966%22%2F%3E%3Cpath%20fill%3D%22%2339477f%22%20d%3D%22M240.058%20192.03c-22.326%2039.021-64.363%2065.316-112.541%2065.316c-38.065%200-72.296-16.414-96.001-42.55c3.933%201.503%208.333%202.803%2012.366%203.939c22.55%206.22%2046.825%206.047%2069.246-.561c14.359-4.233%2027.854-10.97%2041.954-16.067c26.904-9.702%2056.517-13.118%2084.976-10.078%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/realm.svg?color=%231a73e8&size=48
