Dna アイコン
si-glyph:dna
Dna アイコン(si-glyph:dna)は、SmartIcons Glyph セットの無料 SVG アイコンです（作者: SmartIcons）。 16 × 24 のグリッドで描かれています。 SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SmartIcons Glyph
- 作者
- SmartIcons
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 16 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="24" viewBox="0 0 16 24"><path fill="currentColor" fill-rule="evenodd" d="m8.105 3.551l.05-.07C9.145 2.118 10 .94 10 .042H9c0 .242-.139.576-.352.959H6.334C6.129.628 6 .297 6 .042H5c0 .96.877 2.142 1.89 3.512l.002.003C5.903 4.942 5 6.336 5 7.535s.908 2.564 1.896 3.915l-.051.07C5.855 12.882 5 14.061 5 14.959h1c0-.247.144-.589.363-.979h2.291c.211.382.346.721.346.979h1c0-.961-.876-2.142-1.89-3.512l-.003-.004C9.097 10.059 10 8.665 10 7.467c0-1.199-.907-2.567-1.895-3.916m-.067-1.593q-.261.377-.543.766q-.287-.389-.552-.766zM8.531 6H6.492c.273-.519.63-1.064 1.01-1.608c.389.542.755 1.088 1.029 1.608M9 7.467c0 .166-.035.347-.084.533H6.064A2 2 0 0 1 6 7.533c0-.172.037-.36.09-.555h2.839c.042.17.071.335.071.489m-2.039 5.575q.262-.378.545-.767q.286.39.551.767zm-.504-4.063h2.061c-.273.524-.635 1.078-1.021 1.629c-.393-.549-.765-1.104-1.04-1.629"/></svg>
Dna アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="si-glyph:dna" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="si-glyph:dna" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="si-glyph:dna" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--dna]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:dna"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="si-glyph:dna"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/si-glyph/dna.svg" alt="Dna アイコン" width="24" height="24">
Dna アイコン のよくある質問
Dna アイコンは商用利用でも無料ですか?
はい。SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Dna アイコンを使うには?
@iconify/react をインストールして <Icon icon="si-glyph:dna" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dna アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/si-glyph/dna.svg" alt="Dna アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
SmartIcons Glyph アイコン をすべて見る →
ICONYZ
