Иконка Fathom

thesvg:fathom

Иконка Fathom (thesvg:fathom) — бесплатная SVG-иконка из набора theSVG от thesvg.org. Она нарисована на сетке 24 × 24. theSVG icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG
Автор: thesvg.org
Лицензия: MIT
Размер: 24 × 24

Скачать SVG

Код 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="thesvg:fathom" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg:fathom" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg:fathom" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--fathom]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:fathom"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg:fathom"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/thesvg/fathom.svg" alt="Иконка Fathom" width="24" height="24">

Иконка Fathom в других наборах

Вопросы и ответы: Иконка Fathom

Можно ли бесплатно использовать иконку Fathom в коммерческих проектах?

Да. theSVG icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Fathom в React?

Установите @iconify/react и выведите <Icon icon="thesvg:fathom" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Fathom на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg/fathom.svg" alt="Иконка Fathom">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG →