Snapdragon アイコン
simple-icons:snapdragon
Snapdragon アイコン(simple-icons:snapdragon)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .016h-.351c-3.223.128-6.862 2.202-7.596 5.49c-.032.127-.191.127-.223 0c-.16-.799-.128-1.66.096-2.394a12.7 12.7 0 0 0-1.82 2.074a6.5 6.5 0 0 0-.638 1.34c-.447 1.405-.287 3.096.702 4.245c.926 1.085 2.394 1.468 3.575 2.202c1.18.703 2.202 1.66 2.68 3c.511 1.405.416 3-.127 4.373c-.032.127-.223.095-.223-.064c.127-2.01-.894-3.894-2.777-4.787c-.99-.447-2.106-.639-3.096-1.117C1.31 13.963.16 13.133 0 12.048c0 6.574 5.362 11.936 12 11.936c6.607 0 12-5.362 12-12S18.607.016 12 .016m8.745 18.638a11.7 11.7 0 0 1-3.255 2.872s0-.032.032-.032c-.83.479-1.724.894-2.681 1.15c.734-.607 3.127-2.171 3.127-6.48c0-3.191-2.01-5.33-4.276-6.382C11.107 8.569 8.33 7.93 8.33 4.675c0-1.723 1.372-3.574 3.51-3.606c.128-.032.288-.032.416-.032h.127a10.83 10.83 0 0 1 7.5 3.35a10.92 10.92 0 0 1 3.096 7.66v.064c0 1.34-.255 2.65-.702 3.862v.032c-.032.096-.096.223-.128.32c-.032.063-.064.127-.064.159s-.032.032-.032.064a13.5 13.5 0 0 1-1.308 2.106"/></svg>Snapdragon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:snapdragon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:snapdragon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:snapdragon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--snapdragon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:snapdragon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:snapdragon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/snapdragon.svg" alt="Snapdragon アイコン" width="24" height="24">他のアイコンセットの Snapdragon アイコン
Snapdragon アイコン のよくある質問
Snapdragon アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Snapdragon アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:snapdragon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Snapdragon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/snapdragon.svg" alt="Snapdragon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。