ICONYZ
日本語
Plump color icons の Dna アイコン

Dna アイコン

streamline-plump-color:dna

Dna アイコン(streamline-plump-color:dna)は、Plump color icons セットの無料 SVG アイコンです(作者: Streamline)。 48 × 48 のグリッドで描かれています。 Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Plump color icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
48 × 48
カテゴリ
自然・エコロジー
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M34.85 13.153C36.308 20.033 38.074 27.925 33 33c-3.911 3.911-9.495 3.759-15 2.816l-4.85-.97c.842 3.966 1.581 7.595.85 10.154l-1 1L2 35l1-1c2.526-.722 6.095-.01 10 .817l.15.03C11.692 27.967 9.926 20.075 15 15c3.911-3.911 9.495-3.76 15-2.816zC34.007 9.187 33.268 5.558 34 3l1-1l11 11l-1 1c-2.526.722-6.095.01-10-.817z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="m19 19l10 10m-3-12l5 5m-14 4l5 5M34 3c-2 7 7 22-1 30c-3.911 3.911-9.495 3.759-15 2.816M3 34c2.526-.722 6.095-.011 10 .816"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M14 45c2-7-7-22 1-30c3.911-3.911 9.496-3.759 15-2.815M45 14c-2.526.722-6.095.011-10-.816M39 8l1 1M8 39l1 1"/></g></svg>

Dna アイコンの使い方

React

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

<Icon icon="streamline-plump-color:dna" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:dna" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:dna" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="streamline-plump-color:dna"></iconify-icon>

HTML 画像

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

Plump color icons の関連アイコン

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

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

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

はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Plump color icons をすべて見る →