Anaconda Light アイコン

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

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

skill-icons:anaconda-light

Anaconda Light アイコン(skill-icons:anaconda-light)は、Skill Icons セットの無料 SVG アイコンです（作者: tandpfun）。 256 × 256 のグリッドで描かれています。 Skill Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Skill Icons
作者: tandpfun
ライセンス: MIT
サイズ: 256 × 256
タグ: anacondalight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#43b049" fill-rule="evenodd" d="M128.217 28c-3.823 0-7.646.293-11.24.586a119 119 0 0 1 15.076 12.158l3.823 3.555l-3.823 3.823a103 103 0 0 0-9.456 10.055v.293a21 21 0 0 0-1.478 1.772a58 58 0 0 1 7.098-.294a68 68 0 0 1 67.069 67.994a68 68 0 0 1-67.069 67.994a66.26 66.26 0 0 1-35.478-10.055c-5.102.59-10.234.888-15.37.892a55 55 0 0 1-7.097-.306c.273 8.013.967 16.006 2.077 23.946a98.23 98.23 0 0 0 55.868 17.153a99.77 99.77 0 0 0 70.557-29.226A99.78 99.78 0 0 0 228 127.783a99.77 99.77 0 0 0-29.226-70.557A99.77 99.77 0 0 0 128.217 28M74.119 43.963a99.2 99.2 0 0 1 21.868-10.641a153 153 0 0 0-6.818 14.183a138 138 0 0 0-15.05-3.542m-5.61 36.28c3.99-.266 7.782-.519 11.817-.519a60.3 60.3 0 0 0-10.641 13.598a101 101 0 0 1-2.37-12.999zM64.957 180.54v.586l-.892-.268a116.7 116.7 0 0 1-22.467-4.141l-.587-.293l.293-.599a158 158 0 0 1 8.271-20.658l.306-.599l.586.293a150 150 0 0 0 15.37 7.646l.598.294v.586a108 108 0 0 0-1.478 17.153m0 5.898v-.587h-.6a153 153 0 0 1-19.217-3.249l-1.771-.294l.892 1.479A103.3 103.3 0 0 0 65.25 206.84l1.185 1.185v-2.077a155 155 0 0 1-1.478-19.51m56.161-141.594c-2.064 2.077-4.142 4.434-6.206 6.805a87 87 0 0 0-3.556 4.447c-4.131-1.963-8.366-3.654-12.563-5.329l-.728-.29a122.4 122.4 0 0 1 8.27-16.567a175 175 0 0 1 14.783 10.934m-73.9 63.862l.293.586l.586-.292a152 152 0 0 1 14.49-9.163l.586-.294v-.598a114.4 114.4 0 0 1-3.25-17.42v-.6h-.586a129 129 0 0 0-21.588 5.913l-.586.293l.293.6a90 90 0 0 0 9.762 20.975m-1.772 10.045l.586-.586l.357.841a155 155 0 0 0 10.348 12.998l.293.294l-.293.598a135 135 0 0 0-8.92 13.598l-.294.586l-.586-.293a171 171 0 0 1-16.567-12.412l-.599-.599l.6-.536a138 138 0 0 1 15.075-14.489m39.901 62.675h1.771l-1.478-1.186a61.6 61.6 0 0 1-13.597-15.368v-.294l-1.173-.598v.892a133 133 0 0 0-1.185 15.674v.586h.586c1.185 0 2.367.074 3.55.147c1.181.074 2.363.147 3.548.147zm.892-125.042a117 117 0 0 0-4.142 14.49a131 131 0 0 0-15.369.853c-.34-6.503-.242-13.02.293-19.51a140 140 0 0 1 19.218 4.167m5.314 14.173a86.5 86.5 0 0 1 13.903-6.792a82 82 0 0 0-10.654-4.435c-1.172 3.543-2.357 7.391-3.25 11.227m-46.986 81.06h.573l-.28 1.173a165 165 0 0 0-7.098 16.567l-.587 1.478l-.586-1.478a93.3 93.3 0 0 1-7.99-27.781l-.293-1.785l1.478 1.185a168 168 0 0 0 14.783 10.641m13.292-94.648a98.8 98.8 0 0 0-15.37 19.804c4.984-1.467 10.269-2.633 15.543-3.797l.12-.026c-.294-5.34-.294-10.654-.294-15.98m2.956 68.287v1.771l-.841-1.491c-2.243-2.464-4.309-5.274-6.339-8.033c-.646-.878-1.289-1.752-1.932-2.608l-.892-.598l.6-.294c3.67-2.557 7.34-4.831 11.01-7.106l.458-.285l1.479-.879l-.587 1.784a69.6 69.6 0 0 0-2.956 17.739m.88 12.126l-.294-1.772l-.879 1.479c-2.663 3.823-5.327 7.977-7.646 12.119l-.306.586l.599.293c4.015 2.305 8.319 4.321 12.63 6.34l.368.173l1.479.586l-.586-1.478a65.5 65.5 0 0 1-5.366-18.326M42.78 113.086l-.6.294a73.4 73.4 0 0 0-12.998 12.463L28 127.027v-1.771a99.7 99.7 0 0 1 4.728-28.087l.599-1.772l.586 1.478a160 160 0 0 0 8.577 15.612z" clip-rule="evenodd"/></g></svg>

Anaconda Light アイコンの使い方

React

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

<Icon icon="skill-icons:anaconda-light" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:anaconda-light" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:anaconda-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--anaconda-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:anaconda-light"></div>

Web コンポーネント

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

<iconify-icon icon="skill-icons:anaconda-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/skill-icons/anaconda-light.svg" alt="Anaconda Light アイコン" width="24" height="24">

Skill Icons の関連アイコン

Anaconda Light アイコンのよくある質問

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

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

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

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

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

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

Skill Icons をすべて見る →