Fathom アイコン
simple-icons:fathom
Fathom アイコン(simple-icons:fathom)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.185 0c-1.702.008-3.693.467-6.068 1.331C.115 4.244-1.581 7.881 1.33 15.883s6.55 9.698 14.552 6.786s9.699-6.55 6.786-14.552C20.62 2.491 18.214-.018 14.185 0m2.77 6.57h1.253a.25.25 0 0 1 .199.098a.25.25 0 0 1 .043.217L15.672 17.22a.25.25 0 0 1-.241.186h-1.254a.25.25 0 0 1-.242-.315l.169-.628l.123-.457l2.486-9.252a.25.25 0 0 1 .241-.185zm-9.184.808h.504a.25.25 0 0 1 .25.25v.844a.25.25 0 0 1-.25.25h-.428a2 2 0 0 0-.258.012a.22.22 0 0 0-.12.048a.2.2 0 0 0-.049.078a.9.9 0 0 0-.043.315v.641h.898a.25.25 0 0 1 .25.25v.844a.25.25 0 0 1-.25.25h-.898v5.094a.25.25 0 0 1-.25.25h-.985a.25.25 0 0 1-.25-.25v-7.23a1.7 1.7 0 0 1 .169-.78a1.4 1.4 0 0 1 .453-.523c.37-.257.826-.341 1.257-.343m3.85 2.344c.767 0 1.419.218 1.883.622c.465.404.725.994.723 1.668v1.683l-.755 2.809h-.48a.25.25 0 0 1-.25-.25v-.187a2 2 0 0 1-.223.167c-.335.213-.79.352-1.39.352a2.94 2.94 0 0 1-1.337-.29a1.9 1.9 0 0 1-.883-.907a2.2 2.2 0 0 1-.187-.916a1.9 1.9 0 0 1 .245-.99a1.7 1.7 0 0 1 .646-.618c.52-.293 1.16-.396 1.788-.48H11.4c.342-.046.616-.075.827-.103a2 2 0 0 0 .431-.088a.15.15 0 0 0 .065-.04l.01-.021a.3.3 0 0 0 .009-.086v-.035a.8.8 0 0 0-.274-.638c-.178-.155-.458-.26-.847-.261c-.385 0-.686.106-.89.262a.82.82 0 0 0-.338.588a.25.25 0 0 1-.249.228H9.101a.25.25 0 0 1-.25-.261a2.14 2.14 0 0 1 .825-1.593c.491-.391 1.165-.615 1.945-.615m1.121 3.783q-.134.036-.296.068c-.303.06-.67.113-1.025.163a3 3 0 0 0-.692.171q-.295.124-.407.308a.57.57 0 0 0-.08.307v.007a.6.6 0 0 0 .062.275a.55.55 0 0 0 .176.198c.16.115.428.194.79.194c.56-.002.915-.164 1.14-.39c.223-.228.33-.542.332-.896z"/></svg>Fathom アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:fathom" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:fathom" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:fathom" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--fathom]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:fathom"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:fathom"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/fathom.svg" alt="Fathom アイコン" width="24" height="24">他のアイコンセットの Fathom アイコン
Fathom アイコン のよくある質問
Fathom アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fathom アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:fathom" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fathom アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/fathom.svg" alt="Fathom アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。