Dna アイコン

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

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

fontisto:dna

Dna アイコン(fontisto:dna)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 13 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: MIT
サイズ: 13 × 24
カテゴリ: 医療

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="13" height="24" viewBox="0 0 13 24"><path fill="currentColor" d="M10.47 12.354a6.9 6.9 0 0 1-2.392 1.14l-.048.011c1.428.65 2.405 2.063 2.409 3.704V24h2.293v-6.79a6.37 6.37 0 0 0-2.252-4.848zm-8.208-.724a6.9 6.9 0 0 1 2.392-1.14l.048-.011c-1.428-.65-2.405-2.063-2.409-3.704V-.001H0v6.778a6.37 6.37 0 0 0 2.252 4.845l.009.008z"/><path fill="currentColor" d="M10.431 0c0 7.18.026 6.822-.039 7.321a4.07 4.07 0 0 1-4.025 3.52v.006a6.385 6.385 0 0 0-6.362 6.361V24h2.293v-6.79a4.074 4.074 0 0 1 4.063-4.062h.001v-.006a6.38 6.38 0 0 0 6.362-6.361V0zM3.349.952h6.03a.48.48 0 0 0 .48-.48a.473.473 0 0 0-.473-.473H3.349a.48.48 0 1 0 .002.952h-.002z"/><path fill="currentColor" d="M3.349 3.202h6.03a.48.48 0 0 0 0-.96h-6.03a.48.48 0 0 0 0 .96m0 2.255h6.03a.48.48 0 0 0 0-.96h-6.03a.48.48 0 0 0-.48.48a.49.49 0 0 0 .48.48m6.393 1.774a.474.474 0 0 0-.474-.473H3.457a.481.481 0 0 0-.002.952h5.809a.48.48 0 0 0 .48-.48zm-4.95 1.712a.48.48 0 0 0 0 .96h3.149a.48.48 0 0 0 0-.96zm4.593 14.079h-6.03a.48.48 0 0 0 0 .96h6.03a.48.48 0 0 0 .48-.48a.487.487 0 0 0-.48-.48m0-2.248h-6.03a.48.48 0 0 0 0 .96h6.03a.48.48 0 0 0 0-.96m0-2.256h-6.03a.48.48 0 0 0 0 .96h6.03a.48.48 0 0 0 .48-.48a.487.487 0 0 0-.48-.48M2.983 16.75c0 .265.215.48.48.48h5.806a.48.48 0 0 0 0-.96H3.463a.48.48 0 0 0-.48.48m4.957-1.781a.48.48 0 0 0 0-.96H4.792a.48.48 0 0 0 0 .96z"/></svg>

Dna アイコンの使い方

React

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

<Icon icon="fontisto:dna" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:dna" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:dna" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fontisto:dna"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fontisto/dna.svg" alt="Dna アイコン" width="24" height="24">

他のアイコンセットの Dna アイコン

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

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

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

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

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

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

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

Fontisto アイコンをすべて見る →