Ikon Oporto
thesvg-color:oporto
Ikon Oporto (thesvg-color:oporto) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 35 × 12. 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
- 35 × 12
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="12" viewBox="0 0 35 12"><g stroke-width=".265"><path fill="#ed1c24" d="M16.334 6.553a.75.75 0 0 1-.76-.744c0-.41.34-.744.76-.744c.419 0 .759.333.759.744s-.34.744-.76.744m-.003-2.375c-.917 0-1.66.728-1.66 1.626s.743 1.626 1.66 1.626s1.66-.728 1.66-1.626s-.744-1.626-1.66-1.626m3.158.975l-.011.007zm.891-.137a2.7 2.7 0 0 1 .052-.524c-.513-.41-.841-.314-1.286-.192a3.1 3.1 0 0 1 .343.852c.158-.09.272-.078.891.413zm0 1.124v-.076c-.22-.24-.486-.288-.813-.351a3 3 0 0 1-.101.904c.187-.01.283.053.616.8c.07.157.175.276.298.366zm-.914.479h-.014zm-7.097-.853q0 .36-.072.684c.29.222.574.21.927.196a3 3 0 0 1-.123-.904c-.18.053-.288.013-.794-.64l-.013-.015a3 3 0 0 1 .075.68m.856.88h-.001zM13.1 5.74v.001l.012-.004zm4.44-2.795c.012-.18.089-.262.901-.478c.842-.224.84-1.388.86-1.47c.023-.095-.047-.15-.093-.028c-.042.113-.616.65-1.464.8c-.856.152-.965.488-1.128.957a3.4 3.4 0 0 1 .924.219m0 0l-.001.013zm.53.263c.263.165.505.366.717.602c.097-.153.205-.192 1.033-.024c.857.174 1.414-.855 1.472-.92c.065-.073.03-.152-.07-.065c-.092.081-.861.303-1.69.06c-.834-.244-1.093.005-1.463.347m.72.603h-.002l-.007.01zm1.28 6.327c-.095-.079-.421-.787-.275-1.603c.148-.822-.142-1.041-.543-1.355a3.1 3.1 0 0 1-.533.75c.172.075.225.174.155.982c-.072.836 1.063 1.252 1.138 1.3c.084.054.161.01.058-.074M18.717 7.93h.001l-.012-.007zm.533-.752h.001zM17.44 8.74l-.007-.011zm0 0c.117.142.118.253-.333.936c-.466.707.345 1.577.388 1.652c.048.085.138.082.087-.039c-.046-.112.003-.882.526-1.538c.527-.662.374-.984.168-1.439a3.3 3.3 0 0 1-.835.428m-1.528.15c.036.178-.017.276-.747.68c-.755.418-.452 1.546-.45 1.632c.002.097.085.133.098.004c.011-.12.426-.779 1.207-1.127c.788-.351.807-.703.842-1.197a3.4 3.4 0 0 1-.95.008m-.001 0l-.003-.012zm.95-.009h.001zm-2.395-.543l.002.001l.004-.012zm.849.418a3.4 3.4 0 0 1-.847-.417c-.055.172-.15.235-.994.265c-.874.032-1.152 1.162-1.191 1.238c-.045.087.01.155.085.047c.068-.1.756-.496 1.619-.454c.87.042 1.058-.26 1.328-.68m-3.618-1.113c.246.054.519.146.784.298c.75.43 1.065.248 1.51.002a3.2 3.2 0 0 1-.546-.749c-.133.127-.248.14-1.01-.214a1 1 0 0 0-.28-.081q-.054.13-.117.25a2.6 2.6 0 0 1-.341.494m1.747-.45l.01-.009zm.05-2.884l.013.002zm-1.86-1.835c.111.055.605.668.666 1.495c.063.834.398.98.865 1.193a3 3 0 0 1 .33-.852c-.186-.034-.262-.117-.396-.918c-.14-.83-1.344-.974-1.427-1.003c-.096-.034-.16.026-.039.085m1.534 2.69l-.001-.001zm.654-1.318v-.001h-.001zm.7-.612c-.15-.11-.178-.219.086-.987c.272-.796-.733-1.453-.794-1.515c-.069-.072-.155-.047-.075.058c.074.098.22.858-.12 1.617c-.342.766-.113 1.043.202 1.438a3.2 3.2 0 0 1 .7-.61m.002-.001l.01.008zm1.463-.504l.005.012zm-.001 0c-.078-.165-.05-.273.558-.831c.63-.579.057-1.608.034-1.69c-.026-.095-.115-.112-.095.017c.018.12-.222.855-.894 1.37c-.678.521-.61.868-.522 1.357a3.4 3.4 0 0 1 .92-.223m-.92.224"/><path fill="#fcc90a" d="M16.334 5.082a.734.734 0 0 0-.742.727c0 .401.332.727.742.727s.742-.326.742-.727a.735.735 0 0 0-.742-.727"/><path d="M4.503 6.446a1.7 1.7 0 0 1-.334.542a1.5 1.5 0 0 1-.516.364a1.6 1.6 0 0 1-.656.13q-.365 0-.662-.13a1.5 1.5 0 0 1-.51-.364a1.7 1.7 0 0 1-.334-.542a1.8 1.8 0 0 1-.12-.672q0-.364.12-.683q.12-.317.334-.547a1.5 1.5 0 0 1 .51-.36a1.6 1.6 0 0 1 .662-.13q.354 0 .656.13a1.5 1.5 0 0 1 .516.36a1.6 1.6 0 0 1 .334.547q.12.318.12.683t-.12.672m.536-2.647a2.8 2.8 0 0 0-.912-.578a3 3 0 0 0-1.13-.208q-.605 0-1.13.208a2.8 2.8 0 0 0-.912.578a2.7 2.7 0 0 0-.605.876a2.7 2.7 0 0 0-.219 1.099q0 .584.219 1.089a2.7 2.7 0 0 0 .605.875q.385.37.911.584t1.13.213t1.131-.213t.912-.584a2.7 2.7 0 0 0 .605-.875q.218-.505.218-1.09q0-.593-.218-1.098a2.7 2.7 0 0 0-.605-.876m5.981 2.642a1.53 1.53 0 0 1-.839.901q-.296.13-.651.13q-.364 0-.661-.13a1.5 1.5 0 0 1-.506-.36a1.7 1.7 0 0 1-.328-.541a1.9 1.9 0 0 1-.12-.677q0-.375.12-.683a1.55 1.55 0 0 1 .333-.526a1.5 1.5 0 0 1 .51-.344a1.7 1.7 0 0 1 .652-.125q.355 0 .651.13t.511.355a1.55 1.55 0 0 1 .395.763a2 2 0 0 1 .048.43q0 .364-.115.677m1.321-1.049a2.8 2.8 0 0 0-.185-.722a2.6 2.6 0 0 0-.578-.876a2.7 2.7 0 0 0-.87-.573a2.8 2.8 0 0 0-1.094-.208q-.646 0-1.178.198a2.5 2.5 0 0 0-.906.578q-.375.38-.584.938q-.208.556-.208 1.287v4.46h1.188V7.732q.26.333.718.563q.459.229 1.053.229q.572 0 1.058-.203a2.55 2.55 0 0 0 .844-.568l.006-.006a2.6 2.6 0 0 0 .43-.592a2.7 2.7 0 0 0 .257-.699a3.2 3.2 0 0 0 .05-1.065m11.321-2.197q-.411-.182-1.068-.182q-1.041 0-1.63.526q-.459.41-.56 1.08q-.03.192-.03.405v3.469h1.189V5.367q0-.174.023-.326l.016-.092q.178-.873 1.18-.873q.333 0 .594.072q.26.074.437.157a.7.7 0 0 0 .162-.209a.67.67 0 0 0 .099-.344q0-.375-.412-.557m3.767 4.194a1.7 1.7 0 0 1-.563.094a1.5 1.5 0 0 1-.36-.042a.8.8 0 0 1-.301-.146a.7.7 0 0 1-.204-.276a1.1 1.1 0 0 1-.073-.443V4.253h2.001a2 2 0 0 0 .083-.214q.053-.15.053-.328q0-.271-.141-.412t-.485-.14h-1.51V1.792a3 3 0 0 0-.214-.067a1.3 1.3 0 0 0-.35-.047q-.291 0-.458.13t-.167.422v4.585q0 .772.47 1.245q.468.474 1.385.474q.323 0 .594-.057t.49-.14a2 2 0 0 0 .37-.178q.15-.093.234-.156l-.48-.792a1.6 1.6 0 0 1-.374.177m5.424-.943a1.7 1.7 0 0 1-.334.542a1.5 1.5 0 0 1-.516.365a1.6 1.6 0 0 1-.656.13q-.365 0-.662-.13a1.5 1.5 0 0 1-.51-.365a1.7 1.7 0 0 1-.334-.542a1.8 1.8 0 0 1-.12-.672q0-.364.12-.683q.12-.317.334-.546a1.5 1.5 0 0 1 .51-.36a1.6 1.6 0 0 1 .662-.13q.354 0 .656.13a1.5 1.5 0 0 1 .516.36a1.7 1.7 0 0 1 .334.546a1.9 1.9 0 0 1 .12.683q0 .364-.12.672m1.14-1.771a2.7 2.7 0 0 0-.604-.876a2.8 2.8 0 0 0-.912-.578a3 3 0 0 0-1.13-.208q-.605 0-1.13.208q-.527.21-.913.578a2.7 2.7 0 0 0-.604.876a2.7 2.7 0 0 0-.218 1.1q0 .582.218 1.088a2.7 2.7 0 0 0 .604.875q.386.37.912.584q.527.213 1.13.213q.605 0 1.131-.213q.526-.214.912-.584a2.7 2.7 0 0 0 .605-.875q.219-.506.218-1.089q0-.594-.218-1.1m.32 3.323a.45.45 0 0 0 .26.408a.4.4 0 0 0 .167.034a.4.4 0 0 0 .303-.128a.45.45 0 0 0 .125-.314a.45.45 0 0 0-.125-.314a.4.4 0 0 0-.303-.128a.4.4 0 0 0-.167.034a.4.4 0 0 0-.136.094a.4.4 0 0 0-.09.141a.5.5 0 0 0-.035.173m-.099 0q0-.11.042-.205a.54.54 0 0 1 .28-.28a.5.5 0 0 1 .205-.042q.11 0 .205.042a.53.53 0 0 1 .28.28a.5.5 0 0 1 .042.205a.5.5 0 0 1-.042.205a.53.53 0 0 1-.28.28a.5.5 0 0 1-.205.042a.5.5 0 0 1-.205-.042a.54.54 0 0 1-.28-.28a.5.5 0 0 1-.042-.205"/><path d="M34.706 7.768q.106 0 .148.03a.1.1 0 0 1 .039.078a.1.1 0 0 1-.04.084q-.04.03-.136.03q-.042 0-.069-.002l-.037-.004v-.211l.03-.003q.025-.002.065-.002m.313.525l-.068-.123a1 1 0 0 0-.077-.121a.2.2 0 0 0 .076-.059a.18.18 0 0 0 .038-.114a.16.16 0 0 0-.08-.15a.3.3 0 0 0-.087-.032a.6.6 0 0 0-.11-.01l-.094.002l-.048.005q-.046.01-.047.053V8.3h.09v-.23a1 1 0 0 0 .167.002a2 2 0 0 1 .07.11l.038.066l.028.05l.002.004h.106zm-18.68-.89c-.895 0-1.622-.712-1.622-1.59s.727-1.59 1.623-1.59s1.622.712 1.622 1.59s-.726 1.59-1.622 1.59m0-4.396c-1.582 0-2.863 1.256-2.863 2.806s1.281 2.805 2.863 2.805c1.58 0 2.863-1.256 2.863-2.805S17.92 3.007 16.34 3.007"/></g></svg>Cara memakai ikon Oporto
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:oporto" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:oporto" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:oporto" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--oporto]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:oporto"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:oporto"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/oporto.svg" alt="Ikon Oporto" width="24" height="24">FAQ Ikon Oporto
Apakah ikon Oporto 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 Oporto di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:oporto" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Oporto ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/oporto.svg" alt="Ikon Oporto">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.