tibia icon

tibia from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: tibia
Set: Material Symbols Light
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: tibia-rounded, tibia-sharp

1 other variant in Material Symbols Light

tibia-outline

The same icon in other sets

tibiaMaterial Symbols

More social icons from Material Symbols Light

Use the tibia icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 8.777L7.586 6.363q-.29-.29-.438-.638T7 4.975q0-.827.564-1.401Q8.13 3 8.95 3h6.1q.802 0 1.364.574t.561 1.376q0 .414-.163.784q-.164.37-.454.68L14 8.752v6.377l2.408 2.388q.27.29.431.658q.161.367.161.775q0 .852-.586 1.439t-1.439.586q-.408 0-.765-.158q-.358-.157-.648-.428q-.31-.316-.715-.49T12 19.725t-.837.177q-.396.177-.705.487q-.29.27-.658.428t-.775.158q-.852 0-1.429-.586Q7.02 19.802 7 18.95q0-.408.148-.775t.439-.639L10 15.155z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightTibia(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 8.777L7.586 6.363q-.29-.29-.438-.638T7 4.975q0-.827.564-1.401Q8.13 3 8.95 3h6.1q.802 0 1.364.574t.561 1.376q0 .414-.163.784q-.164.37-.454.68L14 8.752v6.377l2.408 2.388q.27.29.431.658q.161.367.161.775q0 .852-.586 1.439t-1.439.586q-.408 0-.765-.158q-.358-.157-.648-.428q-.31-.316-.715-.49T12 19.725t-.837.177q-.396.177-.705.487q-.29.27-.658.428t-.775.158q-.852 0-1.429-.586Q7.02 19.802 7 18.95q0-.408.148-.775t.439-.639L10 15.155z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 8.777L7.586 6.363q-.29-.29-.438-.638T7 4.975q0-.827.564-1.401Q8.13 3 8.95 3h6.1q.802 0 1.364.574t.561 1.376q0 .414-.163.784q-.164.37-.454.68L14 8.752v6.377l2.408 2.388q.27.29.431.658q.161.367.161.775q0 .852-.586 1.439t-1.439.586q-.408 0-.765-.158q-.358-.157-.648-.428q-.31-.316-.715-.49T12 19.725t-.837.177q-.396.177-.705.487q-.29.27-.658.428t-.775.158q-.852 0-1.429-.586Q7.02 19.802 7 18.95q0-.408.148-.775t.439-.639L10 15.155z"/></svg>
</template>

CSS

.icon-tibia {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%208.777L7.586%206.363q-.29-.29-.438-.638T7%204.975q0-.827.564-1.401Q8.13%203%208.95%203h6.1q.802%200%201.364.574t.561%201.376q0%20.414-.163.784q-.164.37-.454.68L14%208.752v6.377l2.408%202.388q.27.29.431.658q.161.367.161.775q0%20.852-.586%201.439t-1.439.586q-.408%200-.765-.158q-.358-.157-.648-.428q-.31-.316-.715-.49T12%2019.725t-.837.177q-.396.177-.705.487q-.29.27-.658.428t-.775.158q-.852%200-1.429-.586Q7.02%2019.802%207%2018.95q0-.408.148-.775t.439-.639L10%2015.155z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%208.777L7.586%206.363q-.29-.29-.438-.638T7%204.975q0-.827.564-1.401Q8.13%203%208.95%203h6.1q.802%200%201.364.574t.561%201.376q0%20.414-.163.784q-.164.37-.454.68L14%208.752v6.377l2.408%202.388q.27.29.431.658q.161.367.161.775q0%20.852-.586%201.439t-1.439.586q-.408%200-.765-.158q-.358-.157-.648-.428q-.31-.316-.715-.49T12%2019.725t-.837.177q-.396.177-.705.487q-.29.27-.658.428t-.775.158q-.852%200-1.429-.586Q7.02%2019.802%207%2018.95q0-.408.148-.775t.439-.639L10%2015.155z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/tibia.svg?color=%231a73e8&size=48