Friym アイコン

Q: Friym アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:friym

Friym アイコン(thesvg-color:friym)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 285 × 283 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 285 × 283

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="285" height="283" viewBox="0 0 285 283"><path fill="#fff" d="M242.21 110.17c-2.37-6.74-8.45-8.59-15.13-8.07a.42.42 0 0 1-.45-.39v-6.78c.05-18.63-11.65-35.36-29.79-40.31q-4.94-1.36-15.77-1.36q-36.33-.07-72.68 0a68 68 0 0 0-13.32.93c-16.61 3.59-28.64 17.32-31.28 33.72c-.67 4.15-.39 10.19-.45 13.6a.5.5 0 0 1-.45.53c-1.36.19-3.21-.07-4.34.05q-7.41.91-10.36 6.91q-1.41 2.9-1.27 10.31q.09 5.93.05 14q0 7.27.9 9.85a11.92 11.92 0 0 0 7.87 7.26c2.1.7 4.81.37 7.05.45a.5.5 0 0 1 .54.45a.5.5 0 0 1 0 .11q.08 20.4 0 51.56a39.4 39.4 0 0 0 .66 8.35c2.16 9.11 11.86 14.55 20.53 12.65q3.49-.78 9.15-4.59l27.93-18.66a4.67 4.67 0 0 1 2.58-.79h54.15q12.33 0 17.65-1.36c17.12-4.4 30-19.88 30.62-37.72v-9.45a.45.45 0 0 1 .39-.51h.11c2-.05 4.48.15 6.22-.26c6.94-1.65 9.66-7.09 9.69-13.93v-18.08q-.01-6.13-.8-8.47M116.43 93.92a12.22 12.22 0 1 1-12.23 12.22a12.22 12.22 0 0 1 12.23-12.22m64.64 62.36c-11.34 6.65-23.13 11-36.15 11s-24.81-4.4-36.15-11.08c-10.18-6-2-20.25 8.39-14.06c8.78 5.25 17.76 8.77 27.76 8.78s19-3.48 27.78-8.71c10.4-6.21 18.54 8.13 8.37 14.07m-7.49-37.89a12.22 12.22 0 1 1 12.22-12.22a12.22 12.22 0 0 1-12.22 12.22"/><circle cx="116.42" cy="106.15" r="12.22" fill="#227371"/><path fill="#227371" d="M172.71 142.2c-8.8 5.23-17.78 8.72-27.78 8.71s-19-3.53-27.76-8.78c-10.37-6.2-18.57 8.06-8.39 14.06c11.34 6.68 23.13 11.06 36.15 11.08s24.81-4.33 36.15-11c10.16-5.93 2.02-20.27-8.37-14.07"/><circle cx="173.58" cy="106.17" r="12.22" fill="#227371"/><path fill="#227371" d="M269 77.12q-22.16-41.75-64.71-61.87A139.5 139.5 0 0 0 123.2 3.8C62.61 13.64 15.85 60.09 6.25 121.25a120.5 120.5 0 0 0-1.16 15.64q-.22 11.55.12 15.66Q9.57 204 45.37 240.74a.39.39 0 0 1 0 .56Q30.92 255.75 20.75 266q-3.07 3.09-3.59 5c-1.25 4.63 1.28 10.37 6.3 10.83q2.8.24 7.09.24q24.73-.11 99.91-.07h19.94c57.6-2.18 106.6-38.78 126.53-92.94c13.15-35.78 9.94-78.24-7.93-111.94m-25.92 59.59c0 6.84-2.75 12.28-9.69 13.93c-1.74.42-4.18.21-6.22.26h-.11a.45.45 0 0 0-.39.51v9.45c-.63 17.83-13.5 33.32-30.62 37.72q-5.33 1.36-17.65 1.36h-54.19a4.67 4.67 0 0 0-2.58.79L93.7 219.38q-5.7 3.81-9.15 4.62c-8.67 1.9-18.37-3.54-20.53-12.65a39.4 39.4 0 0 1-.66-8.35v-51.56a.5.5 0 0 0 0-.11a.5.5 0 0 0-.54-.45c-2.25-.09-5 .25-7.05-.45a11.92 11.92 0 0 1-7.87-7.26q-.94-2.58-.9-9.85q0-8-.05-14q-.14-7.41 1.27-10.31q3-6.07 10.36-6.93c1.13-.13 3 .14 4.34-.05a.5.5 0 0 0 .45-.53c.06-3.41-.22-9.45.45-13.6C66.46 71.5 78.5 57.77 95.1 54.16a68 68 0 0 1 13.32-.93h72.68q10.84 0 15.77 1.36c18.13 4.98 29.81 21.71 29.76 40.34v6.78a.42.42 0 0 0 .45.39c6.68-.52 12.76 1.32 15.13 8.07q.84 2.34.84 8.43Z"/></svg>

Friym アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:friym" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:friym" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:friym" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg-color:friym"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/friym.svg" alt="Friym アイコン" width="24" height="24">

Friym アイコンのよくある質問

Friym アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Friym アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:friym" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Friym アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/friym.svg" alt="Friym アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →