☰

fa-home 图标使用 TikZ

tag-icon • tag-icon tikz-pgf
fa-home 图标使用 TikZ

我正在尝试在我使用 pdflatex 编译的文档中获取 fa-home 图标。我知道 fa-home 仅在 XeLaTeX 下有效。我是否可以使用 Tikz 绘图重现此图标？任何意见都将不胜感激。

答案1

你猫拿Font Awesom 的 SVG 版本使用 中的信息通过缩放（和 y 轴移位）复制ha-home中的 (unicode: f015)代码。将所有这些放在一张图片中并像这样使用。\fill svg={...};<font-face units-per-em="1792" ascent="1536" descent="-256" />\tikz\pic{fa-home};

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{svg.path}

\tikzset {
    fa-home/.pic = {\fill[scale=1em/1792] svg {M1408 544v-480q0 -26 -19 -45t-45 -19h-384v384h-256v-384h-384q-26 0 -45 19t-19 45v480q0 1 0.5 3t0.5 3l575 474l575 -474q1 -2 1 -6zM1631 613l-62 -74q-8 -9 -21 -11h-3q-13 0 -21 7l-692 577l-692 -577q-12 -8 -24 -7q-13 2 -21 11l-62 74q-8 10 -7 23.5t11 21.5 l719 599q32 26 76 26t76 -26l244 -204v195q0 14 9 23t23 9h192q14 0 23 -9t9 -23v-408l219 -182q10 -8 11 -21.5t-7 -23.5z};}
}

\begin{document}
\foreach \size in {tiny,scriptsize, footnotesize, small, normalsize, large, Large, LARGE, huge, Huge}
{{\csname\size\endcsname \size \ \tikz\pic{fa-home};}\par}

\end{document}

在此处输入图片描述

唯一的问题是，编译时会得到! Dimension too large.。一个可能的解决方案是将所有坐标除以 1792，然后将它们与 一起使用simple scale=1em。以下是最终代码：

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{svg.path}

\tikzset {
    fa-home/.pic = {\fill[scale=1em] svg {M0.786 0.304v-0.268q0.0 -0.015 -0.011 -0.025t-0.025 -0.011h-0.214v0.214h-0.143v-0.214h-0.214q-0.015 0.0 -0.025 0.011t-0.011 0.025v0.268q0.0 0.001 0.0 0.002t0.0 0.002l0.321 0.265l0.321 -0.265q0.001 -0.001 0.001 -0.003zM0.91 0.342l-0.035 -0.041q-0.004 -0.005 -0.012 -0.006h-0.002q-0.007 0.0 -0.012 0.004l-0.386 0.322l-0.386 -0.322q-0.007 -0.004 -0.013 -0.004q-0.007 0.001 -0.012 0.006l-0.035 0.041q-0.004 0.006 -0.004 0.013t0.006 0.012 l0.401 0.334q0.018 0.015 0.042 0.015t0.042 -0.015l0.136 -0.114v0.109q0.0 0.008 0.005 0.013t0.013 0.005h0.107q0.008 0.0 0.013 -0.005t0.005 -0.013v-0.228l0.122 -0.102q0.006 -0.004 0.006 -0.012t-0.004 -0.013z};}
}

\begin{document}

\foreach \size in
  {tiny,scriptsize, footnotesize, small, normalsize, large, Large, LARGE, huge, Huge}
  {
      {\csname\size\endcsname \size \ \tikz\pic{fa-home};}\par
  }
\end{document}

如果您想使用该descent="-256"信息，您可以像这样将 y 移位 -256 \fill[scale=1em/1792, yscale=-256]，然后baseline像这样使用它\tikz[baseline]\pic{fa-home};（如果您使用第二个代码，您应该将 -256 替换为 -256/1792 = 0.14）

答案2

圆角（和屋顶角度的参数化）留作练习......

\documentclass[varwidth,border=5]{standalone}
\usepackage{tikz}
\tikzset{pics/home/.style={
  code={
%
\fill [x=1ex/6, y=1ex/6]
  (-1, 3) -- (-1, 0) -- (-5, 0) -- (-5, 4) -- (0,4+5*tan 35) --
  ( 5, 4) -- ( 5, 0) -- ( 1, 0) -- ( 1, 3) -- cycle  
  (-6, 4) -- (0, 4+6*tan 35) -- 
  ( 6, 4) -- (6+sin 35, 4+cos 35) -- 
  ( 5, 4+1*tan 35+sec 35) -- 
  ( 5, 4+5*tan 35+sec 35) -- 
  ( 3, 4+5*tan 35+sec 35) -- 
  ( 3, 4+3*tan 35+sec 35) -- 
  ( 0, 4+6*tan 35+sec 35) -- 
  (-6-sin 35, 4+cos 35) -- cycle;
%
  }
}}
\begin{document}
\foreach \f in {Huge, huge, Large, large, normalsize, small, footnotesize, scriptsize, tiny}{
  \leavevmode\csname\f\endcsname\f~\tikz\pic {home};\par
}

\end{document}

在此处输入图片描述

答案3

自 2015 年 7 月 4.3.0 版本起，fontawesome还适用于pdflatex

\documentclass{article}
\usepackage{fontawesome}
\usepackage{pgffor}

\begin{document}

\foreach \size in
  {tiny,scriptsize, footnotesize, small, normalsize, large, Large, LARGE, huge, Huge}
  {
      \csname\size\endcsname \size\ \faHome\par
  }
\end{document}

在此处输入图片描述

相关内容