{"id":268847,"date":"2023-03-29T13:08:00","date_gmt":"2023-03-29T10:08:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=268847"},"modified":"2025-03-14T21:27:48","modified_gmt":"2025-03-14T18:27:48","slug":"hur-man-laddar-ner-och-anpassar-microsofts-emoji-med-oppen-kallkod","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/sv\/hur-man-laddar-ner-och-anpassar-microsofts-emoji-med-oppen-kallkod\/","title":{"rendered":"Hur man laddar ner och anpassar Microsofts Emoji med \u00f6ppen k\u00e4llkod"},"content":{"rendered":"\n<p>\u00c4lskar vi inte alla emoji? De har blivit som det perfekta visuella spr\u00e5ket f\u00f6r att uttrycka din gl\u00e4dje och dysterhet, njutning och sm\u00e4rta, tillgivenhet och ogillar, f\u00f6rslag och \u00e5sikter och mer.<\/p>\n<p>En emoji-\u00e4lskare som du kommer att bli glad \u00f6ver att veta att Microsoft har gjort sitt 3D-emojibibliotek till \u00f6ppen k\u00e4llkod f\u00f6r utvecklare, skapare och alla. Ja, du kan nu ladda ner och anpassa dessa Fluent emojis f\u00f6r att f\u00f6rst\u00e4rka ditt arbete, spel och konversationer. L\u00e5t oss utforska hur.<\/p>\n<h2>Microsofts Fluent Emoji \u00e4r nu gratis att redigera och anv\u00e4nda<\/h2>\n<p>Den 10 augusti 2022 meddelade <a href=\"https:\/\/howto.mediadoma.com\/sv\/microsoft-har-precis-gjort-sin-emoji-med-oppen-kallkod\/\" title=\"Microsoft att de g\u00f6r \u00f6ver 1 500 emojier i sitt bibliotek med \u00f6ppen k\u00e4llkod\">Microsoft att de g\u00f6r \u00f6ver 1 500 emojier i sitt bibliotek med \u00f6ppen k\u00e4llkod<\/a> f\u00f6r utvecklare och kreat\u00f6rer.<\/p>\n<p>Dessa Fluent design emojis har gjorts tillg\u00e4ngliga p\u00e5 GitHub s\u00e5 att du kan ladda ner och justera dem f\u00f6r att skapa dina versioner. De \u00e4r ocks\u00e5 tillg\u00e4ngliga p\u00e5 <a href=\"https:\/\/www.makeuseof.com\/adobe-acquires-figma-what-it-means-for-users\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Figma, en webbapplikation f\u00f6r samverkan f\u00f6r gr\u00e4nssnittsdesign som f\u00f6rv\u00e4rvats av Adobe<\/a>.<\/p>\n<p>Men om du \u00e4r ett fan av <a href=\"https:\/\/www.makeuseof.com\/microsoft-bring-clippy-back-from-dead\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">gem-maskoten Clippy<\/a>, kommer du att bli besviken \u00f6ver att Clippy inte \u00e4r en del av emoji-setet med \u00f6ppen k\u00e4llkod. Vissa andra emoji, inklusive de med Windows- och Microsoft-logotyperna, \u00e4r inte heller tillg\u00e4ngliga. Som Jon Friedman, Microsoft CVP, Design &amp; Research uttrycker det:<\/p>\n<blockquote>\n<p>Clippy ing\u00e5r inte i emoji-upps\u00e4ttningen med \u00f6ppen k\u00e4llkod. Jag vet, och jag skulle personligen \u00e4lska det, men p\u00e5 grund av (juridiskt tal, juridiskt tal, juridiskt tal), kan vi inte \u00f6ppna varum\u00e4rken med \u00f6ppen k\u00e4llkod. Av samma anledning kommer v\u00e5ra landsflaggor, videospel och teknologemoji inte heller att vara tillg\u00e4ngliga.<\/p>\n<\/blockquote>\n<p>Enligt Microsoft m\u00e5ste emoji existera som en SVG-, PNG- och JPG-fil f\u00f6r att m\u00f6jligg\u00f6ra verklig m\u00e5ngsidighet. Och var och en av de flytande emojierna med \u00f6ppen k\u00e4llkod kommer med den fullst\u00e4ndiga 3D-versionen, komplett med textur och gradienter, en platt f\u00e4rgversion och en monokromatisk h\u00f6gkontrastfil.<\/p>\n<p>Microsoft hoppas att skapargemenskapen tar dessa emoji och remixar och anpassar dem f\u00f6r att skapa design som aldrig tidigare sk\u00e5dats.<\/p>\n<p>Men du beh\u00f6ver inte vara utvecklare eller skapare f\u00f6r att anpassa och anv\u00e4nda Fluent emoji. L\u00e5t oss utforska hur du kan ladda ner och redigera Microsoft-emojis f\u00f6r att anv\u00e4nda i arbetsm\u00f6ten eller sociala chattar.<\/p>\n<h2>Hur man laddar ner Microsoft Fluent Emoji fr\u00e5n GitHub<\/h2>\n<p>F\u00f6r att ladda ner emojis:<\/p>\n<ol>\n<li>\n<p>G\u00e5 till <a href=\"https:\/\/github.com\/microsoft\/fluentui-emoji\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Microsoft Fluent emoji-sidan p\u00e5 GitHub<\/a>.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-63408116527c7.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-63408116527c7.jpg\" alt=\"Hur man laddar ner och anpassar Microsofts Emoji med \u00f6ppen k\u00e4llkod\"><\/a>\n<\/li>\n<li>\n<p>Klicka p\u00e5 <strong>ned\u00e5tpilen<\/strong> p\u00e5 den <strong>gr\u00f6na<\/strong> <strong>kodknappen<\/strong> f\u00f6r att \u00f6ppna menyn<\/p>\n<\/li>\n<li>\n<p>Klicka sedan p\u00e5 <strong>Ladda ner ZIP<\/strong> och den flytande emoji ZIP-filen med alla emoji kommer att laddas ner till din dator.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-634081193935a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-634081193935a.jpg\" alt=\"Hur man laddar ner och anpassar Microsofts Emoji med \u00f6ppen k\u00e4llkod\"><\/a>\n<\/li>\n<li>\n<p>Extrahera nu filerna fr\u00e5n <strong>fluentui-emoji-<\/strong> huvudmappen med ett arkivextraktionsverktyg som WinRAR.<\/p>\n<\/li>\n<li>\n<p>\u00d6ppna den uppackade mappen och sedan <strong>tillg\u00e5ngsmappen<\/strong> i den. Du hittar alla Fluent emoji i separata mappar. Varje emoji-mapp kommer att ha en PNG-fil med 3D-emoji och SVG-f\u00e4rg-, platt- och h\u00f6gkontrastfiler f\u00f6r emojin. Plus People emoji-filer i olika hudtoner.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-6340811b4c5ea.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-6340811b4c5ea.jpg\" alt=\"Hur man laddar ner och anpassar Microsofts Emoji med \u00f6ppen k\u00e4llkod\"><\/a>\n<\/li>\n<\/ol>\n<p>Om du \u00e4r en utvecklare eller designer, kanske du tycker att det \u00e4r bekv\u00e4mt att ladda ner Fluent-emoji fr\u00e5n Figma \u2013 GitHub-f\u00f6rvarsl\u00e4nken finns ocks\u00e5 d\u00e4r.<\/p>\n<h2>Hur du anpassar den flytande emojin och skapar dina egna m\u00f6nster<\/h2>\n<p>Du kan anv\u00e4nda m\u00e5nga bra designappar som Canva och emoji-redigerare f\u00f6r att anpassa Microsofts emoji med \u00f6ppen k\u00e4llkod. Professionella designers skulle f\u00f6redra Figma eftersom Fluent emoji-setet finns tillg\u00e4ngligt d\u00e4r s\u00e5 att de kan justera det p\u00e5 Figma.<\/p>\n<p><a href=\"https:\/\/www.makeuseof.com\/canva-vs-figma\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">B\u00e5de Canva och Figma \u00e4r popul\u00e4ra bland designers<\/a>, men f\u00f6r den h\u00e4r handledningen har vi anv\u00e4nt Canvas grafiska designverktyg online eftersom amat\u00f6rdesigners eller till och med de som \u00e4r nyb\u00f6rjare kan anv\u00e4nda det enkelt. L\u00e5t oss se hur.<\/p>\n<ol>\n<li>\n<p>Ladda <a href=\"https:\/\/apps.microsoft.com\/store\/detail\/canva\/XP8K17RNMM8MTN\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ner appen Microsoft Store Canva<\/a> och installera den p\u00e5 ditt skrivbord.<\/p>\n<\/li>\n<li>\n<p>Registrera dig sedan med Google, Facebook eller din e-post och du \u00e4r redo att anv\u00e4nda Canva.<\/p>\n<\/li>\n<li>\n<p>Klicka p\u00e5 den <strong>lila knappen<\/strong> <strong>Skapa en design<\/strong> p\u00e5 Canvas hemsida. V\u00e4lj vad du vill skapa fr\u00e5n rullgardinsmenyn. Vi kommer att skapa ett socialt mediaklisterm\u00e4rke med en av de flytande emojierna s\u00e5 jag har valt alternativet <strong>Logotyp<\/strong> med storleken 500 x 500px, vilket skulle vara l\u00e4mpligt. Anpassade storlekar kan skapas om du uppgraderar till Canva Pro-versionen.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-6340811e28fd3.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-6340811e28fd3.jpg\" alt=\"Hur man laddar ner och anpassar Microsofts Emoji med \u00f6ppen k\u00e4llkod\"><\/a>\n<\/li>\n<li>\n<p>Den nya designsidan med den valda storleken \u00f6ppnas. Ladda f\u00f6rst upp den emoji du vill anv\u00e4nda. F\u00f6r det, klicka p\u00e5 <strong>Uppladdningar<\/strong> i menyn till v\u00e4nster. Klicka nu p\u00e5 den <strong>lila<\/strong> knappen Ladda upp filer.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-63408121581fb.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-63408121581fb.jpg\" alt=\"Hur man laddar ner och anpassar Microsofts Emoji med \u00f6ppen k\u00e4llkod\"><\/a>\n<\/li>\n<li>\n<p>N\u00e4r filutforskaren \u00f6ppnas, navigera till <strong>tillg\u00e5ngsmappen<\/strong> i <strong>flytande-emoji-<\/strong> huvudmappen p\u00e5 din dator f\u00f6r att v\u00e4lja en emoji. Cowboy <strong>Hat Face 3D-<\/strong> emojien v\u00e4ljs h\u00e4r. Med den kommer vi att skapa en rolig dekal med Halloween-tema.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-63408123d3f39.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-63408123d3f39.jpg\" alt=\"Hur man laddar ner och anpassar Microsofts Emoji med \u00f6ppen k\u00e4llkod\"><\/a>\n<\/li>\n<li>\n<p>N\u00e4r emojin har laddats upp kan du bara dra och sl\u00e4ppa den p\u00e5 den tomma designduken &#8211; som du kan se p\u00e5 sk\u00e4rmdumpen nedan.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-63408126c568a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-63408126c568a.jpg\" alt=\"Hur man laddar ner och anpassar Microsofts Emoji med \u00f6ppen k\u00e4llkod\"><\/a>\n<\/li>\n<\/ol>\n<p>Nu n\u00e4r vi har emojin redo och v\u00e4ntar \u00e4r det dags att l\u00e4gga till en personlig stil till den:<\/p>\n<ol>\n<li>\n<p>Du kan s\u00f6ka fr\u00e5n menyn till v\u00e4nster f\u00f6r att l\u00e4gga till <strong>mallar<\/strong>, <strong>element<\/strong> och <strong>text<\/strong>. Plus, knappen <strong>Mer<\/strong> ger dig tillg\u00e5ng till <strong>foton<\/strong>, <strong>stilar<\/strong>, <strong>bakgrunder<\/strong> och andra coola grejer. Du kan ocks\u00e5 prenumerera p\u00e5 Canva Pro-versionen f\u00f6r fler element.<\/p>\n<\/li>\n<li>\n<p>Eller s\u00e5 kan du s\u00f6ka efter det du vill ha som Halloween-grafik, bakgrunder, fladderm\u00f6ss, katter, sp\u00f6ken och mycket mer. S\u00e5 f\u00f6rst valde jag ett <strong>Pumpkin Face<\/strong> och drog och sl\u00e4ppte det p\u00e5 <strong>Cowboy Hat Face<\/strong> emojins hatt. L\u00e4gg sedan till tv\u00e5 <strong>Circle<\/strong> -grafik f\u00f6r att s\u00e4tta runt emojin.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-63408129c62bb.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-63408129c62bb.jpg\" alt=\"Hur man laddar ner och anpassar Microsofts Emoji med \u00f6ppen k\u00e4llkod\"><\/a>\n<\/li>\n<li>\n<p>Sedan tillkom olika element som <strong>Happy Halloween-<\/strong> texten, <strong>fladderm\u00f6ss<\/strong> och ett <strong>sp\u00f6ke<\/strong> och en fin f\u00e4rgad bakgrund. Vart och ett av elementen kan flyttas runt och g\u00f6ras mindre eller st\u00f6rre f\u00f6r att passa din design.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-6340812c3a9fd.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-6340812c3a9fd.jpg\" alt=\"Hur man laddar ner och anpassar Microsofts Emoji med \u00f6ppen k\u00e4llkod\"><\/a>\n<\/li>\n<li>\n<p>Och f\u00f6r att f\u00f6rst\u00e4rka det roliga bytte jag ut Happy Halloween-texten mot en cool <strong>Happy Haunting-<\/strong> text och placerade den precis under cowboyens ansikte. Och din Halloween-dekal \u00e4r klar.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-6340812eb8188.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-6340812eb8188.jpg\" alt=\"Hur man laddar ner och anpassar Microsofts Emoji med \u00f6ppen k\u00e4llkod\"><\/a>\n<\/li>\n<li>\n<p>N\u00e4r din design \u00e4r klar kan du spara den p\u00e5 Canva i din projektmapp eller dela dess l\u00e4nk, eller dela ditt klisterm\u00e4rke p\u00e5 sociala medier. F\u00f6r det klickar du p\u00e5 knappen Dela uppe till h\u00f6ger.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-63408131b39af.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-63408131b39af.jpg\" alt=\"Hur man laddar ner och anpassar Microsofts Emoji med \u00f6ppen k\u00e4llkod\"><\/a>\n<\/li>\n<li>\n<p>Eller klicka p\u00e5 knappen Ladda ner f\u00f6r att spara den p\u00e5 din PC och anv\u00e4nda den som du vill. Du kommer att f\u00e5 f\u00f6rslaget att ladda ner som en PNG eller s\u00e5 kan du v\u00e4lja andra filalternativ. Att spara i SVG-format \u00e4r en funktion i Canva Pro.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-634081349f861.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-255925-634081349f861.jpg\" alt=\"Hur man laddar ner och anpassar Microsofts Emoji med \u00f6ppen k\u00e4llkod\"><\/a>\n<\/li>\n<\/ol>\n<p>P\u00e5 detta s\u00e4tt kan du anv\u00e4nda vilken Microsoft Fluent-emoji som helst och skapa nya emoji, klisterm\u00e4rken och nya m\u00f6nster.<\/p>\n<p>En annan app som du kan kolla in f\u00f6r att redigera Fluent emojis \u00e4r <a href=\"https:\/\/www.pizap.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PiZap<\/a>. Dessutom kan du ocks\u00e5 <a href=\"https:\/\/howto.mediadoma.com\/sv\/hur-man-skapar-anpassade-emojis-i-windows-10-och-11\/\" title=\"skapa anpassade emojis i Windows 10 och 11\">skapa anpassade emojis i Windows 10 och 11<\/a>.<\/p>\n<h2>Anpassa Fluent Emoji f\u00f6r att l\u00e4gga till en rolig, personlig touch<\/h2>\n<p>Nu n\u00e4r Microsofts Fluent emoji \u00e4r dina att anpassa, varf\u00f6r inte skapa n\u00e5gra signatur-emoji eller klisterm\u00e4rken f\u00f6r roliga eller speciella tillf\u00e4llen? Och ge en rolig, personlig touch till dina chattar, e-postmeddelanden och inl\u00e4gg p\u00e5 sociala medier.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.makeuseof.com\" class=\"external external_icon\">www.makeuseof.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Windows emoji \u00e4r nu \u00f6ppen k\u00e4llkod, och du kan l\u00e4gga till din egen speciella stil med dessa tips.<\/p>\n","protected":false},"author":1,"featured_media":255926,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[2889],"tags":[3063],"class_list":["post-268847","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-windows-7","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/268847","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=268847"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/268847\/revisions"}],"predecessor-version":[{"id":313799,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/268847\/revisions\/313799"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/255926"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=268847"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=268847"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=268847"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}