Llava アイコン

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

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

thesvg-color:llava

Llava アイコン(thesvg-color:llava)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="url(#SVGeYbW5csk)" d="M13.976 11.91s-.055-2.284 1.1-3.644c1.154-1.359 2.638-2.393 3.572-3.045s2.254-1.469 2.089-2.637c-.165-1.17-1.088-1.945-5.1-1.945s-6.77.369-9.327 1.7c-2.556 1.332-1.472 3.054-.384 3.345c.96.257 2.183.36 3.152 1.383c1.758 1.853 1.573 4.707 1.573 4.707z"/><path fill="#717578" d="M7.38 12.834s-3.132 4.297-3.958 5.358s-2.528 2.8-2.417 3.017c.11.217 1.402.734 1.402.734s6.54.924 7.061.924c.522 0 11.239-3.017 11.239-3.017s-3.764-7.968-4.975-7.506c-1.21.463-8.352.49-8.352.49"/><path fill="#474b4e" d="M12.491 15.39s-.934.815-1.373 1.251c-.44.437-1.67 1.415-1.51 1.577c.13.133 1.987-.702 2.18-.798c.166-.081 2.216-.835 2.353-.643s-.46.643-.659.924c-.185.261-3.458 3.524-4.231 3.725c-.556.146-3.93.327-4.04.054c-.111-.27 1.208-2.12.88-2.393c-.33-.272-1.678.603-2.474 1.066c-.795.462-2.032 1.054-2.225 1.082s-.385-.028-.385-.028s-.058.34 1.65 1.114c1.345.61 2.445 1.17 6.129 1.523a31.8 31.8 0 0 0 7.858-.191c1.54-.218 4.369-1.089 5.112-1.414c.741-.326 1.315-.663 1.237-.896c-.028-.082-4.314-5.71-4.314-5.71l-2.313-3.396l-3.875 3.152z"/><path fill="url(#SVGftpHxcyB)" d="M9.79 9.829c-.855.126-1.16 1.086-2.05 2.206c-.513.646-.952 1.084-1.196 1.38c-.274.332-.637 1.018-.274 1.211c.362.193.922-.384 1.075-.703c.152-.317.377-.642.589-.419s.225.612-.317 1.06c-.543.449-1.178.971-1.117 1.435s.376.598.739.493c.362-.104 1.238-1.106 1.57-1.599s.86-1.345 1.223-1.345s.357.747-.362 1.584c-.83.967-1.235 1.302-2.22 2.183c-1.023.913-.89 1.24-.709 1.419s.695.223 1.434-.403c.74-.628 1.783-1.807 2.236-2.332c.453-.522.86-1.09 1.33-1.06c.468.03.346.492.406.718c.06.223.06.641.618.641s.86-.568 1.042-1.016c.18-.449.165-1.046.527-1.106c.363-.06.407.299.695.867c.286.568 1.39 2.927 1.662 3.346s.574 1.21 1.464.94c.89-.268-.256-1.897-.528-2.301c-.272-.403-1.057-1.764-1.36-2.675c-.301-.91-.301-1.196-.104-1.345c.195-.15.528.269.967 1.076c.437.807.816 1.555 1.162 1.854s.648.269.8.133c.15-.133.211-.642-.182-1.03a11 11 0 0 1-1.259-1.537a43 43 0 0 1-1.488-2.396c-.362-.627-.57-1.058-1.063-1.134c-.639-.097-1.098.375-1.46.628c-.363.253-.86.389-1.36.359c-.498-.03-1.162-.568-1.434-.807c-.27-.235-.542-.399-1.055-.325z"/><path fill="#ec5f32" d="M10.236 10.638s.342.072.592.257c.25.186.864.682 1.663.67c.8-.01 1.245-.39 1.567-.576c.323-.185.623-.154.623-.154s-.542 2.091-2.151 2.153c-2.105.082-2.294-2.35-2.294-2.35"/><path fill="url(#SVG2NvWleod)" d="M20.242 10.921c-.294.042-.141.459-.1 1.443c.043.985.033 1.4.506 1.401c.593.002.407-1.235.294-1.61c-.11-.375-.346-1.284-.7-1.234"/><path fill="url(#SVGpFsd9fYT)" d="M20.171 6.12c-.129.255.28.542.659.985c.255.3.63 1.04 1.15 1.096c.52.055.58-.562.322-.917c-.252-.347-.687-.694-1.178-.943s-.854-.416-.953-.221"/><path fill="url(#SVGuiQHvdvn)" d="M13.539 3.649c.155.07.308-.028.364-.236c.037-.137.657-1.134 1.571-1.747c.743-.5 1.094-.5 1.473-.652c.23-.094.435-.445.322-.708c-.107-.25-.337-.346-.715-.29c-.24.035-1.114.256-1.978 1.18c-1.065 1.137-1.122 1.928-1.15 2.066s-.036.319.113.387"/><path fill="url(#SVGwxpucN1m)" d="M11.49 3.774c-.288.076-.533-.333-1.05-.86c-.52-.529-.982-.597-1.236-.918c-.253-.32-.209-.68.015-.874s.616-.222.966.041s.8.764 1.122 1.457c.175.375.451 1.084.183 1.154"/><path fill="url(#SVGJoDq9b2f)" d="M4.68 5.89c-.203-.189-1.012.146-1.633.662c-.296.246-.594.537-.717.842c-.102.259-.098.587.143.747c.218.143.484.076.67-.066c.255-.197.432-.594.581-.813c.262-.383.697-.747.84-.869c.13-.114.27-.36.117-.502z"/><path fill="url(#SVG5upFBbVh)" d="M5.352 11.13c-.234-.071-.585.182-.879 1.294c-.26.984-.34 1.871.315 1.887c.688.018.402-.974.483-1.87c.08-.894.314-1.24.08-1.31z"/><path fill="url(#SVGQLH75Ban)" d="M5.29 9.839c.384.076.585-.213.664-.478c.062-.212.326-1.312 1.7-1.435c1.329-.12 2.28 1.203 2.417 1.349c.138.145.32.171.422.068c.091-.09.073-.255-.018-.479c-.094-.239-1.192-2.106-3.142-1.861c-1.847.231-2.485 1.64-2.469 2.178c.014.377.123.598.425.658z"/><path fill="url(#SVG4Vp7AbtW)" d="M14.046 9.598c.25.082.367-.194.457-.323c.091-.13.572-1.042 1.428-1.479c.858-.436 1.503-.484 2.31-.121c.43.193.732.715.915 1.034c.246.428.588.542.914.363c.327-.178.375-.712-.106-1.35c-.39-.516-1.26-1.397-2.802-1.243c-2.457.243-3.12 2.373-3.184 2.577c-.07.235-.103.486.068.542"/><path fill="url(#SVGkBc4UcNB)" d="M12.862 10.058c.256.026.322-.086.393-.524c.16-.987.409-2.85 1.73-4.357c1.043-1.19 2.217-1.046 2.735-.727c.453.279.564.546.747.74s.552.424.882.193c.276-.192.345-.68-.135-1.214c-.479-.534-.968-.97-2.17-1.068c-1.203-.098-2.391.667-3.03 1.59s-1.104 2.232-1.25 3.12a12 12 0 0 0-.16 1.857c0 .18.049.368.258.39"/><path fill="url(#SVGRuQ1ze9Z)" d="M11.837 10.06c.268-.04.306-.243.27-.558c-.037-.315-.276-2.047-.756-3.394c-.477-1.347-1.2-2.603-2.612-2.864c-1.41-.261-2.531.72-2.689.881c-.245.253-.501.676-.195 1.016c.306.341.802.076 1.12-.265c.318-.34.854-.805 1.726-.538c.87.267 1.283 1.074 1.664 1.84c.38.765.682 1.867.841 2.45c.16.581.26 1.042.323 1.213c.062.16.185.237.308.22z"/><defs><radialGradient id="SVGeYbW5csk" cx="48.297%" cy="102.258%" r="94.548%" fx="48.297%" fy="102.258%" gradientTransform="matrix(.7039 0 0 1 .143 0)"><stop offset="17.43%" stop-color="#e79f68"/><stop offset="27.76%" stop-color="#e6a272"/><stop offset="45.28%" stop-color="#e3ab8d"/><stop offset="53.12%" stop-color="#e2af9b"/><stop offset="78.33%" stop-color="#e1d1cc"/><stop offset="88.28%" stop-color="#e0e0e0"/></radialGradient><radialGradient id="SVGftpHxcyB" cx="46.574%" cy="-17.021%" r="104.429%" fx="46.574%" fy="-17.021%" gradientTransform="matrix(0 1 -.7313 0 .341 -.636)"><stop offset="38.96%" stop-color="#cb2d30"/><stop offset="49.16%" stop-color="#d23730"/><stop offset="66.46%" stop-color="#e45231"/><stop offset="71.53%" stop-color="#ea5b31"/><stop offset="79.21%" stop-color="#ea6032"/><stop offset="88.7%" stop-color="#ec6f36"/><stop offset="96.72%" stop-color="#ed823a"/></radialGradient><radialGradient id="SVG2NvWleod" cx="-27.509%" cy="-21.261%" r="247.627%" fx="-27.509%" fy="-21.261%" gradientTransform="matrix(1 0 0 .35 0 -.138)"><stop offset="4.48%" stop-color="#cb2d30"/><stop offset="34.39%" stop-color="#d23730"/><stop offset="85.12%" stop-color="#e45231"/><stop offset="100%" stop-color="#ea5b31"/></radialGradient><radialGradient id="SVGpFsd9fYT" cx="-29.546%" cy="-14.202%" r="145.983%" fx="-29.546%" fy="-14.202%" gradientTransform="matrix(.9419 0 0 1 -.017 0)"><stop offset="29.39%" stop-color="#cb2d30"/><stop offset="51.49%" stop-color="#d23730"/><stop offset="89%" stop-color="#e45231"/><stop offset="100%" stop-color="#ea5b31"/></radialGradient><radialGradient id="SVGuiQHvdvn" cx="-1.091%" cy="131.876%" r="130.022%" fx="-1.091%" fy="131.876%" gradientTransform="scale(.9434 1)"><stop offset="4.48%" stop-color="#cb2d30"/><stop offset="34.39%" stop-color="#d23730"/><stop offset="85.12%" stop-color="#e45231"/><stop offset="100%" stop-color="#ea5b31"/></radialGradient><radialGradient id="SVGwxpucN1m" cx="127.538%" cy="131.898%" r="149.345%" fx="127.538%" fy="131.898%" gradientTransform="matrix(1 0 0 .914 0 .113)"><stop offset="42.32%" stop-color="#cb2d30"/><stop offset="60.38%" stop-color="#d23730"/><stop offset="91.02%" stop-color="#e45231"/><stop offset="100%" stop-color="#ea5b31"/></radialGradient><radialGradient id="SVGJoDq9b2f" cx="129.457%" cy="-24.912%" r="139.942%" fx="129.457%" fy="-24.912%" gradientTransform="matrix(.9605 0 0 1 .051 0)"><stop offset="34.06%" stop-color="#cb2d30"/><stop offset="54.7%" stop-color="#d23730"/><stop offset="89.73%" stop-color="#e45231"/><stop offset="100%" stop-color="#ea5b31"/></radialGradient><radialGradient id="SVG5upFBbVh" cx="95.294%" cy="-40.37%" r="328.308%" fx="95.294%" fy="-40.37%" gradientTransform="matrix(1 0 0 .3667 0 -.256)"><stop offset="48.33%" stop-color="#cb2d30"/><stop offset="64.51%" stop-color="#d23730"/><stop offset="91.95%" stop-color="#e45231"/><stop offset="100%" stop-color="#ea5b31"/></radialGradient><radialGradient id="SVGQLH75Ban" cx="50.033%" cy="50.021%" r="78.647%" fx="50.033%" fy="50.021%" gradientTransform="matrix(.5045 0 0 1 .248 0)"><stop offset="4.48%" stop-color="#cb2d30"/><stop offset="34.39%" stop-color="#d23730"/><stop offset="85.12%" stop-color="#e45231"/><stop offset="100%" stop-color="#ea5b31"/></radialGradient><radialGradient id="SVG4Vp7AbtW" cx="50.024%" cy="50.007%" r="80.209%" fx="50.024%" fy="50.007%" gradientTransform="matrix(.4925 0 0 1 .254 0)"><stop offset="4.48%" stop-color="#cb2d30"/><stop offset="34.39%" stop-color="#d23730"/><stop offset="85.12%" stop-color="#e45231"/><stop offset="100%" stop-color="#ea5b31"/></radialGradient><radialGradient id="SVGkBc4UcNB" cx="-46.282%" cy="44.724%" r="121.766%" fx="-46.282%" fy="44.724%" gradientTransform="scale(1 .9988)"><stop offset="39.43%" stop-color="#cb2d30"/><stop offset="58.39%" stop-color="#d23730"/><stop offset="90.57%" stop-color="#e45231"/><stop offset="100%" stop-color="#ea5b31"/></radialGradient><radialGradient id="SVGRuQ1ze9Z" cx="137.282%" cy="79.026%" r="126.759%" fx="137.282%" fy="79.026%" gradientTransform="matrix(1 0 0 .9331 0 .053)"><stop offset="42.05%" stop-color="#cb2d30"/><stop offset="60.19%" stop-color="#d23730"/><stop offset="90.97%" stop-color="#e45231"/><stop offset="100%" stop-color="#ea5b31"/></radialGradient></defs></svg>

Llava アイコンの使い方

React

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

<Icon icon="thesvg-color:llava" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:llava" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:llava" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--llava]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:llava"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:llava"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/llava.svg" alt="Llava アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

theSVG Color アイコンをすべて見る →