Ikon Heinz
thesvg-color:heinz
Ikon Heinz (thesvg-color:heinz) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 111 × 50. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 111 × 50
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="111" height="50" viewBox="0 0 111 50"><path fill="#fff" d="M54.061 0C72.05 0 86.09 3.738 95.892 7.069c7.293 2.478 6.23 6.085 5.675 8.008c-.507 1.767-1.095 2.562 1.058 3.15c1.789.49 1.556.398 2.545.682c1.955.558 3.807 1.032 2.496 5.642c-.392 1.38-4.56 15.656-5.191 17.518c-1.326 3.913-.983 4.801-6.68 4.801l-83.484.003c-5.697 0-5.355-.888-6.681-4.803C5 40.21.832 25.933.44 24.553c-1.311-4.609.542-5.08 2.496-5.643c.989-.285.755-.19 2.546-.68c2.15-.588 1.564-1.385 1.057-3.15c-.555-1.925-1.618-5.53 5.675-8.008c9.803-3.333 23.843-7.07 41.83-7.07z"/><path fill="#ee2722" d="M95.086 43.436c2.514 0 3.441-.4 4.099-2.198c.585-1.6 4.091-13.982 4.575-15.647c.695-2.402.417-3.353-1.886-3.928c-.9-.225-2.602-.638-3.664-.904c-1.575-.394-1.411-2.115-1.096-3.025c.202-.584.807-2.753 1.142-3.801c.54-1.684-.275-2.203-1.266-2.595c-1.324-.527-17.169-7.435-42.936-7.784h-.01c-25.766.349-41.612 7.257-42.936 7.784c-.99.392-1.805.91-1.266 2.595c.336 1.048.941 3.217 1.143 3.8c.316.91.476 2.626-1.097 3.026c-1.125.286-2.765.679-3.663.904c-2.303.575-2.582 1.526-1.885 3.928c.482 1.665 3.99 14.048 4.573 15.647c.658 1.798 1.585 2.198 4.1 2.198z"/><path fill="#fff" d="M81.304 23.979c.346-.139 1.367-.348 1.77-.348c0 0 2.596-.223 3.438.173c.66.312-1.776 2.841-4.318 5.674c-1.428 1.59-2.92 3.282-3.843 4.723c-.457.714-.201 1.567.903 1.714c3.31.439 9.448.189 9.448.189c2.384-.12 3.263-.237 4.537-1.972c0 0 4.27-4.92 3.598-7.467c-.438-1.714-3.205-2.837-4.04-1.32c-.305.555-1.285 1.766-.717 1.888c2.189.462 2.686 1.723 2.246 2.522c-.732 1.33-2.014 1.274-2.709 1.414c-.695.137-5.533.368-6.713.092c-.493-.116.022-1.205.716-2.083c2.474-3.13 7.061-8.823 7.04-9.228c-.02-.34.122-.827-.904-.937c-3.611-.383-7.467-.174-7.467-.174c-.755 0-1.455.301-2.045.987c-.618.72-1.635 2.312-1.81 3.84c0 0-.145.719.87.313M58.81 16.825c.67.429 3.234-.286 4.043-.972c.207-.178.648-.712.806-1.166c.345-.984.462-1.406.391-2.064c-.079-.73-.552-.868-.955-.94c-.732-.127-3.401.435-4.089 1.646c-1.157 2.037-.672 3.286-.196 3.496m-2.989 3.53c-.643.4-.67 1.019-.276 1.344c.481.397.614.823.346 1.782c-.47 1.686-2.398 7.281-2.806 8.799c-.365 1.354-.935 3.463.283 3.866c1.002.562 4.873-.777 5.696-1.297c.866-.549.857-.874.636-1.215c-.191-.295-.656-.71-.729-.85c-.296-.574-.11-1.399.192-2.745l2.84-8.895c.21-.767.503-1.824-.184-2.224c-.974-.568-4.896.752-5.998 1.435m23.362 2c-.133.65-2.57 7.615-2.682 8.049c-.096.368-.687 2.292 0 2.821c.125.097.4.222.547.33c.426.314.633.869-.2 1.511c-.863.665-4.558 1.528-5.714 1.043c-1.218-.403-.775-2.745-.434-3.962c.186-.656.721-2.74 1.416-4.678c.608-1.694 1.054-3.392 1.138-3.864c.156-.886 0-1.485-.92-1.458c-1.034.208-2.035 1.104-2.805 3.1c-.956 2.473-1.608 5.242-1.615 5.27c-.729 2.76-.556 3.22-.739 3.96c-.159.648-.434.642-.964.892c-.37.177-2.968 1.338-4.227.705c-.843-.565-.131-2.824.207-4.038c.305-1.085 2.35-7.42 2.528-8.752c.139-1.043-.044-.963-.686-1.57c-.702-.664.217-1.214.4-1.329c1.086-.688 5.348-1.928 5.937-1.52c.781.539-.077 1.815.618 1.815c1.067 0 3.2-1.718 5.313-1.963c3.733-.435 3.143 2.36 2.882 3.638m-30.822 2.44c.903-.816 2.05-3.738 1.303-4.046c-1.476-.608-3.126 4.307-2.884 4.567c.141.264.991-.018 1.581-.521m-1.44 7.622c.814.295 1.888.208 2.778-.068c.811-.253.92-.297 1.51-.452c0 0 1.21.073.469 1.25c-.885 1.405-1.65 1.667-3.022 2.328c-1.352.65-3.146.894-4.653.797c-3.318-.135-3.872-2.656-3.682-5.417c.143-2.053.733-4.006.903-4.463c.705-1.888 1.389-3.646 2.849-4.845c3.227-2.65 7.522-2.835 7.917-2.847c1.016-.031 1.878.402 2.223 1.336c.556 1.998-.59 6.079-8.057 7.451c0 0-1.597 4.08.764 4.93M24.865 33.58c1.97-1.165 2.891-2.429 3.875-5.034c.374-.991.701-2.402 1.025-3.109c.19-.417.409-.388.695-.452c.399-.086 2.656-.016 2.934.019s.45.238.365.59c-.42 1.73-1.285 4.688-1.703 6.633c-.284 1.332-.746 3.42.331 3.907c1.937.875 5.903-.903 6.25-1.528c.222-.399.592-.8-.38-1.32c-.788-.421-.436-1.91-.26-3.091c0 0 .884-4.168 3.142-10.974c0-.008.45-1.342 1.023-2.761a109 109 0 0 1 1.494-3.474c.295-.429-.017-.729-.017-.729c-.174-.398-4.045-.26-4.045-.26c-1.72-.017-2.31 1.563-2.97 3.63c0 0-1.807 6.46-1.963 6.633c-.237.264-.346.365-.781.416c-.921.11-2.219.158-2.935.035c-.451-.035-.295-.504-.278-.799c-.017 0 2.305-8.106 2.172-9.29c-.088-.763-.737-.867-1.53-.867c-4.462-.228-9.007.365-10.574.902c-1.27.504-3.056 1.373-3.82 2.883c-.375.741-1.158 2.169-.226 5.677c.226.852.847 1.937.973 2.067c1.163 1.216 3.894-.293 3.838-.26c.329-.192.446-.647.19-1.164c-.36-.725-.92-2.181-1.043-3.351c-.467-4.533 2.835-4.95 3.458-5.035c1.132-.158 1.335-.078 1.926.017c.434.069.814.166.99.485c.365.66-.301 3.143-.574 4.341c-.33 1.46-1.77 6.79-2.69 9.274c-1.068 2.883-2.01 5.79-3.8 6.455c-.607.225-.915.201-1.585.044c-.606-.141-1.39-.816-1.786-1.229c-1.072-1.117-1.53-2.787-1.669-4.645c-.157-2.121.4-3.386-.398-3.49c-1.077-.054-3.12.856-4.004 1.659c-.495.446-.926.969-.443 3.151c.855 3.84 3.285 10.839 14.793 4.044"/></svg>Cara memakai ikon Heinz
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:heinz" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:heinz" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:heinz" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--heinz]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:heinz"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:heinz"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/heinz.svg" alt="Ikon Heinz" width="24" height="24">FAQ Ikon Heinz
Apakah ikon Heinz gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Heinz di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:heinz" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Heinz ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/heinz.svg" alt="Ikon Heinz">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.