Alivecor アイコン

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

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

thesvg-color:alivecor

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="350" height="44" viewBox="0 0 350 44"><path fill="#174e8c" d="M39.974 34.567c-1.183-3.005-2.517-6.15-3.9-9.623c-1.385-3.475-2.832-6.784-4.228-10.004a1348 1348 0 0 0-4.354-9.928A7.84 7.84 0 0 0 24.976 1.6a6.04 6.04 0 0 0-6.543 0c-1.13.886-2 2.065-2.517 3.41a998 998 0 0 0-4.34 9.928a823 823 0 0 0-4.24 10.005a660 660 0 0 0-3.901 9.623a384 384 0 0 0-3.36 8.736L0 43.52h7.55v-.127c.427-1.268 1.006-2.815 1.698-4.666a295 295 0 0 1 1.912-4.97l.076-.216c.793-2.054 4.165-10.549 4.819-12.134a309 309 0 0 1 2.038-4.856c.692-1.598 1.334-3.107 1.976-4.54s1.12-2.535 1.598-3.524a264 264 0 0 1 1.598 3.525c.578 1.293 1.258 2.954 1.975 4.539s1.371 3.233 2.038 4.856s4.027 10.143 4.82 12.134l.087.216c.755 1.94 1.384 3.563 1.913 4.97c.692 1.851 1.258 3.41 1.699 4.666v.127h7.549l-.076-.216c-.943-2.726-2.076-5.667-3.296-8.736ZM60.394.612H53.6v42.907h27.593v-6.441H60.394zm37.621 0h-6.618v42.907h6.618zm30.11 36.504L115.417.815l-.076-.203h-7.147l15.036 42.907h9.726L147.954 1.03l.151-.418h-7.021zm30.159 6.403h30.235v-6.441h-23.428V25.21h21.038v-6.302h-21.038V7.04h23.428V.612h-30.235zM220.076 6.61h.1c2.749-.01 5.438.8 7.732 2.324a14.05 14.05 0 0 1 5.165 6.246l.113.241l6.543-1.864l-.151-.33a21.25 21.25 0 0 0-8.414-10.024a21 21 0 0 0-12.648-3.15a21.55 21.55 0 0 0-13.152 5.943a21.85 21.85 0 0 0-6.527 12.95a22.4 22.4 0 0 0 .735 9.335c.9 3.024 2.43 5.82 4.487 8.2a21.4 21.4 0 0 0 7.273 5.415a21.25 21.25 0 0 0 8.844 1.902a20.7 20.7 0 0 0 11.668-3.57a20.95 20.95 0 0 0 7.684-9.54l.138-.33l-6.605-1.8l-.101.24a13.67 13.67 0 0 1-5.112 6.176a13.5 13.5 0 0 1-7.672 2.218c-8.392 0-14.721-6.568-14.721-15.215a15.7 15.7 0 0 1 1.103-6.043a15.6 15.6 0 0 1 3.339-5.14a14.3 14.3 0 0 1 4.674-3.118a14.2 14.2 0 0 1 5.505-1.067ZM271.437.18a21.6 21.6 0 0 0-12.135 3.595a21.87 21.87 0 0 0-8.096 9.793a22.06 22.06 0 0 0-1.318 12.676a21.96 21.96 0 0 0 5.907 11.271a21.7 21.7 0 0 0 11.132 6.05c4.224.861 8.606.437 12.59-1.217a21.77 21.77 0 0 0 9.788-8.073a22.03 22.03 0 0 0 3.673-12.197a21.94 21.94 0 0 0-6.283-15.431A21.6 21.6 0 0 0 271.437.18m14.671 21.898c0 8.635-6.442 15.393-14.671 15.393a14.2 14.2 0 0 1-5.931-1.24a14.3 14.3 0 0 1-4.89-3.604a16 16 0 0 1-3.211-5.838a16.1 16.1 0 0 1-.564-6.65a15.26 15.26 0 0 1 4.792-9.546a15.04 15.04 0 0 1 9.842-4.009h.226c8.078.165 14.407 6.974 14.407 15.494m49.322-7.443a14 14 0 0 0-1.05-5.405a13.9 13.9 0 0 0-3.044-4.575a13.8 13.8 0 0 0-4.563-3.03a13.75 13.75 0 0 0-5.372-1.013h-18.358v42.907h6.857V28.177h9.399l9.525 15.342h7.449l-10.066-16.205a13.04 13.04 0 0 0 6.701-4.796a13.2 13.2 0 0 0 2.522-7.883m-6.656-.165c0 4.476-3.247 7.608-7.889 7.608H309.9V6.863h11.551a7.1 7.1 0 0 1 2.886.53a7.2 7.2 0 0 1 3.998 4.154c.345.933.495 1.929.439 2.923M345.5 10c2.509 0 4.5-2.057 4.5-4.5v-.026A4.474 4.474 0 0 0 345.5 1c-2.509 0-4.5 2.057-4.5 4.5v.026A4.474 4.474 0 0 0 345.5 10m0-.489c-2.276 0-3.983-1.8-3.983-3.985V5.5c0-2.186 1.733-4.011 3.983-4.011c2.276 0 3.983 1.8 3.983 3.985V5.5c0 2.186-1.733 4.011-3.983 4.011m-1.681-1.851h.724V6.014h1.086l1.138 1.646h.905l-1.267-1.749c.621-.18 1.112-.617 1.112-1.362c0-.9-.75-1.389-1.681-1.389h-2.017zm.724-2.237v-1.62h1.216c.62 0 1.008.257 1.008.797c0 .489-.362.823-1.008.823z"/></svg>

Alivecor アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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