webtrees logo

webtrees from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
webtrees
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the webtrees logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.957 4.34q.647 0 1.269.243q.634.243 1.093.7q.459.448.662 1l1.592 4.59l1.31-3.82Q9.84 4.26 11.92 4.26q.459 0 1.106.203q.729.23 1.228.809q.5.58.905 1.782l1.296 3.82l1.606-4.59q.189-.54.649-.998q.472-.459 1.079-.703q.608-.243 1.283-.243q.62.04 1.241.338q.783.378 1.228 1.106q.459.73.459 1.66q0 .81-.364 1.54l-4.225 8.652q-1.025 2.106-3.037 2.106q-.905-.04-1.634-.567q-.728-.54-1.133-1.498L12 13.72l-1.606 3.955q-.243.634-.647 1.093q-.406.447-.945.702q-.54.257-1.134.27q-1.013 0-1.755-.486q-.742-.5-1.297-1.62L.392 8.983Q0 8.16 0 7.443q0-.89.46-1.632q.459-.756 1.254-1.134q.622-.297 1.243-.337"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsWebtrees(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="M2.957 4.34q.647 0 1.269.243q.634.243 1.093.7q.459.448.662 1l1.592 4.59l1.31-3.82Q9.84 4.26 11.92 4.26q.459 0 1.106.203q.729.23 1.228.809q.5.58.905 1.782l1.296 3.82l1.606-4.59q.189-.54.649-.998q.472-.459 1.079-.703q.608-.243 1.283-.243q.62.04 1.241.338q.783.378 1.228 1.106q.459.73.459 1.66q0 .81-.364 1.54l-4.225 8.652q-1.025 2.106-3.037 2.106q-.905-.04-1.634-.567q-.728-.54-1.133-1.498L12 13.72l-1.606 3.955q-.243.634-.647 1.093q-.406.447-.945.702q-.54.257-1.134.27q-1.013 0-1.755-.486q-.742-.5-1.297-1.62L.392 8.983Q0 8.16 0 7.443q0-.89.46-1.632q.459-.756 1.254-1.134q.622-.297 1.243-.337"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.957 4.34q.647 0 1.269.243q.634.243 1.093.7q.459.448.662 1l1.592 4.59l1.31-3.82Q9.84 4.26 11.92 4.26q.459 0 1.106.203q.729.23 1.228.809q.5.58.905 1.782l1.296 3.82l1.606-4.59q.189-.54.649-.998q.472-.459 1.079-.703q.608-.243 1.283-.243q.62.04 1.241.338q.783.378 1.228 1.106q.459.73.459 1.66q0 .81-.364 1.54l-4.225 8.652q-1.025 2.106-3.037 2.106q-.905-.04-1.634-.567q-.728-.54-1.133-1.498L12 13.72l-1.606 3.955q-.243.634-.647 1.093q-.406.447-.945.702q-.54.257-1.134.27q-1.013 0-1.755-.486q-.742-.5-1.297-1.62L.392 8.983Q0 8.16 0 7.443q0-.89.46-1.632q.459-.756 1.254-1.134q.622-.297 1.243-.337"/></svg>
</template>

CSS

.icon-webtrees {
  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%22M2.957%204.34q.647%200%201.269.243q.634.243%201.093.7q.459.448.662%201l1.592%204.59l1.31-3.82Q9.84%204.26%2011.92%204.26q.459%200%201.106.203q.729.23%201.228.809q.5.58.905%201.782l1.296%203.82l1.606-4.59q.189-.54.649-.998q.472-.459%201.079-.703q.608-.243%201.283-.243q.62.04%201.241.338q.783.378%201.228%201.106q.459.73.459%201.66q0%20.81-.364%201.54l-4.225%208.652q-1.025%202.106-3.037%202.106q-.905-.04-1.634-.567q-.728-.54-1.133-1.498L12%2013.72l-1.606%203.955q-.243.634-.647%201.093q-.406.447-.945.702q-.54.257-1.134.27q-1.013%200-1.755-.486q-.742-.5-1.297-1.62L.392%208.983Q0%208.16%200%207.443q0-.89.46-1.632q.459-.756%201.254-1.134q.622-.297%201.243-.337%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%22M2.957%204.34q.647%200%201.269.243q.634.243%201.093.7q.459.448.662%201l1.592%204.59l1.31-3.82Q9.84%204.26%2011.92%204.26q.459%200%201.106.203q.729.23%201.228.809q.5.58.905%201.782l1.296%203.82l1.606-4.59q.189-.54.649-.998q.472-.459%201.079-.703q.608-.243%201.283-.243q.62.04%201.241.338q.783.378%201.228%201.106q.459.73.459%201.66q0%20.81-.364%201.54l-4.225%208.652q-1.025%202.106-3.037%202.106q-.905-.04-1.634-.567q-.728-.54-1.133-1.498L12%2013.72l-1.606%203.955q-.243.634-.647%201.093q-.406.447-.945.702q-.54.257-1.134.27q-1.013%200-1.755-.486q-.742-.5-1.297-1.62L.392%208.983Q0%208.16%200%207.443q0-.89.46-1.632q.459-.756%201.254-1.134q.622-.297%201.243-.337%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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